:root{--fondo:oklch(96.5% .009 160);--texto:oklch(22% .016 160);--suave:oklch(46% .015 160);--tenue:oklch(53% .02 160);--borde:oklch(85% .015 160);--menta:oklch(83% .13 166);--verde:oklch(40% .08 165);--curva:cubic-bezier(.22,1,.36,1);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.65 Manrope,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--verde);outline-offset:5px}button:focus-visible{outline-color:var(--menta)}
[hidden]{display:none!important}::selection{background:var(--menta);color:var(--texto)}
.contenedor{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.saltar{position:fixed;z-index:20;top:12px;left:12px;padding:12px 20px;background:var(--menta);transform:translateY(-180%)}.saltar:focus{transform:none}
.cabecera{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde)}
.marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px}.marca img{border-radius:9px}.marca-punto{color:var(--verde);margin-left:-8px}
.cabecera nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:650}.cabecera nav a{text-decoration:none}.cabecera nav a:hover{color:var(--verde)}.nav-descarga{border:1px solid var(--borde);padding:9px 18px;border-radius:100px}.nav-descarga span{margin-left:12px}

/* La escena sólo acompaña el relato; al terminar, sale con él del documento. */
.recorrido{position:relative}.escenario{position:sticky;top:50px;width:54%;height:calc(100svh - 100px);min-height:620px;max-height:950px;margin-left:auto;margin-bottom:calc(-1 * clamp(620px,100svh - 100px,950px));z-index:2;perspective:1300px;display:flex;align-items:center;justify-content:center}
.ambiente{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.halo{width:450px;height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 26%,oklch(92% .075 163),oklch(85% .105 165) 53%,oklch(78% .105 166));opacity:.65;box-shadow:inset -16px -22px 42px oklch(53% .1 165 / .09);transition:opacity .6s var(--curva)}
.orbita{position:absolute;width:560px;height:560px;border:1px solid oklch(72% .055 165 / .32);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.78)}.orbita-dos{width:650px;height:650px;transform:translate(-50%,-50%) rotate(28deg) scaleY(.8);border-style:dashed;border-color:oklch(72% .04 165 / .2)}
.cruz{position:absolute;color:oklch(58% .055 165);font-size:22px;font-weight:400}.cruz-uno{top:22%;left:15%}.cruz-dos{bottom:23%;right:8%}
.objeto{position:relative;width:350px;transform:translate3d(25px,-12px,0) rotateX(8deg) rotateY(-17deg) rotateZ(5deg);transform-style:preserve-3d;will-change:transform}
.placa{--w-fondo:oklch(23% .009 165);--w-texto:oklch(96% .008 160);--w-suave:oklch(72% .01 165);--w-linea:oklch(99% .01 165 / .1);--w-hover:oklch(99% .01 165 / .06);position:relative;isolation:isolate;color:var(--w-texto);background:var(--w-fondo);border:1px solid oklch(62% .01 165 / .45);border-radius:20px;box-shadow:1px 1px 0 oklch(48% .013 165),3px 3px 0 oklch(38% .013 165),5px 5px 0 oklch(29% .013 165),24px 36px 55px oklch(24% .04 165 / .18),0 4px 9px oklch(24% .04 165 / .12);overflow:hidden;transition:background .35s,color .35s}
.placa-cabecera{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--w-linea)}.placa-marca{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.placa-marca img{border-radius:6px}.estado{font-size:10px;color:var(--w-suave);display:flex;align-items:center;gap:5px}.estado i,.placa-pie i{display:inline-block;width:5px;height:5px;background:oklch(79% .12 164);border-radius:50%}
.widget{padding:18px 10px 12px;font:13px/1.4 "Segoe UI Variable Text","Segoe UI",sans-serif}.widget-cabecera{display:flex;align-items:center;gap:8px;padding:0 7px 12px}.widget-cabecera h3{font:600 16px/1.2 "Segoe UI",sans-serif;margin:0}.cuenta{font-size:10px;padding:2px 7px;border-radius:20px;background:oklch(70% .14 25 / .14);color:oklch(78% .12 30)}.fecha-demo{margin-left:auto;font-size:11px;color:var(--w-suave)}.refrescar{font-size:18px;color:var(--w-suave);margin-left:6px}
.grupo{display:flex;align-items:center;justify-content:space-between;padding:13px 8px 7px;color:var(--w-suave);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.grupo span{font-size:9px;text-transform:none;letter-spacing:0;opacity:.8}
.tarea{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:13px 8px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .2s}.tarea:hover,.tarea.seleccionada{background:var(--w-hover)}.tarea strong{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarea small{display:block;margin-top:3px;font-size:10.5px;color:var(--w-suave)}
.punto{width:7px;height:7px;border-radius:50%;background:var(--color);box-shadow:0 0 0 3px color-mix(in srgb,var(--color) 14%,transparent)}.azul{--color:oklch(74% .13 266)}.verde{--color:oklch(79% .12 163)}.violeta{--color:oklch(76% .13 305)}.naranja{--color:oklch(76% .13 46)}
.vence{font-size:10px;white-space:nowrap;background:var(--w-hover);color:var(--w-suave);border-radius:100px;padding:4px 8px}.urgente{color:oklch(78% .12 30);background:oklch(70% .14 25 / .13)}.tardia{font-size:9px}.grupo-tardia{color:oklch(78% .1 35);padding-top:20px}
.placa-pie{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-top:1px solid var(--w-linea);color:var(--w-suave);font-size:9px}.placa-pie i{margin-right:4px}.placa-pie>span:last-child{letter-spacing:3px}
.placa[data-tema=papel]{--w-fondo:oklch(96% .012 85);--w-texto:oklch(27% .012 85);--w-suave:oklch(46% .012 85);--w-linea:oklch(22% .01 85 / .1);--w-hover:oklch(22% .01 85 / .06)}.placa[data-tema=papel] .urgente,.placa[data-tema=papel] .cuenta,.placa[data-tema=papel] .grupo-tardia{color:oklch(44% .12 30)}.placa[data-tema=bosque]{--w-fondo:oklch(28% .045 164);--w-texto:oklch(95% .025 145);--w-suave:oklch(78% .03 145)}
.vista-previa{position:absolute;width:265px;left:-110px;top:110px;padding:17px;background:oklch(99% .006 160);color:var(--texto);border:1px solid var(--borde);border-radius:15px;box-shadow:0 22px 45px oklch(24% .04 165 / .16);transform:translate3d(-18px,20px,65px) rotateZ(-4deg);transform-style:preserve-3d;opacity:0;transition:opacity .35s var(--curva),transform .55s var(--curva);z-index:3}.vista-previa.visible{opacity:1;transform:translate3d(-18px,0,65px) rotateZ(-4deg)}
.vista-cabecera{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--verde);font-size:9px;font-weight:700}.vista-cabecera button{background:transparent;border:0;cursor:pointer;font-size:21px;line-height:1;color:var(--suave);padding:0 4px}.vista-previa h4{font-size:18px;letter-spacing:-.6px;line-height:1.3;margin:10px 0}.vista-fecha{background:oklch(92% .04 60);color:oklch(42% .09 40);font-size:9px;border-radius:30px;padding:4px 8px}.vista-previa p{font-size:11px;line-height:1.65;color:var(--suave);margin:14px 0}
.documento{border:1px solid var(--borde);border-radius:8px;overflow:hidden}.documento .papel{height:110px;background:oklch(97% .008 90);padding:15px 24px;text-align:center;overflow:hidden}.papel b{display:block;font:11px Georgia,serif}.papel span{font:18px Georgia,serif;display:block;margin:9px 0}.papel i{display:block;background:var(--borde);height:2px;margin:6px 0}.papel i:last-child{width:70%}.archivo{border-top:1px solid var(--borde);display:flex;align-items:center;gap:8px;padding:9px;font-size:10px}.archivo span:last-child{margin-left:auto}.tipo{padding:3px 5px;background:oklch(91% .035 25);color:oklch(47% .13 25);border-radius:4px;font-size:8px;font-weight:800}.vista-enlace{display:block;font-size:9px;color:var(--suave);text-align:center;margin-top:12px}
.notificacion{position:absolute;right:-60px;top:-65px;width:320px;padding:16px;display:flex;gap:11px;background:oklch(99% .006 160);border:1px solid var(--borde);border-radius:15px;box-shadow:0 12px 28px oklch(24% .04 165 / .12);opacity:0;transform:translate3d(0,20px,80px);transition:opacity .4s var(--curva),transform .5s var(--curva);pointer-events:none}.notificacion.visible{opacity:1;transform:translate3d(0,0,80px)}.notificacion img{border-radius:8px}.notificacion>div{flex:1}.notificacion span{display:flex;justify-content:space-between;font-size:10px;color:var(--suave)}.notificacion small{font-size:9px}.notificacion strong{font-size:12px;display:block;margin-top:5px}.notificacion p{font-size:10px;color:var(--suave);margin:2px 0 0}
.personalizacion{position:absolute;bottom:-100px;left:50%;width:280px;transform:translate3d(-50%,0,55px);background:oklch(99% .006 160);border:1px solid var(--borde);border-radius:14px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 12px 28px oklch(24% .04 165 / .1)}.personalizacion>span{font-size:10px;font-weight:650}.temas{display:flex;gap:8px}.muestra-tema{border:2px solid transparent;border-radius:50%;width:22px;height:22px;cursor:pointer;outline-offset:4px}.muestra-tema[aria-pressed=true]{outline:1px solid var(--verde);outline-offset:3px}.muestra-tema.medianoche{background:oklch(25% .01 165)}.muestra-tema.papel{background:oklch(89% .025 85)}.muestra-tema.bosque{background:oklch(44% .075 163)}
.pie-escena{position:absolute;bottom:2%;width:100%;text-align:center;color:var(--suave)}.escena-nombre{font-size:11px;font-weight:600}.indicadores{display:flex;justify-content:center;gap:7px;margin:13px 0}.indicadores i{width:5px;height:5px;background:var(--borde);border-radius:10px;transition:transform .3s,background .3s}.indicadores i.activo{background:var(--verde);transform:scale(1.4)}.pie-escena small{font-size:9px;color:var(--tenue)}
.relato{position:relative;z-index:1}.escena{min-height:100svh;display:flex;align-items:center;width:44%;padding:90px 0}.hero{min-height:calc(100svh - 100px);padding:55px 0 70px}.texto-escena{width:100%}.entrada{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;margin:0 0 28px}.entrada>span{width:6px;height:6px;border-radius:50%;background:var(--verde)}h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(64px,6.5vw,94px);line-height:1.06;letter-spacing:-.065em;font-weight:650;margin-bottom:28px}h1 em{font-style:normal;color:var(--verde)}.lema{font-size:16px;line-height:1.8;max-width:34ch;color:var(--suave);margin-bottom:28px}.acciones{display:flex;align-items:flex-start;gap:18px;flex-direction:column}.boton{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;text-decoration:none;border-radius:100px;font-size:12px;font-weight:700;transition:transform .25s var(--curva),background .25s var(--curva);min-height:50px}.boton:hover{transform:translateY(-3px)}.boton-principal{background:var(--texto);color:var(--fondo)}.boton-principal:hover{background:var(--verde)}.boton span{font-size:20px;line-height:1}.enlace-recorrido{text-decoration:none;font-size:11px;font-weight:650}.enlace-recorrido span{margin-left:12px}.compatibilidad{font-size:10px;color:var(--suave);margin:20px 0 3px}.compatibilidad span{padding:0 5px}.otra-descarga{font-size:10px;color:var(--suave)}.invitacion{margin-top:44px;font-size:10px;color:var(--tenue);display:flex;align-items:center;gap:12px}.invitacion span{font-size:18px}
.numero{display:block;font-size:11px;font-weight:650;color:var(--verde);margin-bottom:25px}.escena h2,.titulo-seccion h2{font-size:clamp(40px,4.5vw,64px);line-height:1.12;letter-spacing:-.055em;font-weight:650;margin-bottom:24px}.escena:not(.hero) p{font-size:17px;max-width:34ch;color:var(--suave);line-height:1.9}.escena p.nota{font-size:13px;line-height:1.85;max-width:40ch;margin-top:24px}.detalle-funcion{display:inline-flex;align-items:center;gap:10px;border-top:1px solid var(--borde);padding-top:20px;margin-top:14px;font-size:10px;font-weight:650;color:var(--verde)}.detalle-funcion>span{font-size:20px}
.confianza{background:oklch(91% .025 163);padding:55px 0;margin-top:40px}.confianza-interior{display:flex;align-items:center;justify-content:space-between;gap:30px}.confianza p{font-size:28px;line-height:1.5;letter-spacing:-1px;margin:0;font-weight:500}.confianza strong{font-weight:650}.confianza-interior>div{display:grid;gap:5px;font-size:12px;color:var(--suave)}.confianza-interior a{font-size:11px;color:var(--verde);margin-top:8px}
.instalacion,.preguntas{display:grid;grid-template-columns:1fr 1.15fr;gap:45px 100px;padding-block:120px}.titulo-seccion p{color:var(--suave);font-size:14px}.pasos{margin:0;padding:0;list-style:none}.pasos li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--borde)}.pasos li:first-child{padding-top:5px}.pasos li>span{font-size:12px;color:var(--verde);padding-top:3px}.pasos h3{font-size:18px;letter-spacing:-.5px;margin-bottom:8px}.pasos p{color:var(--suave);font-size:13px;margin:0;max-width:45ch}.aviso-instalacion{grid-column:2;font-size:12px;margin-top:-16px}.aviso-instalacion summary{font-size:12px}.preguntas{padding-top:30px}.lista-preguntas details{border-bottom:1px solid var(--borde);padding:22px 0}.lista-preguntas details:first-child{padding-top:4px}
summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:14px;font-weight:650;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-weight:400;color:var(--verde);font-size:20px;line-height:1.2}details[open]>summary:after{content:'−'}details p{font-size:13px;color:var(--suave);margin:15px 0 0;max-width:65ch}.solo-mac,.es-mac .solo-windows{display:none}.es-mac .solo-mac{display:block}
.descarga-final{padding-bottom:90px}.cierre{position:relative;overflow:hidden;background:var(--menta);border-radius:24px;padding:70px 64px;display:flex;align-items:center;justify-content:space-between;gap:45px}.cierre .numero{color:var(--texto);margin-bottom:22px}.cierre h2{font-size:clamp(32px,4vw,54px);font-weight:650;line-height:1.15;letter-spacing:-.055em;margin-bottom:20px}.cierre p{font-size:13px;margin:0}.descargas{display:flex;flex-direction:column;gap:12px;z-index:1;flex-shrink:0}.boton-oscuro{background:var(--texto);color:var(--fondo)}.boton-contorno{border:1px solid oklch(22% .016 160 / .35)}.intel,.descargas small{font-size:10px;text-align:center}.descargas small{color:oklch(32% .03 160)}.cierre-decoracion{position:absolute;left:40%;bottom:-80px;font-size:350px;font-weight:400;line-height:1;opacity:.045;pointer-events:none}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--borde);padding-block:32px 45px}footer .marca{font-size:18px}footer p{font-size:10px;color:var(--suave);margin:0}footer>div{display:flex;gap:22px;font-size:10px}footer>div a{text-decoration:none}.escena-mobile{display:none}

