/* sitio.css: generado por construir.mjs desde css/*.css; no editar a mano */
:root{
--fondo:#0F1211;          
--fondo-2:#121614;        
--superficie:#181D1B;     
--superficie-2:#1F2522;   
--linea:#29302D;          
--borde-control:#6E7872;  
--texto:#EEF0EB;          
--texto-2:#A3ABA5;        
--acento:#8FD19E;         
--sobre-acento:#0F1211;   
--claro:#EEF0E9;          
--claro-tarjeta:#FBFCF9;
--linea-claro:#D5DAD3;
--borde-control-claro:#7A857E; 
--texto-claro:#111513;    
--texto-claro-2:#56605A;  
--acento-claro:#2A6340;   
--sobre-acento-claro:#FFFFFF; 
--bisel:#1A1E1C;          
--bisel-borde:#323A36;
--esqueleto:#29302D;      
--sombra:#050606;
--error:#F4A492;           
}
:root[data-paleta="a"]{
--fondo:#0E0F11;--fondo-2:#121316;--superficie:#17191D;--superficie-2:#1E2025;--linea:#2B2E33;--borde-control:#6B6F77;
--texto:#F2EFE9;--texto-2:#A6A9B0;--acento:#FF6B2C;--sobre-acento:#0E0F11;
--claro:#F2EFE9;--claro-tarjeta:#FBFAF7;--linea-claro:#DCD7CE;--borde-control-claro:#857F76;
--texto-claro:#121316;--texto-claro-2:#5A5D63;--acento-claro:#B8430F;--sobre-acento-claro:#FFFFFF;
--bisel:#1B1D21;--bisel-borde:#34373D;--esqueleto:#2B2E33;--sombra:#050506;--error:#FF9C87;
}
:root[data-paleta="b"]{
--fondo:#0B111A;--fondo-2:#0E1520;--superficie:#131B27;--superficie-2:#1A2432;--linea:#253142;--borde-control:#667385;
--texto:#EEF2F6;--texto-2:#9AA5B4;--acento:#7FA6FF;--sobre-acento:#0B111A;
--claro:#F3F5F8;--claro-tarjeta:#FCFDFE;--linea-claro:#D6DCE4;--borde-control-claro:#7D8796;
--texto-claro:#0E1520;--texto-claro-2:#556070;--acento-claro:#2F5BD3;--sobre-acento-claro:#FFFFFF;
--bisel:#161D28;--bisel-borde:#2B3647;--esqueleto:#253142;--sombra:#04070B;--error:#FF9E9E;
}
:root{
--acento-suave:color-mix(in oklab,var(--acento) 14%,transparent);
--acento-halo:color-mix(in oklab,var(--acento) 9%,transparent);
--texto-3:color-mix(in oklab,var(--texto) 45%,var(--fondo));
--foco:var(--acento);
--q-crema:#F4F1EA;--q-papel:#FFFDF8;--q-tinta:#16181C;--q-gris:#E4E0D6;
--q-c-maquinaria:#F2B705;--q-c-instalaciones:#1D5FBF;--q-c-alquiler:#F28C28;--q-c-reformas:#A44A26;--q-c-metal:#B3202F;
--q-antes-fondo:#FFFFFF;--q-antes-gris:#C9CCD1;--q-antes-gris-2:#ECEDEF;--q-antes-barra:#7D8590;
--q-antes-tinta:#3A3A3A;--q-antes-tinta-2:#6B6B6B;--q-antes-azul:#2B4A7A;--q-antes-enlace:#1A3DB0;
--f-texto:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--f-antes:Verdana,Tahoma,"DejaVu Sans",sans-serif;
--f-antes-serif:Georgia,"Times New Roman","DejaVu Serif",serif;
--t-h1:clamp(2.75rem,6.4vw,5.5rem);
--t-rota:clamp(1.5rem,3.1vw,2.75rem);
--t-h2:clamp(2rem,4.2vw,3.5rem);
--t-h3:clamp(1.375rem,2vw,1.75rem);
--t-texto:1.125rem;
--t-peq:.9375rem;
--m:clamp(16px,4.4vw,64px);   
--ancho:1280px;
--cab:64px;
--barra-fija:64px;
--ease-ui:cubic-bezier(.23,1,.32,1);
--ease-escena:cubic-bezier(.16,1,.3,1);
--ease-inout:cubic-bezier(0.65,0,0.35,1);
}
@font-face{font-family:"Schibsted Grotesk";src:url(fuentes/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";src:url(fuentes/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted respaldo";src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans"),local("DejaVu Sans");size-adjust:101%;ascent-override:94%;descent-override:25%;line-gap-override:0%}
:root{--f-texto:"Schibsted Grotesk","Schibsted respaldo",ui-sans-serif,system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--cab) + 16px);background:var(--fondo);color-scheme:dark;
scrollbar-color:var(--borde-control) var(--fondo)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;background:var(--fondo);color:var(--texto);font-family:var(--f-texto);font-size:var(--t-texto);line-height:1.55;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;overflow-x:clip;caret-color:var(--acento)}
::selection{background:var(--acento);color:var(--sobre-acento)}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a,button,label,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
main:focus{outline:none}
.saltar{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;border-radius:10px;background:var(--acento);color:var(--sobre-acento);font-weight:700;text-decoration:none}
.saltar:focus{top:12px}
.env{width:100%;max-width:calc(var(--ancho) + 2 * var(--m));margin-inline:auto;padding-inline:var(--m)}
.h1{font-size:var(--t-h1);font-weight:800;line-height:.95;letter-spacing:-.04em;text-wrap:balance}
.h2{font-size:var(--t-h2);font-weight:800;line-height:1.02;letter-spacing:-.032em;text-wrap:balance;max-width:16ch}
.h3{font-size:var(--t-h3);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.etiqueta{display:inline-flex;align-items:center;gap:10px;font-weight:550;font-size:var(--t-peq);letter-spacing:0;color:var(--texto-2);margin-bottom:20px}
.etq-punto{width:7px;height:7px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)}
.entrada{font-size:clamp(1.125rem,1.4vw,1.3125rem);line-height:1.5;color:var(--texto-2);max-width:34em;margin-top:20px;text-wrap:pretty}
.sec-cab{margin-bottom:clamp(28px,4vw,48px)}
.boton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 10px 0 26px;border:0;border-radius:999px;
background:var(--acento);color:var(--sobre-acento);font-weight:650;font-size:1.0625rem;line-height:1.2;text-decoration:none;white-space:nowrap;
transition:transform .3s var(--ease-ui),background-color .2s ease;-webkit-tap-highlight-color:transparent}
.boton:not(:has(.boton-chip)){padding:0 26px}
.rod{display:block;height:1.2em;overflow:hidden}
.rod>span{display:block;transition:transform .3s var(--ease-ui)}
.rod>span::after{content:attr(data-t);content:attr(data-t) / "";display:block}
.boton-chip{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sobre-acento);color:var(--acento);flex:none}
.boton-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-ui)}
@media (hover:hover) and (pointer:fine){
.boton:hover{transform:scale(1.03)}
.boton:hover .rod>span{transform:translateY(-100%)}
.boton:hover .boton-chip svg{transform:rotate(-45deg)}
}
.boton:focus-visible .rod>span{transform:translateY(-100%)}
.boton:active{transform:scale(.97);transition-duration:.12s}
.boton-peq{min-height:44px;padding:0 18px!important;font-size:.9375rem}
.enlace-flecha{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 4px;font-weight:600;color:var(--texto);text-decoration:none;
background:linear-gradient(currentColor,currentColor) 4px calc(100% - 10px)/calc(100% - 8px) 1px no-repeat;transition:background-size .3s var(--ease-ui),color .2s ease}
.enlace-flecha::after{content:"";width:18px;height:10px;background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease-ui)}
@media (hover:hover) and (pointer:fine){.enlace-flecha:hover{color:var(--acento);background-size:0 1px}.enlace-flecha:hover::after{transform:translateX(4px)}}
.enlace-flecha:active{opacity:.75}
.disp{position:relative}
.marco{position:relative;padding:clamp(6px,.8vw,10px);border-radius:clamp(10px,1.2vw,16px);background:var(--bisel);
box-shadow:inset 0 0 0 1px var(--bisel-borde)}
.pantalla{position:relative;aspect-ratio:16/10;border-radius:5px;overflow:hidden;background:var(--q-crema);isolation:isolate}
.portatil .base{position:relative;height:clamp(10px,1.3vw,18px);margin:0 -7%;background:var(--bisel);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);
box-shadow:inset 0 1px 0 var(--bisel-borde)}
.portatil .base::after{content:"";position:absolute;left:50%;top:0;width:16%;height:35%;transform:translateX(-50%);border-radius:0 0 8px 8px;background:var(--bisel-borde)}
.movil .marco{padding:7px;border-radius:38px}
.movil .marco::before{content:"";position:absolute;z-index:6;top:15px;left:50%;width:26%;height:16px;transform:translateX(-50%);border-radius:99px;background:var(--bisel)}
.movil .pantalla{aspect-ratio:9/19.5;border-radius:31px}
.rotulo-pantalla{position:absolute;z-index:6;left:clamp(12px,1.6vw,22px);bottom:clamp(12px,1.6vw,22px);padding:5px 11px;border-radius:999px;
background:var(--q-tinta);color:var(--q-papel);font-size:var(--t-peq);font-weight:500;line-height:1.3;white-space:nowrap}
.q-pila>.q:not(.q-on){display:none}
.js .q-pila>.q{display:block;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}
.js .q-pila>.q.q-on{opacity:1;visibility:visible;transition:opacity .25s ease}
.vt-activo .q-pila>.q{transition:none!important}
.aviso{width:100%;padding:16px 18px 17px;border-radius:18px;background:var(--claro-tarjeta);color:var(--texto-claro);
box-shadow:0 1px 0 var(--linea-claro) inset,0 24px 50px -18px var(--sombra),0 6px 14px -8px var(--sombra)}
.aviso p{margin:0}
.aviso-cab{display:flex;align-items:center;gap:8px;font-size:var(--t-peq);color:var(--texto-claro-2);white-space:nowrap}
.aviso-cab svg{width:18px;height:18px;fill:none;stroke:var(--acento-claro);stroke-width:1.7;stroke-linejoin:round;flex:none}
.aviso-tit{margin-top:8px!important;font-weight:750;font-size:1.0625rem;line-height:1.25}
.aviso-que{margin-top:2px!important;font-size:1rem;line-height:1.35}
.aviso-cita{margin-top:6px!important;font-size:.9375rem;color:var(--texto-claro-2);font-style:italic}
.cab{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--cab);background:color-mix(in oklab,var(--fondo) 78%,transparent);
-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .3s ease,background-color .3s ease;
view-transition-name:cabecera}
.cab.con-borde{border-bottom-color:var(--linea)}
.cab-fila{display:flex;align-items:center;gap:32px;height:100%;max-width:calc(var(--ancho) + 2 * var(--m));margin:0 auto;padding-inline:var(--m)}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:800;font-size:1.3125rem;letter-spacing:-.03em;text-decoration:none;color:var(--texto)}
.marca-ico{width:30px;height:30px;transition:transform .2s var(--ease-ui)}
.marca-punto{fill:var(--acento)}
@media (hover:hover) and (pointer:fine){.marca:hover .marca-ico{transform:rotate(-8deg) scale(1.06)}}
.cab-nav{display:flex;gap:6px;margin-left:auto}
.cab-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--texto-2);font-size:.9375rem;font-weight:550;text-decoration:none;transition:color .2s ease,background-color .2s ease}
@media (hover:hover) and (pointer:fine){.cab-nav a:hover{color:var(--texto);background:var(--superficie)}}
.cab-nav a[aria-current="true"]{color:var(--texto)}
.cab-nav a[aria-current="true"]::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;background:var(--acento)}
.cab .boton-peq{margin-left:8px}
.lectura{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--acento);transform:scaleX(var(--leido,0));transform-origin:0 50%;opacity:.9}
@media (max-width:899px){.cab-nav{display:none}.cab .boton-peq{margin-left:auto}}
.pie{border-top:1px solid var(--linea);padding:36px 0 40px;background:var(--fondo)}
.pie-fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.pie-marca{font-weight:800;font-size:1.25rem;letter-spacing:-.03em}
.pie-nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.pie-nav a,.pie-tel a{display:inline-flex;align-items:center;min-height:44px;color:var(--texto-2);text-decoration:none;font-size:var(--t-peq);transition:color .2s ease}
@media (hover:hover){.pie-nav a:hover,.pie-tel a:hover{color:var(--texto)}}
.pie-tel{margin-left:auto}
.pie-tel a{color:var(--texto-2)}
.cta-barra{display:none}
@media (max-width:699px){
.cta-barra{position:fixed;z-index:40;inset:auto 0 0 0;display:grid;grid-template-columns:1.35fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
background:color-mix(in oklab,var(--fondo) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linea);
transition:transform .3s var(--ease-ui),opacity .3s var(--ease-ui),visibility 0s}
.cta-barra[data-oculta]{transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .25s var(--ease-ui),opacity .2s ease,visibility 0s .25s}
.cta-barra .boton{min-height:48px;padding:0 14px;font-size:1rem}
.cta-sec{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;border:1px solid var(--borde-control);font-weight:600;text-decoration:none;font-size:1rem;transition:transform .12s ease,background-color .2s ease}
.cta-sec:active{transform:scale(.97);background:var(--superficie)}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}
.js.wn-ok [data-reveal]{opacity:0;transform:translate3d(0,14px,0);transition:opacity .55s var(--ease-escena) var(--rv,0ms),transform .7s var(--ease-escena) var(--rv,0ms)}
.js.wn-ok [data-reveal].is-in{opacity:1;transform:none}
.js.wn-ok [data-escalona]>li{opacity:0;transform:translate3d(0,10px,0);transition:opacity .45s var(--ease-escena),transform .6s var(--ease-escena)}
.js.wn-ok [data-escalona].is-in>li{opacity:1;transform:none}
.js.wn-ok [data-escalona].is-in>li:nth-child(2){transition-delay:50ms}.js.wn-ok [data-escalona].is-in>li:nth-child(3){transition-delay:100ms}
.js.wn-ok [data-escalona].is-in>li:nth-child(4){transition-delay:150ms}.js.wn-ok [data-escalona].is-in>li:nth-child(5){transition-delay:200ms}
.js.wn-ok [data-escalona].is-in>li:nth-child(6){transition-delay:250ms}.js.wn-ok [data-escalona].is-in>li:nth-child(7){transition-delay:300ms}
.luz{position:relative;isolation:isolate}
.luz::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
background:radial-gradient(420px circle at var(--lx,50%) var(--ly,50%),var(--acento-suave),transparent 65%)}
@media (hover:hover) and (pointer:fine){.luz:hover::before{opacity:1}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:180ms;animation-timing-function:var(--ease-ui)}
::view-transition-group(comparador){animation-duration:240ms}
::view-transition-old(comparador),::view-transition-new(comparador){animation-duration:240ms;animation-timing-function:var(--ease-ui)}
::view-transition-old(quiz),::view-transition-new(quiz){animation-duration:220ms}
::view-transition-group(cabecera){animation:none}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
.js.wn-ok [data-reveal],.js.wn-ok [data-escalona]>li{opacity:1;transform:none}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
@view-transition{navigation:none}
}
.cursor-ctx{position:fixed;z-index:60;left:0;top:0;padding:7px 13px;border-radius:999px;background:var(--acento);color:var(--sobre-acento);font-size:var(--t-peq);
pointer-events:none;white-space:nowrap;opacity:0;transform:translate3d(var(--cx,0),var(--cy,0),0) scale(.92);transition:opacity .18s var(--ease-ui),transform .18s var(--ease-ui)}
.cursor-ctx.on{opacity:1;transform:translate3d(var(--cx,0),var(--cy,0),0)}
.magnetico{transition:translate .3s var(--ease-ui),transform .3s var(--ease-ui),background-color .2s ease}
.magnetico.sigue{transition:translate .3s var(--ease-ui),transform .3s var(--ease-ui),background-color .2s ease}
@media (max-width:360px){.cab-fila{gap:12px}.marca{font-size:1.125rem}.marca-ico{width:26px;height:26px}.cab .boton-peq{padding:0 14px!important}}
.marca+.boton-peq{margin-left:auto!important}
.hero{position:relative;overflow:clip;padding:calc(var(--cab) + clamp(28px,6vh,72px)) 0 clamp(56px,9vh,112px);min-height:min(100svh,980px);display:flex;align-items:center}
.hero-rejilla{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(32px,4.5vw,80px);align-items:center}
.hero .h1{max-width:9.6em}
.w{display:inline-block;overflow:clip;padding-bottom:.06em;margin-bottom:-.06em;vertical-align:top}
.w>span{display:inline-block}
.para-fila{display:flex;align-items:flex-end;gap:14px;margin-top:clamp(16px,2.2vh,26px)}
.para{font-size:var(--t-rota);font-weight:700;line-height:1.14;letter-spacing:-.022em;color:var(--texto-2);text-wrap:balance}
.para-a{display:flex;align-items:center;gap:14px}
.rota{display:grid;overflow:clip;padding-bottom:.1em;margin-bottom:-.1em}
.rota>span{grid-area:1/1;color:var(--acento);opacity:0;transform:translate3d(0,105%,0);filter:blur(6px)}
.rota>span.on{opacity:1;transform:none;filter:none;transition:transform .6s var(--ease-escena),opacity .6s var(--ease-escena),filter .6s var(--ease-escena)}
.rota>span.sale{opacity:0;transform:translate3d(0,-105%,0);filter:none;transition:transform .6s var(--ease-escena),opacity .3s linear .3s}
@media (min-width:600px){.rota>span{white-space:nowrap}}
.pausa{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 14px 0 12px;margin-bottom:2px;border:1px solid var(--borde-control);border-radius:999px;background:transparent;
color:var(--texto-2);font-size:var(--t-peq);font-weight:500;letter-spacing:0;line-height:1;transition:color .2s ease,border-color .2s ease,transform .12s ease}
.pausa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pausa .i-seguir{display:none;fill:currentColor}
.pausa[aria-pressed="true"] .i-pausa{display:none}.pausa[aria-pressed="true"] .i-seguir{display:block}
@media (hover:hover){.pausa:hover{color:var(--texto);border-color:var(--texto-2)}}
.pausa:active{transform:scale(.96)}
.hero-sub{margin-top:clamp(16px,2.4vh,26px);max-width:35em;font-size:clamp(1.0625rem,1.3vw,1.21rem);line-height:1.55;color:var(--texto-2);text-wrap:pretty}
.hero-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(22px,3.4vh,34px)}
.hero-precio{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:16px;font-size:var(--t-peq);color:var(--texto-2)}
.hero-precio b{color:var(--texto);font-weight:650}
.hero-resumen{margin-top:clamp(20px,3vh,30px);padding-top:clamp(16px,2.4vh,22px);border-top:1px solid var(--linea);max-width:40em}
.hero-resumen .hero-precio{margin-top:0}
.hero-incluye{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;margin-top:12px}
.hero-incluye li{position:relative;padding-left:24px;font-size:var(--t-peq);line-height:1.4;color:var(--texto-2)}
.hero-incluye li::before{content:"";position:absolute;left:0;top:.2em;width:14px;height:14px;background:var(--acento);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-pieza{position:relative;padding-top:clamp(120px,19vh,178px);perspective:1600px}
.hero-portatil{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--ease-escena)}
.avisos{position:absolute;z-index:5;top:0;right:-4%;width:min(368px,70%);display:grid}
.avisos>.aviso{grid-area:1/1}
.js .avisos>.aviso{opacity:0;transform:translate3d(0,-12px,0) scale(.98);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden}
.js .avisos>.aviso.q-on{opacity:1;transform:none;visibility:visible;transition:opacity .4s var(--ease-escena),transform .5s var(--ease-escena)}
.avisos>.aviso:not(.q-on){display:none}
.js .avisos>.aviso:not(.q-on){display:block}
@media (prefers-reduced-motion:no-preference){
.js .hero .etiqueta{animation:sube .6s var(--ease-escena) both}
.js .hero .w>span{animation:sube-mascara .75s var(--ease-escena) both;animation-delay:calc(90ms + var(--i) * 45ms)}
.js .hero .para-fila{animation:sube .7s var(--ease-escena) .38s both}
.js .hero-sub{animation:sube .7s var(--ease-escena) .46s both}
.js .hero-acc{animation:sube .7s var(--ease-escena) .54s both}
.js .hero-resumen{animation:aparece .6s ease .66s both}
.js .hero-pieza{animation:sube-pieza 1s var(--ease-escena) .22s both}
.js .avisos{animation:aparece .01s linear 1.15s both}
}
@keyframes sube{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
@keyframes sube-mascara{from{transform:translate3d(0,108%,0)}to{transform:none}}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@keyframes sube-pieza{from{opacity:0;translate:0 40px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@media (max-width:899px){
.hero{min-height:0;display:block;padding-top:calc(var(--cab) + 28px)}
.hero-rejilla{grid-template-columns:minmax(0,1fr);gap:40px}
.hero-pieza{padding-top:0;display:grid;justify-items:center;perspective:none}
.hero-portatil{width:min(236px,66vw);transform:none}
.hero-portatil .base{display:none}
.hero-portatil .marco{padding:7px;border-radius:38px}
.hero-portatil .marco::before{content:"";position:absolute;z-index:6;top:15px;left:50%;width:26%;height:16px;transform:translateX(-50%);border-radius:99px;background:var(--bisel)}
.hero-portatil .pantalla{aspect-ratio:9/19.5;border-radius:31px}
.hero-portatil .rotulo-pantalla{left:50%;transform:translateX(-50%);bottom:84px;white-space:normal;text-align:center;width:max-content;max-width:86%}
.hero-pieza{padding-top:96px}
.avisos{top:0;right:auto;left:50%;width:min(330px,92vw);transform:translateX(-50%)}
.aviso{padding:13px 16px 14px}
}
@media (max-width:599px){
.hero-incluye{grid-template-columns:minmax(0,1fr)}
.para-fila{flex-direction:column;align-items:flex-start;gap:12px}
}
.para-completa{display:block;font-size:clamp(1.25rem,2.1vw,1.75rem);line-height:1.3}
.para-a,.rota{display:none}
@media (prefers-reduced-motion:no-preference){
.js .para-a{display:flex}
.js .rota{display:grid}
.js .para-completa{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
@media (max-width:360px) and (max-height:640px){.hero .etiqueta{display:none}.hero{padding-top:calc(var(--cab) + 16px)}.hero-sub{margin-top:12px}.hero-acc{margin-top:16px}}
.hero-acc .pausa{margin:0 0 0 auto}
@media (max-width:899px){
.hero-txt,.hero-resumen{display:contents}
.hero-rejilla{display:flex;flex-direction:column;align-items:stretch;gap:0}
.hero .etiqueta{display:none}
.hero-sub{font-size:1rem;margin-top:14px}
.hero-acc{margin-top:18px;gap:6px 18px}
.hero-acc .pausa{margin-left:0}
.hero-precio{order:5;margin-top:12px}
.hero-pieza{order:6;margin-top:22px;padding-top:76px}
.hero-incluye{order:7;margin-top:28px;padding-top:18px;border-top:1px solid var(--linea)}
.hero-resumen .hero-precio{margin-top:12px}
}
.hero-portatil .rotulo-pantalla{left:0;bottom:auto;top:calc(100% + clamp(22px,2.4vw,34px))}
@media (max-width:899px){.hero-portatil .rotulo-pantalla{top:-104px;left:50%;transform:translateX(-50%);bottom:auto;max-width:none;white-space:nowrap}}
@media (max-width:899px){.hero-pieza{max-height:430px;-webkit-mask:linear-gradient(var(--sombra) 78%,transparent);mask:linear-gradient(var(--sombra) 78%,transparent)}}
@media (max-width:899px){.hero-pieza{padding-top:112px}.avisos{top:34px}.hero-portatil .rotulo-pantalla{top:-112px}.hero-pieza{max-height:466px}}
.suena{padding:clamp(48px,7vh,80px) 0;background:var(--fondo);border-top:1px solid var(--linea)}
.suena-rejilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.suena-h{font-size:clamp(1.625rem,2.9vw,2.625rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.situaciones{display:grid;gap:10px}
.situaciones li{position:relative;padding-left:30px;font-size:clamp(1.0625rem,1.3vw,1.1875rem);font-weight:550;line-height:1.4}
.situaciones li::before{content:"";position:absolute;left:0;top:.68em;width:16px;height:2px;border-radius:2px;background:var(--acento)}
.suena-cierre{margin-top:18px;font-size:clamp(1.125rem,1.5vw,1.3125rem);font-weight:700;letter-spacing:-.01em;color:var(--acento)}
.js .texto-scroll>span{opacity:var(--w,1);transition:opacity .2s linear}
@media (max-width:899px){.suena-rejilla{grid-template-columns:minmax(0,1fr);gap:18px}.situaciones{gap:8px}.situaciones li{font-size:1rem}}
.suena-h{font-size:clamp(1.375rem,2.9vw,2.625rem)}
.construye{position:relative;background:var(--fondo-2);border-top:1px solid var(--linea)}
.c-intro{margin-bottom:22px}
.c-intro .h2{font-size:clamp(1.625rem,2.4vw,2.25rem)}
.c-intro .entrada{margin-top:12px;font-size:1.0625rem}
.c-desc{display:none}
.saltar-anim{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:var(--texto-2);font-size:var(--t-peq);text-decoration:underline}
.saltar-anim:hover{color:var(--texto)}
.escena{position:relative;padding:clamp(64px,9vh,110px) 0}
.escena-rejilla{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:clamp(28px,4vw,72px);align-items:center}
.capas{counter-reset:capa}
.capa{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0;border-top:1px solid var(--linea);transition:opacity .35s ease}
.capa:last-child{border-bottom:1px solid var(--linea)}
.capa-n{font-family:var(--f-mono);font-size:var(--t-peq);color:var(--acento);padding-top:3px}
.capa-txt{display:grid;gap:4px}
.capa-txt b{font-size:1.25rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.capa-txt>span{font-size:1rem;line-height:1.45;color:var(--texto-2)}
.progreso{display:none;align-items:center;gap:16px;margin-top:22px}
.progreso-barra{position:relative;flex:1;height:2px;background:var(--linea);border-radius:2px;overflow:hidden}
.progreso-barra i{position:absolute;inset:0;background:var(--acento);transform:scaleX(var(--p,1));transform-origin:0 50%}
.progreso-txt{font-family:var(--f-mono);font-size:var(--t-peq);color:var(--texto-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.progreso-txt b{color:var(--texto);font-weight:500}
.c-pieza{position:relative;aspect-ratio:1.4;max-height:78svh;max-width:calc(78svh * 1.4);margin-inline:auto;width:100%}
.c-rejilla-fondo{position:absolute;inset:-6% -4%;pointer-events:none;opacity:.55;
background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:44px 44px;
-webkit-mask:radial-gradient(closest-side,var(--sombra),transparent);mask:radial-gradient(closest-side,var(--sombra),transparent)}
.c-portatil{position:absolute;left:0;top:4%;width:84%}
.c-portatil .rotulo-pantalla{left:0;bottom:auto;top:calc(100% + 26px)}
.c-movil{position:absolute;right:0;bottom:0;width:25%}
.pastilla-leer{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);padding:7px 13px;border-radius:999px;background:var(--acento);color:var(--sobre-acento);
font-size:var(--t-peq);white-space:nowrap}
.sobre{position:absolute;z-index:7;right:10%;bottom:14%;width:46px;opacity:0;pointer-events:none}
.sobre svg{width:100%;fill:var(--acento);stroke:var(--sobre-acento);stroke-width:2;stroke-linejoin:round}
.c-aviso{position:absolute;z-index:8;left:22%;top:0;width:min(340px,46%)}
.sello{position:absolute;z-index:8;left:4%;bottom:6%;padding:10px 18px;border:2px solid var(--acento);border-radius:12px;color:var(--acento);
font-weight:800;font-size:1.375rem;letter-spacing:-.02em;transform:rotate(-4deg);background:var(--fondo-2)}
.c-actual,.sigue{display:none}
.viva .escena{height:150vh;padding:0}
.viva .capa{padding:10px 0}
.viva .capa-txt>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.viva .c-desc{display:block;min-height:3em;margin-top:16px;color:var(--texto-2);font-size:1rem;line-height:1.5;transition:opacity .2s ease}
.viva .escena-rejilla{position:sticky;top:0;height:100svh;padding-top:var(--cab)}
.viva .progreso{display:flex}
.viva .capa{opacity:.42}
.viva .capa.on{opacity:1}
.viva .capa.on .capa-n{color:var(--acento)}
.viva .capa:not(.on) .capa-n{color:var(--texto-2)}
.viva .c-portatil{opacity:calc(1 - var(--t4) * .5);transition:opacity .1s linear}
.viva .c-movil{transform:translateX(calc(var(--t4) * -8%)) scale(calc(.94 + var(--t4) * .06));transform-origin:100% 100%}
.viva .pastilla-leer{opacity:var(--t4)}
.viva .sobre{opacity:var(--so,0);transform:translate(calc(var(--s2,0) * var(--sx,-200px)),calc(var(--s1,0) * var(--sy,-300px))) rotate(calc(var(--s2,0) * -12deg)) scale(calc(1 - var(--s2,0) * .3))}
.viva .c-aviso{opacity:var(--av,0);transform:translateY(calc((1 - var(--av,0)) * -12px))}
.viva .sello{opacity:0;transform:rotate(-4deg) scale(1.08);transition:opacity .3s var(--ease-ui),transform .45s var(--ease-escena)}
.viva .escena.sellada .sello{opacity:1;transform:rotate(-4deg)}
.viva .q-construir{--q-esq:color-mix(in oklab,var(--q-tinta) 11%,var(--q-crema))}
.viva .q-construir .q-zona,.viva .q-construir .q-h,.viva .q-construir .q-sub,.viva .q-construir .q-lamina,.viva .q-construir .q-foto,.viva .q-construir .q-btn-pral,.viva .q-construir .q-btn-cab{position:relative}
.viva .q-construir .q-zona::after,.viva .q-construir .q-lamina::after,.viva .q-construir .q-foto::after,.viva .q-construir .q-btn-pral::after,.viva .q-construir .q-btn-cab::after{
content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:var(--q-esq);pointer-events:none}
.viva .q-construir .q-zona{transform:translateY(calc((1 - var(--t1)) * 8 * var(--u)))}
.viva .q-construir .q-zona::after{opacity:calc(1 - var(--t1))}
.viva .q-construir .q-h::before,.viva .q-construir .q-sub::before{content:"";position:absolute;inset:0;border-radius:calc(6 * var(--u));
background:repeating-linear-gradient(to bottom,var(--q-esq) 0 .72em,transparent .72em 1em);background-size:92% 100%;background-repeat:no-repeat;opacity:calc(1 - var(--t1))}
.viva .q-construir .q-sub::before{background:repeating-linear-gradient(to bottom,var(--q-esq) 0 .9em,transparent .9em 1.45em);background-size:80% 100%;background-repeat:no-repeat}
.viva .q-construir .q-h-in{display:block;clip-path:inset(0 calc((1 - var(--t1)) * 100%) 0 0)}
.viva .q-construir .q-sub{color:color-mix(in oklab,var(--q-tinta) calc(var(--t1) * 78%),transparent)}
.viva .q-construir .q-lamina::after,.viva .q-construir .q-foto::after{opacity:calc(1 - var(--t2))}
.viva .q-construir .q-dib{opacity:var(--t2);transform:scale(calc(1.04 - var(--t2) * .04))}
.viva .q-construir .q-btn-pral{transform:translateY(calc((1 - var(--t3)) * 16 * var(--u)))}
.viva .q-construir .q-btn-pral::after,.viva .q-construir .q-btn-cab::after{opacity:calc(1 - var(--t3))}
.viva .q-construir .q-barra{transform:translateY(calc((1 - var(--t3)) * 100%))}
.viva .q-construir .q-chips,.viva .q-construir .q-btn-sec{opacity:var(--t1)}
@media (max-width:899px){
.escena-rejilla{grid-template-columns:minmax(0,1fr)}
.c-pieza{aspect-ratio:auto;height:auto;display:grid;justify-items:center;padding-top:8px}
.c-rejilla-fondo,.c-portatil,.sobre,.c-aviso{display:none}
.c-movil{position:relative;width:min(240px,64vw)}
.sello{left:auto;right:4%;bottom:12%}
.viva .escena{height:120vh}
.viva .escena-rejilla{align-content:start;gap:0;padding-top:calc(var(--cab) + 14px)}
.viva .capas,.viva .progreso,.viva .c-desc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.viva .c-intro{margin-bottom:10px}
.viva .c-intro .h2{font-size:1.625rem}
.viva .c-intro .entrada{font-size:.9375rem;margin-top:6px}
.viva .saltar-anim{margin-top:2px}
.viva .c-pieza{gap:14px}
.viva .c-movil{width:auto;height:min(44svh,440px);aspect-ratio:9/19.5;transform:none}
.viva .c-movil .marco{height:100%}
.viva .c-movil .pantalla{height:100%;aspect-ratio:auto}
.viva .pastilla-leer{top:auto;bottom:12%;transform:translate(-50%,0)}
.viva .c-actual{display:grid;justify-items:center;gap:2px;text-align:center;min-height:3.4em}
.viva .c-actual-n{font-family:var(--f-mono);font-size:var(--t-peq);color:var(--acento)}
.viva .c-actual-t{font-size:1.25rem;font-weight:700;line-height:1.2;transition:opacity .2s ease}
.viva .sigue{display:block;position:absolute;top:2px;left:50%;transform:translate(-50%,-50%);z-index:9;padding:5px 12px;border-radius:999px;background:var(--superficie-2);
border:1px solid var(--linea);font-size:var(--t-peq);color:var(--texto-2);white-space:nowrap;opacity:calc(1 - var(--p) * 4)}
}
.ad{padding:clamp(56px,8vh,96px) 0 clamp(56px,8vh,96px);background:var(--fondo)}
.ad-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px}
.ad-entrada{margin:0;font-size:var(--t-peq);color:var(--acento);display:inline-flex;align-items:center;gap:10px;font-weight:650}
.ad-entrada::before{content:"";width:36px;height:1px;background:currentColor}
.sectores{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.sectores button{min-height:44px;padding:0 18px;border:1px solid var(--borde-control);border-radius:999px;background:transparent;color:var(--texto-2);font-weight:600;font-size:.9375rem;
transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .12s ease}
@media (hover:hover){.sectores button:hover{color:var(--texto);border-color:var(--texto-2)}}
.sectores button:active{transform:scale(.96)}
.sectores button[aria-checked="true"]{background:var(--texto);color:var(--fondo);border-color:var(--texto)}
.comparador{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);gap:clamp(24px,3vw,48px);align-items:end}
.ad-portatil{margin-top:46px;transform:perspective(1800px) rotateX(var(--inc,0deg));transform-origin:50% 100%}
.ad-pantalla{view-transition-name:comparador;touch-action:pan-y}
.ad-capa{position:absolute;inset:0}
.ad-despues{clip-path:inset(0 0 0 var(--x))}
.ad-linea{position:absolute;inset:0;z-index:4;pointer-events:none;transform:translate3d(var(--x),0,0)}
.ad-linea::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--acento);box-shadow:0 0 0 1px color-mix(in oklab,var(--sombra) 30%,transparent)}
.ad-tirador{position:absolute;left:0;top:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);
background:var(--fondo);border:2px solid var(--acento);color:var(--acento);box-shadow:0 8px 24px -8px var(--sombra);transition:transform .2s var(--ease-ui)}
.ad-tirador svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ad-tirador.late{animation:late .8s var(--ease-inout) 2}
@keyframes late{50%{transform:translate(-50%,-50%) scale(1.08)}}
.ad-pantalla:hover .ad-tirador,.ad-pantalla.arrastra .ad-tirador{transform:translate(-50%,-50%) scale(1.06)}
.ad-pantalla:has(.ad-rango:focus-visible) .ad-tirador{outline:3px solid var(--foco);outline-offset:3px}
.ad-pill{position:absolute;z-index:5;bottom:calc(100% + 10px);padding:5px 12px;border-radius:999px;background:var(--q-tinta);color:var(--q-papel);font-size:var(--t-peq);pointer-events:none}
.ad-pill-antes{left:0}
.ad-pill-despues{right:0;background:var(--acento);color:var(--sobre-acento)}
.ad-rango{position:absolute;inset:0;z-index:6;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}
.ad-lado{display:grid;gap:22px;padding-bottom:28px}
.ad-notas{display:grid;gap:12px}
.ad-notas li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.0625rem;transition:opacity .25s ease,transform .35s var(--ease-ui)}
.ad-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--acento);color:var(--sobre-acento);font-family:var(--f-mono);font-size:var(--t-peq);flex:none}
.js .comparador:not(.notas-on) .ad-notas li{opacity:.45}
.rotulo-ej{font-size:var(--t-peq);line-height:1.45;color:var(--texto-2);padding-top:18px;border-top:1px solid var(--linea)}
.q-nota{position:absolute;z-index:4;top:calc(-16 * var(--u));right:calc(-16 * var(--u));display:grid;place-items:center;width:calc(34 * var(--u));height:calc(34 * var(--u));min-width:20px;min-height:20px;
border-radius:50%;background:var(--acento);color:var(--sobre-acento);font-family:var(--f-mono);font-weight:500;font-size:max(12px,calc(17 * var(--u)));
box-shadow:0 0 0 calc(5 * var(--u)) color-mix(in oklab,var(--acento) 30%,transparent);opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .3s var(--ease-ui)}
.q-foto .q-nota{top:calc(12 * var(--u));right:calc(12 * var(--u))}
.notas-on .q-nota{opacity:1;transform:none}
html:not(.js) .ad-pantalla{aspect-ratio:auto;display:grid;gap:10px;background:var(--bisel)}
html:not(.js) .ad-capa{position:relative;aspect-ratio:16/10;border-radius:5px;overflow:hidden}
html:not(.js) .ad-despues{clip-path:none}
html:not(.js) .ad-linea{display:none}
.mes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);margin-top:clamp(40px,6vh,72px);padding:clamp(24px,3.4vw,48px);
border-radius:28px;background:var(--superficie);border:1px solid var(--linea)}
.mes-p{margin-top:12px;color:var(--texto-2);max-width:30em}
.mes-ayuda{margin-top:18px;font-size:var(--t-peq);color:var(--texto-2)}
.trabas{display:grid;gap:8px;margin-top:16px}
.traba{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 16px;text-align:left;border:1px solid var(--linea);border-radius:14px;
background:var(--fondo);transition:border-color .2s ease,background-color .2s ease,transform .12s ease}
@media (hover:hover){.traba:hover{border-color:var(--borde-control)}}
.traba:active{transform:scale(.985)}
.traba-txt{display:grid;gap:1px}
.traba-txt b{font-size:1rem;font-weight:650;line-height:1.3}
.traba-txt span{font-size:var(--t-peq);color:var(--texto-2);line-height:1.35}
.traba-ico{position:relative;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--borde-control);transition:background-color .2s ease,border-color .2s ease}
.traba-ico::after{content:"";position:absolute;inset:0;background:var(--sobre-acento);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;
opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .25s var(--ease-ui)}
.traba[aria-pressed="true"] .traba-ico{background:var(--acento);border-color:var(--acento)}
.traba[aria-pressed="true"] .traba-ico::after{opacity:1;transform:none}
.traba-estado{font-weight:600;font-size:var(--t-peq);color:var(--texto-2);white-space:nowrap}
.traba[aria-pressed="true"] .traba-estado::before{content:"Quitada";color:var(--acento)}
.traba[aria-pressed="false"] .traba-estado::before{content:"Se queda"}
.traba[aria-pressed="false"]{background:transparent;border-style:dashed}
.traba-sinjs{display:block;padding:10px 0;border-bottom:1px solid var(--linea);font-size:1rem;color:var(--texto-2)}
.traba-sinjs b{color:var(--texto)}
.js .traba-sinjs{display:none}
.mes-graf{display:flex;flex-direction:column;gap:18px}
.mes-rotulo{padding:12px 16px;border-radius:12px;border:1px solid var(--borde-control);font-size:var(--t-peq);line-height:1.45;color:var(--texto)}
.graf{position:relative;aspect-ratio:2/1;margin-top:auto}
.graf-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.graf-guia{stroke:var(--linea);stroke-width:1;vector-effect:non-scaling-stroke}
.graf-hoy{stroke:var(--borde-control);stroke-width:1.5;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}
.graf-area{fill:var(--acento-suave)}
.graf-linea{fill:none;stroke:var(--acento);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.graf-puntos i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--fondo);border:3px solid var(--acento);transition:opacity .3s ease,transform .3s var(--ease-ui)}
.graf-et{position:absolute;font-family:var(--f-mono);font-size:var(--t-peq);color:var(--texto-2);white-space:nowrap}
.graf-et-hoy{left:0;top:calc(262 / 320 * 100% + 8px)}
.graf-et-nueva{right:0;top:calc(var(--ny,21.875%) - 44px);color:var(--acento)}
.graf-eje{position:absolute;left:0;top:-4px;font-family:var(--f-mono);font-size:var(--t-peq);color:var(--texto-2)}
.graf-eje::before{content:"↑ ";color:var(--acento)}
.js .mes:not(.dibujado) .graf-puntos i{opacity:0;transform:scale(.8)}
@media (max-width:899px){
.comparador{grid-template-columns:minmax(0,1fr)}
.ad-portatil{width:min(300px,82vw);margin-inline:auto;transform:none}
.ad-portatil .base{display:none}
.ad-portatil .marco{padding:7px;border-radius:38px}
.ad-portatil .pantalla{aspect-ratio:9/19.5;border-radius:31px}
html:not(.js) .ad-portatil .ad-capa{aspect-ratio:9/19.5}
.sectores{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--m));padding:2px var(--m) 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.sectores::-webkit-scrollbar{display:none}
.sectores button{flex:none;scroll-snap-align:start}
.mes{grid-template-columns:minmax(0,1fr)}
.mes{display:flex;flex-direction:column;gap:16px}
.mes-txt{display:contents}
.mes .h3{order:1}.mes-p{order:2;margin-top:0}.mes-graf{order:3}.mes-ayuda{order:4;margin-top:4px}.trabas{order:5;margin-top:0}
.graf-et-nueva{right:8%;top:calc(var(--ny,21.875%) + 14px)}
}
.traba{min-height:52px;padding:8px 14px;gap:12px}
.traba-txt{display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline}
.trabas{gap:6px}
@media (max-width:899px){.ad-portatil{width:min(244px,68vw)}}
.ad{padding-top:clamp(40px,6vh,72px)}
@media (max-width:899px){.mes{padding:18px 16px;margin-top:32px}.ad-lado{gap:14px;padding-bottom:0}.sectores{margin-bottom:12px}}
@media (max-width:899px){
.graf{margin-bottom:26px}
.graf-et-nueva{right:0;top:calc(var(--ny,21.875%) - 30px)}
.graf-eje{top:auto;bottom:-26px;left:auto;right:0}
.mes-graf{gap:28px}
}
.ad-entrada{display:flex;justify-content:center;margin-top:14px}
.ad-entrada::before{display:none}
.pantalla{container:q / inline-size}
.q{--u:calc(100cqw / 1280);position:absolute;inset:0;overflow:hidden;background:var(--q-crema);color:var(--q-tinta);
font-family:var(--f-texto);font-size:calc(17 * var(--u));line-height:1.4;text-align:left;
--q-marca-osc:color-mix(in oklab,var(--q-marca) 70%,var(--q-tinta));
--q-marca-clara:color-mix(in oklab,var(--q-marca) 32%,var(--q-papel));
--q-lamina:color-mix(in oklab,var(--q-marca) 13%,var(--q-crema));
--q-pared:color-mix(in oklab,var(--q-marca) 9%,var(--q-crema));
--q-pared-2:color-mix(in oklab,var(--q-marca) 16%,var(--q-crema))}
.q *{box-sizing:border-box}
.q p{margin:0}
.q-maquinaria{--q-marca:var(--q-c-maquinaria);--q-sobre-marca:var(--q-tinta)}
.q-instalaciones{--q-marca:var(--q-c-instalaciones);--q-sobre-marca:var(--q-papel)}
.q-alquiler{--q-marca:var(--q-c-alquiler);--q-sobre-marca:var(--q-tinta)}
.q-reformas{--q-marca:var(--q-c-reformas);--q-sobre-marca:var(--q-papel)}
.q-metal{--q-marca:var(--q-c-metal);--q-sobre-marca:var(--q-papel)}
.q-ico{width:1.15em;height:1.15em;flex:none}
.q-cab{display:flex;align-items:center;gap:calc(40 * var(--u));height:calc(84 * var(--u));padding:0 calc(56 * var(--u));border-bottom:calc(1 * var(--u)) solid color-mix(in oklab,var(--q-tinta) 12%,transparent)}
.q-logo{display:flex;align-items:center;gap:calc(12 * var(--u))}
.q-mono{display:grid;place-items:center;width:calc(38 * var(--u));height:calc(38 * var(--u));border-radius:calc(10 * var(--u));background:var(--q-marca);color:var(--q-sobre-marca);font-weight:800;font-size:calc(21 * var(--u))}
.q-marca-txt{display:flex;flex-direction:column;font-weight:800;font-size:calc(21 * var(--u));line-height:1;letter-spacing:-.02em}
.q-marca-txt small{font-family:var(--f-mono);font-weight:500;font-size:calc(11.5 * var(--u));letter-spacing:.08em;text-transform:uppercase;margin-top:calc(5 * var(--u));color:color-mix(in oklab,var(--q-tinta) 62%,transparent)}
.q-nav{display:flex;gap:calc(30 * var(--u));font-size:calc(16 * var(--u));font-weight:500;color:color-mix(in oklab,var(--q-tinta) 72%,transparent)}
.q-cab-acc{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}
.q-llamar{position:relative;display:flex;align-items:center;gap:calc(8 * var(--u));font-weight:700;font-size:calc(16 * var(--u))}
.q-btn{position:relative;display:inline-flex;align-items:center;gap:calc(10 * var(--u));border-radius:calc(999 * var(--u));font-weight:700;white-space:nowrap}
.q-btn-cab{height:calc(46 * var(--u));padding:0 calc(22 * var(--u));background:var(--q-tinta);color:var(--q-papel);font-size:calc(15.5 * var(--u))}
.q-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:calc(40 * var(--u));padding:calc(44 * var(--u)) calc(56 * var(--u)) 0;height:calc(500 * var(--u))}
.q-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(18 * var(--u))}
.q-zona{position:relative;display:inline-flex;align-items:center;gap:calc(10 * var(--u));font-family:var(--f-mono);font-weight:500;font-size:calc(13.5 * var(--u));letter-spacing:.02em;color:color-mix(in oklab,var(--q-tinta) 78%,transparent);padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:calc(999 * var(--u));background:var(--q-papel);border:calc(1 * var(--u)) solid color-mix(in oklab,var(--q-tinta) 12%,transparent)}
.q-punto{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:var(--q-marca);box-shadow:0 0 0 calc(3 * var(--u)) var(--q-marca-clara)}
.q-h{position:relative;margin-top:calc(26 * var(--u))!important;font-weight:800;font-size:calc(62 * var(--u));line-height:1;letter-spacing:-.035em;text-wrap:balance}
.q-sub{margin-top:calc(22 * var(--u))!important;max-width:30em;font-size:calc(19 * var(--u));line-height:1.45;color:color-mix(in oklab,var(--q-tinta) 78%,transparent)}
.q-acc{position:relative;display:flex;gap:calc(14 * var(--u));margin-top:calc(30 * var(--u))}
.q-btn-pral{height:calc(58 * var(--u));padding:0 calc(28 * var(--u));background:var(--q-marca);color:var(--q-sobre-marca);font-size:calc(18 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) var(--q-marca-osc)}
.q-btn-sec{height:calc(58 * var(--u));padding:0 calc(24 * var(--u));border:calc(2 * var(--u)) solid var(--q-tinta);font-size:calc(17 * var(--u))}
.q-chips{display:flex;gap:calc(8 * var(--u));margin-top:auto!important;padding-bottom:calc(8 * var(--u))}
.q-chips span{font-size:calc(14 * var(--u));font-weight:600;padding:calc(6 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));background:color-mix(in oklab,var(--q-tinta) 6%,transparent)}
.q-lamina{position:relative;border-radius:calc(22 * var(--u));background:var(--q-lamina);overflow:hidden;
background-image:radial-gradient(color-mix(in oklab,var(--q-tinta) 14%,transparent) calc(1.1 * var(--u)),transparent calc(1.4 * var(--u)));background-size:calc(22 * var(--u)) calc(22 * var(--u))}
.q-dib{position:absolute;inset:6% 5%;width:90%;height:88%}
.q-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(16 * var(--u));padding:calc(24 * var(--u)) calc(56 * var(--u)) 0}
.q-foto{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(3 * var(--u));height:calc(180 * var(--u));padding:calc(18 * var(--u));border-radius:calc(16 * var(--u));overflow:hidden;
background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--q-marca) 24%,var(--q-crema)) 0 calc(14 * var(--u)),color-mix(in oklab,var(--q-marca) 30%,var(--q-crema)) calc(14 * var(--u)) calc(28 * var(--u)));color:var(--q-tinta)}
.q-foto-2{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--q-tinta) 80%,var(--q-marca)) 0 calc(14 * var(--u)),color-mix(in oklab,var(--q-tinta) 74%,var(--q-marca)) calc(14 * var(--u)) calc(28 * var(--u)));color:var(--q-papel)}
.q-foto .q-ico{position:absolute;top:calc(16 * var(--u));left:calc(18 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));opacity:.75}
.q-foto b{font-size:calc(20 * var(--u));font-weight:800;letter-spacing:-.01em}
.q-foto i{font-style:normal;font-family:var(--f-mono);font-size:calc(12 * var(--u));opacity:.8}
.q-barra{display:none}
@container q (max-width: 480px){
.q-despues{--u:calc(100cqw / 390);font-size:calc(15 * var(--u))}
.q-cab{height:calc(62 * var(--u));padding:0 calc(18 * var(--u));gap:calc(10 * var(--u))}
.q-nav,.q-btn-cab,.q-chips,.q-btn-sec{display:none}
.q-mono{width:calc(32 * var(--u));height:calc(32 * var(--u));font-size:calc(18 * var(--u))}
.q-marca-txt{font-size:calc(18 * var(--u))}
.q-llamar{font-size:calc(14 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u));border-radius:calc(999 * var(--u));border:calc(1.5 * var(--u)) solid var(--q-tinta)}
.q-hero{display:flex;flex-direction:column;gap:0;height:auto;padding:calc(18 * var(--u)) calc(18 * var(--u)) 0}
.q-txt{padding:0}
.q-zona{font-size:calc(11 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u))}
.q-h{font-size:calc(35 * var(--u));margin-top:calc(16 * var(--u))!important}
.q-sub{font-size:calc(15 * var(--u));margin-top:calc(12 * var(--u))!important}
.q-acc{margin-top:calc(16 * var(--u));width:100%}
.q-btn-pral{width:100%;justify-content:center;height:calc(52 * var(--u));font-size:calc(16.5 * var(--u))}
.q-lamina{order:3;height:calc(230 * var(--u));margin-top:calc(18 * var(--u));border-radius:calc(18 * var(--u))}
.q-fotos{grid-template-columns:1fr 1fr;padding:calc(12 * var(--u)) calc(18 * var(--u)) 0;gap:calc(10 * var(--u))}
.q-foto{height:calc(120 * var(--u));padding:calc(12 * var(--u))}
.q-foto-3{display:none}
.q-foto b{font-size:calc(16 * var(--u))}.q-foto i{font-size:calc(10 * var(--u))}
.q-foto .q-ico{width:calc(22 * var(--u));height:calc(22 * var(--u));top:calc(10 * var(--u));left:calc(12 * var(--u))}
.q-barra{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.5fr;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));background:var(--q-papel);border-top:calc(1 * var(--u)) solid color-mix(in oklab,var(--q-tinta) 14%,transparent)}
.q-barra>span{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));height:calc(48 * var(--u));border-radius:calc(12 * var(--u));font-weight:700;font-size:calc(15 * var(--u))}
.q-barra-tel{border:calc(1.5 * var(--u)) solid var(--q-tinta)}
.q-barra-btn{background:var(--q-marca);color:var(--q-sobre-marca)}
}
.q-antes{--u:calc(100cqw / 1280);background:var(--q-antes-fondo);color:var(--q-antes-tinta);font-family:var(--f-antes);font-size:calc(13 * var(--u));line-height:1.35}
.qa-top{display:flex;justify-content:space-between;padding:calc(5 * var(--u)) calc(90 * var(--u));background:var(--q-antes-gris);font-size:calc(11 * var(--u));color:var(--q-antes-tinta-2)}
.qa-cab{display:flex;align-items:flex-end;justify-content:space-between;padding:calc(26 * var(--u)) calc(90 * var(--u)) calc(18 * var(--u))}
.qa-logo{font-family:var(--f-antes-serif);font-weight:700;font-size:calc(30 * var(--u));color:var(--q-antes-azul);letter-spacing:.01em}
.qa-lema{font-style:italic;font-size:calc(13 * var(--u));color:var(--q-antes-tinta-2)}
.qa-menu{display:flex;justify-content:center;gap:calc(14 * var(--u));margin:0 calc(90 * var(--u));padding:calc(9 * var(--u)) 0;background:var(--q-antes-barra);color:var(--q-antes-fondo);font-size:calc(12 * var(--u));font-weight:700}
.qa-menu i{font-style:normal;opacity:.6}
.qa-carrusel{position:relative;display:flex;align-items:center;justify-content:space-between;margin:calc(10 * var(--u)) calc(90 * var(--u)) 0;height:calc(300 * var(--u));background:var(--q-antes-gris-2);padding:0 calc(20 * var(--u))}
.qa-fl{font-size:calc(46 * var(--u));color:var(--q-antes-gris)}
.qa-img .q-ico{width:calc(64 * var(--u));height:calc(64 * var(--u));color:var(--q-antes-gris)}
.qa-puntos{position:absolute;left:50%;bottom:calc(12 * var(--u));display:flex;gap:calc(6 * var(--u));transform:translateX(-50%)}
.qa-puntos i{width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;background:var(--q-antes-gris)}
.qa-bien{margin:calc(24 * var(--u)) calc(90 * var(--u)) 0!important;text-align:center;font-family:var(--f-antes-serif);font-size:calc(22 * var(--u));color:var(--q-antes-azul)}
.qa-cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(30 * var(--u));margin:calc(16 * var(--u)) calc(90 * var(--u)) 0;text-align:justify}
.qa-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14 * var(--u));margin:calc(24 * var(--u)) calc(90 * var(--u)) 0}
.qa-prod span{display:flex;flex-direction:column;gap:calc(6 * var(--u));color:var(--q-antes-enlace);text-decoration:underline;font-size:calc(12 * var(--u))}
.qa-prod i{height:calc(120 * var(--u));background:var(--q-antes-gris-2);border:calc(1 * var(--u)) solid var(--q-antes-gris)}
.qa-noticias{display:flex;flex-direction:column;gap:calc(6 * var(--u));margin:calc(26 * var(--u)) calc(90 * var(--u)) 0;padding:calc(14 * var(--u));border:calc(1 * var(--u)) solid var(--q-antes-gris)}
.qa-noticias span{color:var(--q-antes-enlace);text-decoration:underline}
.qa-pie{margin:calc(26 * var(--u)) calc(90 * var(--u)) 0;padding:calc(12 * var(--u)) 0;border-top:calc(1 * var(--u)) solid var(--q-antes-gris);text-align:center;font-size:calc(11 * var(--u));color:var(--q-antes-tinta-2)}
.oferta{padding:clamp(56px,8vh,96px) 0;background:var(--claro);color:var(--texto-claro)}
.oferta .etiqueta{color:var(--texto-claro-2)}
.oferta .etq-punto{background:var(--acento-claro);box-shadow:0 0 0 4px color-mix(in oklab,var(--acento-claro) 16%,transparent)}
.oferta :focus-visible{outline-color:var(--acento-claro)}
.ofertas{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:20px;align-items:start}
.tarjeta{border-radius:28px;padding:clamp(26px,3.2vw,48px);transition:transform .25s var(--ease-ui)}
.t-web{background:var(--fondo);color:var(--texto)}
.t-care{background:var(--claro-tarjeta);border:1px solid var(--linea-claro)}
@media (hover:hover) and (pointer:fine){.tarjeta:hover{transform:translateY(-4px)}}
.t-cab{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--linea)}
.t-care .t-cab{border-bottom-color:var(--linea-claro)}
.t-tit{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}
.t-precio{margin-top:10px;font-size:1.125rem;color:var(--texto-2)}
.t-care .t-precio{color:var(--texto-claro-2)}
.t-precio b{display:block;font-size:clamp(3rem,5.4vw,4.75rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--texto)}
.t-care .t-precio b{color:var(--texto-claro);font-size:clamp(2.5rem,4.2vw,3.5rem)}
.t-nota{margin-top:10px;font-weight:600}
.t-web .t-nota{color:var(--acento)}
.t-care .t-nota{color:var(--acento-claro)}
.lista-check{display:grid;gap:12px}
.lista-check li{position:relative;padding-left:34px;line-height:1.45}
.lista-check li::before{content:"";position:absolute;left:0;top:.12em;width:22px;height:22px;border-radius:50%;background:var(--acento-suave)}
.lista-check li::after{content:"";position:absolute;left:4px;top:calc(.12em + 4px);width:14px;height:14px;background:var(--acento);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.t-care .lista-check li::before{background:color-mix(in oklab,var(--acento-claro) 13%,transparent)}
.t-care .lista-check li::after{background:var(--acento-claro)}
.t-web .boton{margin-top:28px}
.regalo{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:16px 20px;border-radius:18px;border:1px dashed var(--acento);font-size:1rem;line-height:1.45}
.regalo b{color:var(--acento)}
.regalo-ico svg{width:24px;height:24px;fill:none;stroke:var(--acento);stroke-width:1.6;stroke-linejoin:round}
.no-incluye{margin-top:24px;border-top:1px solid var(--linea-claro)}
.no-incluye summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-weight:650;cursor:pointer;list-style:none;color:var(--texto-claro)}
.no-incluye summary::-webkit-details-marker{display:none}
.no-incluye summary::after,.faq-lista summary::after{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v10M7 12h10' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v10M7 12h10' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
transition:transform .3s var(--ease-ui)}
.no-incluye[open] summary::after,.faq-lista details[open] summary::after{transform:rotate(45deg)}
.no-incluye p{padding-bottom:8px;color:var(--texto-claro-2)}
.garantia{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);margin-top:20px;padding:clamp(22px,2.8vw,36px) clamp(24px,3.2vw,48px);border-radius:28px;
background:var(--acento-claro);color:var(--sobre-acento-claro)}
.garantia-ico{flex:none;width:clamp(44px,5vw,60px)}
.garantia-ico svg{width:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.garantia p{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;max-width:52em}
.garantia b{font-weight:800}
.pasos{padding:clamp(56px,8vh,96px) 0;background:var(--fondo);overflow-x:clip}
.diagrama{position:relative}
.pasos-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2%;row-gap:0}
.paso{position:relative;display:grid;align-content:space-between;justify-items:start;gap:28px;grid-row:1;min-height:150px;padding:20px 22px 22px;text-align:left;border:1px solid var(--linea);border-radius:20px;
background:var(--superficie);transition:transform .25s var(--ease-ui),border-color .2s ease,background-color .2s ease}
.paso:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.paso:hover{border-color:var(--borde-control)}}
.paso.hecho{border-color:color-mix(in oklab,var(--acento) 60%,var(--linea))}
.paso.subiendo{transform:translateY(-4px)}
.paso[aria-selected="true"]{background:var(--superficie-2);border-color:var(--acento)}
.paso-n{font-weight:600;font-size:var(--t-peq);color:var(--texto-2);position:absolute;top:22px;right:22px}
.paso-t{font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}
.paso-ent{display:grid;gap:2px;font-size:.9375rem;font-weight:600;color:var(--texto)}
.paso-ent span{font-weight:500;color:var(--acento);font-size:var(--t-peq);font-weight:650}
.panel-care{margin-top:14px;color:var(--acento);font-weight:600}
.anillo{width:26px;height:26px}
.anillo svg{width:100%;height:100%;overflow:visible}
.anillo-base{fill:none;stroke:var(--linea);stroke-width:2}
.anillo-arco{fill:none;stroke:var(--acento);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transform-origin:12px 12px}
.anillo-check{fill:none;stroke:var(--sobre-acento);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}
.paso .anillo-base{fill:var(--acento)}
.js .paso:not(.hecho) .anillo-base{fill:transparent}
.js .paso:not(.hecho):not(.cargando) .anillo-arco{stroke-dashoffset:100}
.js .paso:not(.hecho) .anillo-check{stroke-dashoffset:100}
.paso.cargando .anillo-arco{stroke-dasharray:28 100;animation:gira .9s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.paso.hecho .anillo-check{transition:stroke-dashoffset .25s var(--ease-ui) .1s}
.paso.hecho .anillo-base{transition:fill .25s ease}
.panel{grid-row:4;padding:28px 4px 0}
.panel>p{font-size:clamp(1.0625rem,1.3vw,1.1875rem);max-width:34em}
.panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.panel dl>div{padding:16px 18px;border-radius:14px;background:var(--superficie);border:1px solid var(--linea)}
.panel dt{font-size:var(--t-peq);color:var(--acento);margin-bottom:4px;font-weight:650}
.panel dd{font-size:1rem;color:var(--texto-2)}
.con-pestanas .panel{grid-column:1/-1;max-width:880px}
.con-pestanas .panel dl{max-width:760px}
.con-pestanas .panel:not([hidden]){animation:panel-entra .24s var(--ease-ui)}
@keyframes panel-entra{from{opacity:0;transform:translate3d(0,8px,0)}}
html:not(.js) .panel dl,.pasos-lista:not(.con-pestanas) .panel dl{grid-template-columns:minmax(0,1fr)}
.pistas{grid-row:2;display:block;width:100%;height:auto;margin-top:-1px;overflow:visible}
.pistas-base path{fill:none;stroke:var(--linea);stroke-width:2;transition:stroke .4s ease}
.pistas-base path.hecha{stroke:color-mix(in oklab,var(--acento) 45%,var(--linea))}
.pistas-cometa path{fill:none;stroke:var(--acento);stroke-width:3;stroke-linecap:round;stroke-dasharray:9 120;stroke-dashoffset:9;opacity:0}
.pistas-nodo{fill:var(--fondo);stroke:var(--borde-control);stroke-width:2;transition:fill .3s ease,stroke .3s ease}
.diagrama.encendido .pistas-nodo{fill:var(--acento);stroke:var(--acento)}
.pildora-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:-2px}
.pildora{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:10px 24px 10px 12px;border-radius:999px;background:var(--superficie);border:1px solid var(--borde-control);
font-weight:650;font-size:1.0625rem;text-align:left;isolation:isolate;transition:border-color .4s ease}
.pildora::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--acento-suave);box-shadow:0 0 0 6px var(--acento-halo),0 20px 50px -20px var(--acento);opacity:0;transition:opacity .4s var(--ease-escena)}
.diagrama.encendido .pildora{border-color:var(--acento)}
.diagrama.encendido .pildora::before{opacity:1}
.pildora-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acento);color:var(--sobre-acento);flex:none}
.pildora-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.js .diagrama:not(.encendido) .pildora-mas{display:none}
.otra-vez{min-height:44px;padding:0 16px;border:1px solid var(--borde-control);border-radius:999px;background:transparent;color:var(--texto-2);font-size:var(--t-peq);transition:color .2s ease,transform .12s ease}
.otra-vez:hover{color:var(--texto)}
.otra-vez:active{transform:scale(.96)}
.pasos-lista{grid-template-rows:auto}
.diagrama{display:grid;grid-template-columns:minmax(0,1fr)}
.diagrama>.pasos-lista{display:contents}
.diagrama{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2%}
.pistas,.pildora-fila{grid-column:1/-1}
.pildora-fila{grid-row:3}
@media (max-width:899px){
.ofertas{grid-template-columns:minmax(0,1fr)}
.garantia{align-items:flex-start}
.diagrama{display:block;position:relative;padding-left:30px}
.diagrama::before{content:"";position:absolute;left:12px;top:24px;bottom:28px;width:2px;background:var(--linea)}
.diagrama::after{content:"";position:absolute;left:11px;top:24px;width:4px;height:38px;border-radius:4px;background:var(--acento);opacity:0}
.diagrama.baja::after{animation:baja 4.2s var(--ease-inout) both}
@keyframes baja{0%{opacity:0;transform:translateY(0)}8%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translateY(var(--alto,600px))}}
.diagrama>.pasos-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.paso{grid-row:auto;min-height:0;gap:10px;margin-top:18px;padding:18px 20px}
.paso .anillo{position:absolute;left:-31px;top:20px;background:var(--fondo);border-radius:50%}
.panel{grid-row:auto;padding:14px 2px 6px}
.panel dl{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:10px}
.panel dl>div{display:flex;flex-wrap:wrap;gap:0 8px;padding:0;border:0;background:none}
.panel dt{margin:0}
.panel dt::after{content:":"}
.panel>p{font-size:1rem}
.pistas{display:none}
.pildora-fila{margin-top:28px;justify-content:flex-start}
.pildora{font-size:1rem}
}
.pasos-cab{margin-top:clamp(64px,9vh,104px)}
.h2-sub{font-size:clamp(1.75rem,3.2vw,2.75rem)}
.oferta .entrada{color:var(--texto-claro-2)}
.oferta .paso{background:var(--claro-tarjeta);border-color:var(--linea-claro);color:var(--texto-claro)}
@media (hover:hover) and (pointer:fine){.oferta .paso:hover{border-color:var(--borde-control-claro)}}
.oferta .paso.hecho{border-color:color-mix(in oklab,var(--acento-claro) 55%,var(--linea-claro))}
.oferta .paso[aria-selected="true"]{background:var(--claro-tarjeta);border-color:var(--acento-claro);box-shadow:inset 0 0 0 1px var(--acento-claro)}
.oferta .paso-n{color:var(--texto-claro-2)}
.oferta .paso-ent{color:var(--texto-claro)}
.oferta .paso-ent span,.oferta .panel dt,.oferta .panel-care{color:var(--acento-claro)}
.oferta .anillo-base{stroke:var(--linea-claro)}
.oferta .paso .anillo-base{fill:var(--acento-claro)}
.js .oferta .paso:not(.hecho) .anillo-base{fill:transparent}
.oferta .anillo-arco{stroke:var(--acento-claro)}
.oferta .anillo-check{stroke:var(--sobre-acento-claro)}
.oferta .pistas-base path{stroke:var(--linea-claro)}
.oferta .pistas-base path.hecha{stroke:color-mix(in oklab,var(--acento-claro) 50%,var(--linea-claro))}
.oferta .pistas-cometa path{stroke:var(--acento-claro)}
.oferta .pistas-nodo{fill:var(--claro);stroke:var(--borde-control-claro)}
.oferta .diagrama.encendido .pistas-nodo{fill:var(--acento-claro);stroke:var(--acento-claro)}
.oferta .pildora{background:var(--claro-tarjeta);border-color:var(--borde-control-claro);color:var(--texto-claro)}
.oferta .pildora::before{background:color-mix(in oklab,var(--acento-claro) 10%,transparent);box-shadow:0 0 0 6px color-mix(in oklab,var(--acento-claro) 7%,transparent)}
.oferta .diagrama.encendido .pildora{border-color:var(--acento-claro)}
.oferta .pildora-ico{background:var(--acento-claro);color:var(--sobre-acento-claro)}
.oferta .otra-vez{border-color:var(--borde-control-claro);color:var(--texto-claro-2)}
.oferta .otra-vez:hover{color:var(--texto-claro)}
.oferta .panel>p{color:var(--texto-claro)}
.oferta .panel dl>div{background:var(--claro-tarjeta);border-color:var(--linea-claro)}
.oferta .panel dd{color:var(--texto-claro-2)}
.oferta .luz::before{background:radial-gradient(420px circle at var(--lx,50%) var(--ly,50%),color-mix(in oklab,var(--acento-claro) 9%,transparent),transparent 65%)}
.t-web .luz::before,.t-web.luz::before{background:radial-gradient(420px circle at var(--lx,50%) var(--ly,50%),var(--acento-suave),transparent 65%)}
.garantia a{color:inherit;font-weight:650;text-underline-offset:.2em;white-space:nowrap}
@media (max-width:899px){
.oferta .diagrama::before{background:var(--linea-claro)}
.oferta .diagrama::after{background:var(--acento-claro)}
.oferta .paso .anillo{background:var(--claro)}
}
@media (min-width:1100px){.t-web .lista-check{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
.pasos-cab{margin-top:clamp(48px,7vh,80px)}
.con-pestanas .panel{padding-top:18px}
@media (max-width:899px){.panel dl{display:none}.panel{padding-bottom:0}.paso{margin-top:12px}}
.oferta{padding:clamp(48px,7vh,80px) 0}
.pasos-cab{margin-top:clamp(40px,6vh,64px)}
.pasos-cab .entrada{margin-top:10px}
@media (max-width:899px){
.tarjeta{padding:22px 20px}
.t-cab{padding-bottom:16px;margin-bottom:16px}
.lista-check{gap:8px}
.t-web .boton{margin-top:20px}
.regalo{margin-top:12px;padding:12px 14px}
.pila,.no-incluye{margin-top:14px}
.garantia{padding:18px 20px}
.paso{padding:14px 16px;gap:6px}
.pildora-fila{margin-top:20px}
}
@media (max-width:899px){.panel>p{font-size:.9375rem;line-height:1.45}.panel{padding-top:8px}.pasos-cab{margin-top:40px}.paso-t{font-size:1.0625rem}}
@media (max-width:899px){.lista-check li{font-size:1rem;padding-left:30px}.t-precio b{font-size:2.75rem}.t-care .t-precio b{font-size:2.25rem}}
.baratas{padding:clamp(64px,9vh,110px) 0;background:var(--fondo);border-top:1px solid var(--linea)}
.baratas-rejilla{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,88px);align-items:start}
.fuente{margin-top:18px;font-size:var(--t-peq);color:var(--texto-2);max-width:34em}
.fuente a{color:var(--texto-2)}
.tabla-c{width:100%;border-collapse:collapse;font-size:1rem}
.tabla-c th,.tabla-c td{padding:14px 12px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:middle}
.tabla-c thead th{font-weight:500;font-size:var(--t-peq);color:var(--texto-2);padding-top:0;font-weight:650}
.tabla-c thead th:last-child{color:var(--acento)}
.tabla-c tbody th{font-weight:600;line-height:1.35;padding-left:0}
.tabla-c tbody tr{transition:background-color .2s ease}
@media (hover:hover){.tabla-c tbody tr:hover{background:var(--superficie)}}
.tabla-c td{white-space:nowrap;width:1%}
.no,.si{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-peq)}
.no{color:var(--texto-2)}
.si{color:var(--texto);font-weight:600}
.no::before,.si::before{content:"";width:22px;height:22px;flex:none;border-radius:50%}
.no::before{background:var(--texto-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 4l6 6M10 4l-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 4l6 6M10 4l-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.si::before{background:var(--acento);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:899px){.baratas-rejilla{grid-template-columns:minmax(0,1fr)}.tabla-c th,.tabla-c td{padding:12px 4px}.tabla-c tbody th{font-size:.9375rem}.no,.si{gap:5px}.no::before,.si::before{width:18px;height:18px}}
@media (max-width:420px){.tabla-c td{white-space:normal;width:auto}.no,.si{flex-direction:column;align-items:flex-start;gap:3px}.tabla-c tbody th{width:55%}}
.baratas{padding:clamp(48px,7vh,80px) 0}
.baratas .h2{font-size:clamp(1.5rem,2.6vw,2.375rem);max-width:none}
.baratas .entrada{font-size:1rem;margin-top:12px}
.tabla-c th,.tabla-c td{padding-top:10px;padding-bottom:10px}
@media (max-width:899px){
.baratas-rejilla{gap:18px}
.tabla-c th,.tabla-c td{padding:8px 4px}
.tabla-c thead th{padding-bottom:6px}
.tabla-c td .no,.tabla-c td .si{font-size:0;gap:0}
.tabla-c td .si-txt{font-size:var(--t-peq)}
}
@media (max-width:899px){.tabla-c th,.tabla-c td{padding-top:6px;padding-bottom:6px}.baratas{padding:40px 0}}
.cuenta-caja{padding:clamp(22px,3vw,36px);border-radius:28px;background:var(--superficie);border:1px solid var(--linea)}
.cuenta-in{position:relative;display:block}
.cuenta-in input{width:100%;min-height:62px;padding:0 48px 0 18px;border:1px solid var(--borde-control);border-radius:14px;background:var(--fondo);color:var(--texto);font-size:1.5rem;font-weight:650;font-variant-numeric:tabular-nums}
.cuenta-in input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)}
.cuenta-eur{position:absolute;right:18px;top:50%;translate:0 -50%;font-size:1.25rem;font-weight:650;color:var(--texto-2);pointer-events:none}
.cuenta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cuenta-chips button{min-height:44px;padding:0 16px;border:1px solid var(--borde-control);border-radius:999px;background:transparent;color:var(--texto-2);font-size:var(--t-peq);font-weight:600;transition:color .15s var(--ease-ui),border-color .15s var(--ease-ui),transform .12s ease}
@media (hover:hover){.cuenta-chips button:hover{color:var(--texto);border-color:var(--texto-2)}}
.cuenta-chips button:active{transform:scale(.97)}
.cuenta-chips button[aria-pressed="true"]{color:var(--texto);border-color:var(--acento)}
.cuenta-res{margin-top:22px;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:650;line-height:1.3;color:var(--texto);text-wrap:balance}
.cuenta-res b{color:var(--acento);font-weight:750}
.cuenta-nota{margin-top:14px;font-size:var(--t-peq);line-height:1.5;color:var(--texto-2);max-width:40em}
.faq{padding:clamp(56px,8vh,96px) 0;background:var(--fondo-2);border-top:1px solid var(--linea)}
.faq-rejilla{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);align-items:start}
.faq-cab{position:sticky;top:calc(var(--cab) + 32px)}
.faq-lista{border-top:1px solid var(--linea)}
.faq-lista details{border-bottom:1px solid var(--linea)}
.faq-lista summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:16px 0;font-weight:650;font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.35;cursor:pointer;list-style:none;
transition:color .2s ease}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{color:var(--acento)}
@media (hover:hover){.faq-lista summary:hover{color:var(--acento)}}
.faq-lista p{max-width:40em;padding:0 48px 24px 0;color:var(--texto-2)}
.faq-lista details[open] p{animation:faq-abre .22s var(--ease-ui)}
@keyframes faq-abre{from{opacity:0;transform:translate3d(0,-6px,0)}}
.contacto{padding:clamp(56px,8vh,96px) 0 clamp(56px,8vh,96px);background:var(--fondo);position:relative;overflow:clip}
.cto-rejilla{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,96px);align-items:start}
.cto-correo{margin-top:24px;color:var(--texto-2)}
.cto-oferta{margin-top:32px;padding:22px 24px;border-radius:20px;background:var(--superficie);border:1px solid var(--linea);max-width:30em}
.cto-precio b{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}
.cto-precio{color:var(--texto-2)}
.cto-regalo{margin-top:6px;color:var(--texto-2)}
.cto-regalo b{color:var(--acento)}
.cto-garantias{display:grid;gap:8px;margin-top:14px}
.cto-garantias li{position:relative;padding-left:26px;font-weight:600;font-size:1rem}
.cto-garantias li::before{content:"";position:absolute;left:0;top:.25em;width:16px;height:16px;background:var(--acento);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cto-correo a{color:var(--texto);font-weight:650;display:inline-flex;align-items:center;min-height:44px}
.cto-correo a:hover{color:var(--acento)}
.quiz{position:relative;padding:clamp(22px,3vw,40px);border-radius:28px;background:var(--superficie);border:1px solid var(--linea)}
.quiz-paso{border:0;margin:0 0 28px;padding:0;min-width:0}
.quiz-paso legend{padding:0;margin-bottom:18px;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:750;line-height:1.2;letter-spacing:-.02em}
.quiz-q:focus{outline:none}
.quiz-ops{display:grid;gap:10px}
.quiz-ops-6{grid-template-columns:repeat(2,minmax(0,1fr))}
.quiz-ops-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.op{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 18px;border:1px solid var(--borde-control);border-radius:14px;cursor:pointer;
font-weight:550;font-size:1.0625rem;line-height:1.3;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}
.op input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.op::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--borde-control);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
@media (hover:hover){.op:hover{border-color:var(--texto-2);background:var(--superficie-2)}}
.op:active{transform:scale(.98)}
.op:has(input:checked){background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}
.op:has(input:checked)::before{border-color:var(--sobre-acento);background:var(--sobre-acento);box-shadow:inset 0 0 0 4px var(--acento)}
.op:has(input:focus-visible){outline:3px solid var(--foco);outline-offset:3px}
.campo{display:grid;gap:10px;font-weight:600;font-size:1rem}
.campo-extra{margin-top:16px}
.quiz-viva .campo-extra{display:none}
.quiz-viva .campo-extra.on{display:grid}
.campo input{min-height:58px;padding:0 18px;border:1px solid var(--borde-control);border-radius:14px;background:var(--fondo);font-size:1.0625rem;font-weight:400;
transition:border-color .18s ease,box-shadow .25s var(--ease-ui)}
.campo input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)}
.campo input:focus-visible{outline:none}
.campo input[aria-invalid="true"]{border-color:var(--error)}
.quiz-error{display:block;min-height:1.6em;margin-top:8px;color:var(--error);font-weight:600;font-size:var(--t-peq)}
.quiz-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.quiz-enviar{margin-top:6px}
.quiz-enviar[disabled]{opacity:.75;cursor:progress}
.quiz-nota{margin-top:16px;font-size:var(--t-peq);color:var(--texto-2)}
.quiz-nota a{color:var(--texto)}
.quiz-viva .quiz-paso{margin:0}
.quiz-viva .quiz-paso:not(.activo){display:none}
.quiz-cab{display:grid;gap:12px;margin-bottom:28px}
.quiz-barra{position:relative;height:4px;border-radius:4px;background:var(--linea);overflow:hidden}
.quiz-barra i{position:absolute;inset:0;border-radius:inherit;background:var(--acento);transform:scaleX(var(--qp,.25));transform-origin:0 50%;transition:transform .4s var(--ease-escena)}
.quiz-cuenta{font-family:var(--f-mono);font-size:var(--t-peq);color:var(--texto-2);font-variant-numeric:tabular-nums}
.quiz-pie{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.quiz-seguir{min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--borde-control);background:transparent;font-weight:600;transition:transform .12s ease,background-color .2s ease,border-color .2s ease}
.quiz-seguir:hover{border-color:var(--texto-2);background:var(--superficie-2)}
.quiz-seguir:active{transform:scale(.97)}
.quiz-atras{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:0;padding:0 6px;border:0;background:none;color:var(--texto-2);text-decoration:underline;text-underline-offset:.22em;font-size:var(--t-peq)}
.quiz-atras:hover{color:var(--texto)}
.quiz-viva .quiz-paso.entra{animation:paso-entra .24s var(--ease-ui) both}
.quiz-viva .quiz-paso.entra-atras{animation:paso-entra-atras .24s var(--ease-ui) both}
@keyframes paso-entra{from{opacity:0;transform:translate3d(24px,0,0)}}
@keyframes paso-entra-atras{from{opacity:0;transform:translate3d(-24px,0,0)}}
.quiz-fin{outline:none}
.quiz-fin h3{display:flex;align-items:center;gap:14px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.02em}
.quiz-fin p{margin-top:12px;color:var(--texto-2)}
.quiz-fin a{color:var(--texto)}
.quiz-fin .boton{margin-top:18px}
.ok-ico{width:44px;height:44px;flex:none}
.ok-ico circle{fill:var(--acento-suave);stroke:var(--acento);stroke-width:2}
.ok-ico path{fill:none;stroke:var(--acento);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:traza .5s var(--ease-escena) .15s forwards}
@keyframes traza{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.ok-ico path{stroke-dashoffset:0}}
@media (max-width:899px){
.faq-rejilla,.cto-rejilla{grid-template-columns:minmax(0,1fr)}
.faq-cab{position:static}
.faq-lista p{padding-right:0}
}
@media (max-width:420px){.op{padding:12px 14px;font-size:1rem}.op::before{display:none}}
.legal{padding:calc(var(--cab) + clamp(48px,8vh,96px)) 0 clamp(64px,10vh,120px)}
.legal-cont{max-width:calc(46rem + 2 * var(--m))}
.legal-cont h2{margin:36px 0 8px;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}
.legal-cont p{color:var(--texto-2);margin-top:10px}
.legal-cont p a:not(.boton):not(.enlace-flecha){color:var(--texto)}
.legal-cont .boton{margin-top:12px}
.legal-cont .h1,.legal-cont .h2{margin-bottom:12px}
.quiz{view-transition-name:quiz}
.vt-salto .quiz,.vt-salto .ad-pantalla{view-transition-name:none}
.faq,.contacto{padding-top:clamp(48px,7vh,80px);padding-bottom:clamp(48px,7vh,80px)}
.faq-lista summary{min-height:60px;padding:12px 0}
@media (max-width:899px){.cto-oferta{margin-top:20px;padding:16px 18px}.cto-correo{margin-top:12px}.quiz{padding:20px 18px}}
.legal-cont ul{margin:10px 0 0;padding-left:1.25em;list-style:disc;color:var(--texto-2)}
.legal-cont li{margin-top:6px}
.legal-cont .legal-fecha{font-size:var(--t-peq);margin-top:0}