@media(max-width:1100px){.contenedor{width:calc(100% - 64px)}h1{font-size:70px}.objeto{width:315px}.tarea{gap:8px}.tarea strong{font-size:11.5px}.tarea small{font-size:9px}.halo{width:370px;height:370px}.escena h2{font-size:47px}.vista-previa{left:-65px;width:245px}.notificacion{right:-20px}.instalacion,.preguntas{gap:45px}.cierre{padding:50px 40px}.cierre h2{font-size:43px}}
@media(max-width:800px){
  html{scroll-padding-top:24px}.contenedor{width:calc(100% - 40px)}.cabecera{height:78px}.cabecera nav{gap:20px;font-size:11px}.cabecera nav>a:first-child{display:none}.marca{font-size:20px}
  .recorrido{display:flex;flex-direction:column}.relato{display:contents}.escena{width:100%;min-height:0;padding:70px 8px 28px;order:3}.hero{order:1;padding:60px 8px 20px;min-height:0}.hero .entrada{margin-bottom:24px}h1{font-size:clamp(58px,11vw,82px)}.lema{font-size:15px;max-width:38ch}.acciones{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.compatibilidad{margin-top:18px}.invitacion{display:none}
  .escenario{order:2;position:relative;top:auto;width:100%;height:530px;min-height:0;max-height:none;margin:0;perspective:1200px;overflow:clip}.objeto{width:315px;will-change:auto;transform:rotateX(7deg) rotateY(-12deg) rotateZ(4deg)}.halo{width:340px;height:340px}.ambiente{inset:-10px}.orbita{width:420px;height:420px}.orbita-dos{width:490px;height:490px}.pie-escena{bottom:0}
  .escena h2{font-size:45px}.numero{margin-bottom:20px}.escena:not(.hero) p{font-size:16px;max-width:48ch}.escena p.nota{font-size:13px;max-width:48ch}
  .escena-mobile{display:block;position:relative;order:3;width:100%;height:570px;perspective:1200px;overflow:clip}.escena-mobile .objeto{position:absolute;left:50%;top:50%;margin-left:-157.5px;transform:translateY(-50%) rotateY(9deg) rotateZ(-3deg)}.escena-mobile .vista-previa{left:24px;top:105px;width:235px;transform:translate3d(0,0,25px) rotateZ(-3deg)}.escena-mobile .notificacion{right:0;top:-30px;width:min(300px,100%);transform:translateZ(25px)}.escena-mobile .personalizacion{bottom:-65px;width:260px;transform:translate3d(-50%,0,15px)}
  .confianza{margin-top:65px;padding:40px 0}.confianza-interior{align-items:flex-start;flex-direction:column;gap:22px}.confianza p{font-size:25px}.instalacion,.preguntas{grid-template-columns:1fr;padding-block:70px;gap:28px}.titulo-seccion h2{font-size:44px}.aviso-instalacion{grid-column:1;margin-top:0}.preguntas{padding-top:10px}.cierre{flex-direction:column;align-items:flex-start;padding:40px 28px;gap:32px}.cierre h2{font-size:40px}.descargas{width:100%;max-width:330px}.descarga-final{padding-bottom:60px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;flex-basis:100%}footer>div{gap:16px;margin-left:auto}
}
@media(max-width:800px){.escena-mobile[data-demostracion="3"]{height:650px}.muestra-tema{width:24px;height:24px;flex-shrink:0}.vista-cabecera button{min-width:24px;min-height:24px}}
@media(max-width:380px){.cabecera nav>a:not(.nav-descarga){display:none}.contenedor{width:calc(100% - 28px)}.objeto{width:265px;transform:rotateX(4deg) rotateY(-6deg) rotateZ(1deg)}.escena-mobile .objeto{margin-left:-132.5px}.tarea{padding:13px 6px;gap:7px}.tarea strong{font-size:10px}.tarea small{font-size:8.5px}.escena h2{font-size:39px}.cierre h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.objeto,.escena-mobile .objeto{transform:none;will-change:auto}.escena-mobile .objeto{transform:translateY(-50%)}.vista-previa,.vista-previa.visible{transform:translateZ(1px)}.notificacion,.notificacion.visible{transform:translateZ(1px)}.boton:hover{transform:none}}