:root {
--color-primary: #f46c02;
--color-primary-hover: #fe8702;
--color-on-primary: #181818;
--color-brand-orange: #f46c02;
--color-secondary: #181818;
--color-secondary-2: #232323;
--color-on-secondary: #ffffff;
--color-on-secondary-muted: #c9c9c9;
--color-link: #b4410e;
--color-link-on-dark: #ff8a3d;
--color-whatsapp: #147a3f;
--color-on-whatsapp: #ffffff;
--color-neutral: #f3f4f5;
--color-surface: #ffffff;
--color-photo: #e7e7e7;
--color-tint: #efefef;
--color-on-surface: #1b1b1b;
--color-muted: #575757;
--color-border: #d9d9d9;
--color-error: #b3261e;
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 32px;
--spacing-xl: 64px;
--spacing-section: 128px;
--spacing-margin: 16px;
--rounded-none: 0px;
--rounded-sm: 3px;
--rounded-md: 4px;
--rounded-lg: 6px;
--rounded-full: 9999px;
}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin-var.woff2") format("woff2");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"PT Sans";src:url("../fonts/pt-sans-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PT Sans";src:url("../fonts/pt-sans-700-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");font-weight:700 800;size-adjust:112%;ascent-override:88%}
@font-face{font-family:"PT Sans Fallback";src:local("Arial"),local("ArialMT");size-adjust:93%}
:root{
--f-tit:"Montserrat","Montserrat Fallback",Arial,sans-serif;
--f-txt:"PT Sans","PT Sans Fallback",Arial,sans-serif;
--container:1200px;
--gutter:var(--spacing-margin);
--t-display:clamp(2.5rem,1.35rem + 4.6vw,4.75rem);
--t-h2:clamp(1.5rem,1.15rem + 1.6vw,2.5rem);
--t-h3:1.5rem;
--t-lead:1.1875rem;
--t-body:1.0625rem;
--t-small:.9375rem;
--sec:clamp(4rem,2.5rem + 5vw,var(--spacing-section));
--sombra-flota:0 10px 30px rgb(0 0 0 / .18);
--z-header:50;--z-flotante:60;--z-menu:70;
--ease:cubic-bezier(.2,.7,.2,1);
}
@media (width >= 40rem){:root{--gutter:24px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;background:var(--color-neutral);color:var(--color-on-surface);font:400 var(--t-body)/1.6 var(--f-txt);padding-bottom:calc(56px + env(safe-area-inset-bottom))}
@media (width >= 60rem){body{padding-bottom:0}}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--f-tit);font-weight:800;line-height:1.08;margin:0 0 .5em;overflow-wrap:break-word;color:inherit}
h1{font-size:var(--t-display);letter-spacing:-.03em;line-height:1}
h1::first-letter{text-transform:uppercase}
.seccion h1{font-size:clamp(1.75rem,1.1rem + 3vw,3.25rem)}
h2{font-size:var(--t-h2);letter-spacing:-.02em}
h3{font-size:var(--t-h3);letter-spacing:-.01em;line-height:1.2}
h4{font-size:var(--t-lead)}
p,li,dd,td,th{overflow-wrap:break-word}
p{margin:0 0 1em;max-width:68ch}
a{color:var(--color-link);text-underline-offset:.15em}
a:hover{color:var(--color-on-surface)}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
.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}
.saltar{position:absolute;left:8px;top:-60px;z-index:100;background:var(--color-secondary);color:#fff;padding:10px 14px}
.saltar:focus{top:8px;color:#fff}
.contenedor{width:min(calc(100% - var(--gutter)*2),var(--container));margin-inline:auto}
.seccion{padding-block:var(--sec)}
.seccion--blanca{background:var(--color-surface)}
.seccion--compacta{padding-block:clamp(2.5rem,1.5rem + 3vw,4rem)}
.entradilla{font-size:var(--t-lead);line-height:1.55;color:var(--color-on-surface)}
.nota{font-size:var(--t-small);color:var(--color-muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:.85em 1.4em;border-radius:var(--rounded-md);font:800 var(--t-small)/1.2 var(--f-tit);text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center;transition:background-color .18s,color .18s,border-color .18s,transform .18s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn--cta{background:var(--color-primary);color:var(--color-on-primary)}
.btn--cta:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}
.btn--wa{background:var(--color-whatsapp);color:var(--color-on-whatsapp)}
.btn--wa:hover{background:#0f6132;color:#fff}
.btn--linea{background:transparent;color:var(--color-on-surface);border-color:currentColor}
.btn--linea:hover{background:var(--color-on-surface);color:#fff;border-color:var(--color-on-surface)}
.btn--claro{background:#fff;color:var(--color-secondary)}
.btn--claro:hover{background:var(--color-primary);color:var(--color-on-primary)}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}
.acciones .btn{flex:1 1 15rem}
@media (width >= 40rem){.acciones .btn{flex:0 1 auto}}
.barra-sup{background:var(--color-secondary);color:var(--color-on-secondary-muted);font-size:var(--t-small)}
.barra-sup .contenedor{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:space-between;align-items:center}
.barra-sup a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.barra-sup a:hover{color:var(--color-link-on-dark)}
.barra-sup svg{width:16px;height:16px}
.barra-sup__datos{display:flex;flex-wrap:wrap;gap:0 20px}
.barra-sup__correo{display:none!important}
@media (width >= 40rem){.barra-sup__correo{display:inline-flex!important}}
.barra-sup__lema{display:none;margin:0}
@media (width >= 48rem){.barra-sup__lema{display:block}}
.cabecera{position:sticky;top:0;z-index:var(--z-header);background:#fff;transition:box-shadow .2s}
.cabecera.con-sombra{box-shadow:var(--sombra-flota)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-on-surface);min-width:0}
.logo__img{display:block;height:46px;width:auto}
.logo__icono{width:44px;height:44px;flex:none}
.logo__texto{display:flex;flex-direction:column;font:800 1.0625rem/1 var(--f-tit);letter-spacing:-.01em;font-style:italic;white-space:nowrap}
.logo__texto small{font:800 .8125rem/1.2 var(--f-tit);letter-spacing:.12em;color:var(--color-link);font-style:normal;margin-top:3px}
.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid var(--color-on-surface);border-radius:var(--rounded-md);background:#fff;color:var(--color-on-surface);font:800 var(--t-small) var(--f-tit);cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.nav{display:none}
.nav.abierto{display:block;position:fixed;inset:0;z-index:var(--z-menu);background:#fff;overflow-y:auto;padding:76px var(--gutter) 32px}
.nav__cerrar{position:absolute;top:12px;right:var(--gutter)}
.nav__lista{list-style:none;margin:0;padding:0}
.nav__lista>li{background:var(--color-neutral);margin-bottom:6px;border-radius:var(--rounded-md)}
.nav__lista a,.nav__desplegar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:8px 14px;color:var(--color-on-surface);text-decoration:none;font:800 var(--t-body) var(--f-tit);background:none;border:0;cursor:pointer;text-align:left}
.nav__desplegar svg{width:18px;height:18px;transition:transform .2s}
.nav__desplegar[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav__sub{display:none;list-style:none;margin:0;padding:0 8px 10px}
.nav__sub.abierto{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:0 12px}
.nav__sub a{min-height:44px;font:400 var(--t-body) var(--f-txt);color:var(--color-link)}
.nav__cta{margin-top:20px;display:grid;gap:10px}
.cabecera__cta{display:none}
@media (width >= 60rem){
.menu-btn,.nav__cerrar,.nav__cta{display:none}
.nav,.nav.abierto{display:block;position:static;padding:0;background:none;overflow:visible}
.nav__lista{display:flex;gap:2px;align-items:center}
.nav__lista>li{background:none;margin:0;position:relative}
.nav__lista a,.nav__desplegar{min-height:44px;padding:8px 12px;font-size:var(--t-small);width:auto}
.nav__lista a:hover,.nav__desplegar:hover{color:var(--color-link)}
.nav__desplegar svg{margin-left:4px}
.nav__sub{position:absolute;top:100%;left:0;background:#fff;border-radius:var(--rounded-md);box-shadow:var(--sombra-flota);padding:12px;min-width:16rem;z-index:var(--z-menu)}
.nav__sub--ancho{min-width:34rem;left:-6rem}
.nav__sub--lista{min-width:17rem;left:auto;right:0}
.nav__sub--lista.abierto{grid-template-columns:1fr}
.nav__sub.abierto{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:0 8px}
.nav__sub a{min-height:40px;padding:6px 10px;font-size:var(--t-small)}
.cabecera__cta{display:inline-flex}
.logo__img{height:54px}
.logo__icono{width:48px;height:48px}
.logo__texto{font-size:1.1875rem}
}
.migas{font-size:var(--t-small);color:var(--color-on-secondary-muted);background:var(--color-secondary)}
.migas ol{list-style:none;margin:0 auto;padding:6px 0 0;display:flex;flex-wrap:wrap;width:min(calc(100% - var(--gutter)*2),var(--container))}
.migas.contenedor{width:auto;margin:0}
.migas li{display:flex;align-items:center}
.migas li+li::before{content:"›";margin:0 8px}
.migas a{color:#fff;display:inline-flex;align-items:center;min-height:44px;min-width:2.75rem;justify-content:center}
.migas [aria-current]{color:var(--color-on-secondary-muted)}
.heroe{background:var(--color-secondary);color:#fff;position:relative;overflow:hidden}
.heroe a:not(.btn){color:var(--color-link-on-dark)}
.heroe .form a:not(.btn),.heroe .form .nota a{color:var(--color-link)}
.heroe .form p{color:var(--color-muted)}
.heroe .form .casilla{color:var(--color-on-surface)}
.heroe .btn--linea{color:#fff;border-color:#fff}
.heroe .btn--linea:hover{background:#fff;color:var(--color-secondary)}
.heroe:not(.heroe--portada) h1,.heroe--interior h1{font-size:clamp(2.125rem,1.2rem + 3.6vw,4.0625rem)}
.heroe h1.h1--largo{font-size:clamp(1.875rem,1.1rem + 2.6vw,3.25rem)}
.heroe__rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 48px}
.heroe__texto{min-width:0}
.heroe__texto .entradilla,.heroe__texto p{color:var(--color-on-secondary-muted)}
.heroe__texto .entradilla strong,.heroe__acento{color:var(--color-brand-orange)}
.heroe__foto{min-width:0;position:relative;order:-1;margin-inline:calc(var(--gutter) * -1)}
.heroe__foto img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--color-photo)}
.heroe__foto--producto{margin-inline:0;order:0}
.heroe__foto--producto img{aspect-ratio:1/1;object-fit:contain;border-radius:var(--rounded-md)}
.heroe__sello{position:absolute;left:0;bottom:0;background:var(--color-primary);color:var(--color-on-primary);padding:12px 16px;font:800 var(--t-small)/1.15 var(--f-tit);margin:0}
.heroe__sello span{display:block;font-size:1.75rem}
.checks{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{width:22px;height:22px;flex:none;color:var(--color-brand-orange);margin-top:2px}
.heroe .checks li{color:#fff}
@media (width >= 60rem){
.heroe__rejilla{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:56px;padding-block:64px 72px;min-height:min(70vh,640px)}
.heroe__foto{order:0;margin:0}
.heroe--portada .heroe__rejilla{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.heroe--portada .heroe__foto{position:absolute;right:0;top:0;bottom:0;width:47%}
.heroe--portada .heroe__foto img{height:100%;aspect-ratio:auto}
.heroe--portada .heroe__texto{grid-column:1}
.heroe--producto .heroe__rejilla{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.heroe--contacto .heroe__rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
}
@media (width >= 60rem){.galeria--cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}.galeria--cuatro>figure:first-child{grid-column:auto;grid-row:auto}.galeria--cuatro>figure:first-child .tarjeta__foto{aspect-ratio:1/1;height:auto}}
.elegir{margin-top:1.75rem}
.elegir__titulo{font:800 var(--t-lead)/1.2 var(--f-tit);color:#fff;margin:0 0 .7rem}
.elegir .pulgadas{grid-template-columns:repeat(auto-fill,minmax(min(100%,4.5rem),1fr))}
.elegir .pulgada{background:var(--color-secondary-2);color:#fff;min-height:64px}
.elegir .pulgada span{color:var(--color-on-secondary-muted)}
.elegir .pulgada:hover{background:var(--color-primary);color:var(--color-on-primary)}
.elegir .pulgada:hover span{color:var(--color-on-primary)}
.elegir__mas{display:inline-flex;align-items:center;min-height:44px;margin-top:.5rem;font:800 var(--t-small) var(--f-tit)}
.titulo-cota{margin-bottom:2rem;max-width:52rem}
.titulo-cota h2{margin-bottom:.35rem}
.cota{display:block;width:min(100%,180px);height:12px;color:var(--color-brand-orange)}
.titulo-cota .entradilla{margin-top:.8rem;color:var(--color-muted)}
.titulo-cota--centro{text-align:center;margin-inline:auto}
.titulo-cota--centro .cota,.titulo-cota--centro p{margin-inline:auto}
.banda-oscura .titulo-cota h2{color:#fff}
.pulgadas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,4.75rem),1fr));gap:8px}
@media (width >= 40rem){.pulgadas{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:10px}}
.pulgada{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;padding:10px 6px;border-radius:var(--rounded-md);background:#fff;text-decoration:none;color:var(--color-on-surface);transition:background-color .18s,color .18s,transform .18s var(--ease)}
.pulgada b{font:800 clamp(1.375rem,1.2rem + .6vw,1.5rem)/1 var(--f-tit)}
.pulgada span{font-size:.8125rem;color:var(--color-muted);white-space:nowrap}
.pulgada:hover{background:var(--color-primary);color:var(--color-on-primary);transform:translateY(-3px)}
.pulgada:hover span{color:var(--color-on-primary)}
.pulgada[aria-current="page"]{background:var(--color-secondary);color:#fff}
.pulgada[aria-current="page"] span{color:var(--color-on-secondary-muted)}
.pulgadas--compacto{grid-template-columns:repeat(auto-fill,minmax(min(100%,4.25rem),1fr))}
.pulgadas--compacto .pulgada{min-height:56px}
.pulgadas--compacto .pulgada b{font-size:1.125rem}
.pulgadas-mas{margin-top:14px}
.pulgadas-mas summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font:800 var(--t-small) var(--f-tit);color:var(--color-link)}
.pulgadas-mas .pulgadas{margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,4.5rem),1fr))}
.pulgadas-mas .pulgada{min-height:60px}
.pulgadas-mas .pulgada b{font-size:1.25rem}
.seccion--blanca .pulgada{background:var(--color-neutral)}
.rejilla{display:grid;gap:clamp(16px,2vw,28px);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,16rem)),1fr))}
.rejilla>*{min-width:0}
.tarjeta{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);background:#fff;border-radius:var(--rounded-md);overflow:hidden;position:relative;transition:transform .2s var(--ease),background-color .2s}
.seccion--blanca .tarjeta{background:var(--color-neutral)}
.tarjeta:hover{transform:translateY(-3px)}
.tarjeta{min-height:9.5rem}
.tarjeta__foto{background:var(--color-photo);min-width:0;overflow:hidden;position:relative}
.tarjeta>.tarjeta__foto img{position:absolute;inset:0}
.tarjeta__foto img{width:100%;height:100%;object-fit:contain;transition:transform .35s var(--ease)}
.tarjeta:hover .tarjeta__foto img{transform:scale(1.05)}
.tarjeta__cuerpo{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.tarjeta__cuerpo h3{margin:0;font-size:1.1875rem}
.tarjeta__cuerpo h3 a{color:var(--color-on-surface);text-decoration:none;display:flex;align-items:center;min-height:44px}
.tarjeta__cuerpo h3 a::after{content:"";position:absolute;inset:0}
.tarjeta__cuerpo p{margin:0;color:var(--color-muted);font-size:var(--t-small)}
.tarjeta__mas{margin-top:4px;font:800 var(--t-small) var(--f-tit);color:var(--color-link)}
.chips{display:none}
@media (width >= 40rem){.rejilla--tipos{grid-template-columns:repeat(2,minmax(0,1fr))}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.chips li{font-size:.8125rem;line-height:1.2;padding:4px 8px;border-radius:var(--rounded-sm);background:var(--color-neutral)}.seccion--blanca .chips li{background:#fff}}
.galeria figure{margin:0;background:#fff;border-radius:var(--rounded-md);overflow:hidden}
.seccion--blanca .galeria figure{background:var(--color-neutral)}
.galeria .tarjeta__foto{aspect-ratio:1/1;min-height:0}
.galeria figcaption{padding:12px 14px;font:800 var(--t-small) var(--f-tit)}
.galeria figcaption a{color:var(--color-on-surface);text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.galeria figcaption a:hover{color:var(--color-link)}
@media (width >= 60rem){
.galeria{grid-template-columns:repeat(4,minmax(0,1fr))}
.galeria>figure:first-child{grid-column:span 2;grid-row:span 2}
.galeria>figure:first-child .tarjeta__foto{aspect-ratio:auto;height:calc(100% - 68px)}
}
.ficha{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.ficha>*{min-width:0}
@media (width >= 60rem){.ficha{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabla{width:100%;border-collapse:collapse;background:#fff}
.tabla th,.tabla td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}
.tabla tr:last-child th,.tabla tr:last-child td{border-bottom:0}
.tabla th{width:44%;font:800 var(--t-small)/1.35 var(--f-tit);color:var(--color-muted)}
.tabla td b{font:800 1.1875rem var(--f-tit);color:var(--color-on-surface)}
.tabla--lista th{width:auto}
.tabla--lista thead th{background:var(--color-secondary);color:#fff;font-size:var(--t-small)}
.tabla--lista td a{font-weight:700}
.seccion--blanca .tabla{background:var(--color-neutral)}
.dibujo{margin:0;background:var(--color-secondary);border-radius:var(--rounded-md);padding:clamp(16px,3vw,28px);color:#fff}
.dibujo svg{width:100%;height:auto}
.dibujo figcaption{margin-top:10px;font-size:var(--t-small);color:var(--color-on-secondary-muted)}
.dibujo text{font-family:var(--f-tit);font-weight:800}
.dibujo .diagonal{stroke-dasharray:420;stroke-dashoffset:0}
.js .dibujo.va-a-entrar .diagonal{stroke-dashoffset:420}
.js .dibujo.entro .diagonal{transition:stroke-dashoffset 1.1s var(--ease) .2s;stroke-dashoffset:0}
.prosa{max-width:72ch}
.contenedor.prosa{max-width:none}
@media (width >= 60rem){
.contenedor.prosa>*:not(.tabla-scroll):not(.pasos):not(.galeria):not(.rejilla):not(.tipos-tv){max-width:72ch}
.contenedor.prosa:has(> .titulo-cota:first-child){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);column-gap:64px;align-items:start}
.contenedor.prosa:has(> .titulo-cota:first-child)>.titulo-cota h2{font-size:clamp(1.5rem,1rem + 1vw,2rem)}
.contenedor.prosa:has(> .titulo-cota:first-child)>*{grid-column:2}
.contenedor.prosa:has(> .titulo-cota:first-child)>.titulo-cota{grid-column:1;grid-row:1 / span 40;position:sticky;top:110px;margin-bottom:0}
}
.prosa:has(.tabla-scroll){max-width:none}
.prosa h2{margin-top:5rem}
.prosa>h2:first-child{margin-top:0}
.prosa h3{margin-top:1.4em}
.prosa ul,.prosa ol{padding-left:1.25em;margin:0 0 1em}
.prosa li{margin-bottom:.35em}
.dos-col{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.dos-col>*{min-width:0}
.dos-col img{border-radius:var(--rounded-md);width:100%}
@media (width >= 60rem){.dos-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.dos-col--invertida>:first-child{order:2}}
.aviso{background:var(--color-tint);border-radius:var(--rounded-md);padding:16px 18px;border-left:5px solid var(--color-brand-orange)}
.aviso p{margin:0;color:var(--color-on-surface)}
.aviso strong{color:var(--color-link)}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));counter-reset:paso}
.pasos li{background:#fff;border-radius:var(--rounded-md);padding:20px;position:relative;min-width:0;border-top:5px solid var(--color-brand-orange)}
.seccion--blanca .pasos li{background:var(--color-neutral)}
.pasos h3{font-size:var(--t-lead);margin-bottom:.3em}
.pasos p{margin:0;font-size:var(--t-small);color:var(--color-muted)}
.tipos-tv{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.tipos-tv>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 32px;padding:20px 0;min-width:0;border-top:5px solid var(--color-on-surface)}
.tipos-tv>div:first-child{border-top-color:var(--color-brand-orange)}
.tipos-tv h3{font-size:var(--t-h3);margin:0}
.tipos-tv p{margin:0}
@media (width >= 48rem){.tipos-tv>div{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}}
.distritos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:0 24px}
.distritos li{min-height:44px;display:flex;align-items:center;font-size:var(--t-body)}
.distritos a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.checks-lista{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:8px}
.checks-lista li{padding-left:30px;position:relative}
.checks-lista li::before{content:"";position:absolute;left:4px;top:.45em;width:13px;height:7px;border-left:3px solid var(--color-brand-orange);border-bottom:3px solid var(--color-brand-orange);transform:rotate(-45deg)}
.heroe .checks-lista li{color:#fff}
.franja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:20px 32px}
.franja li{display:grid;gap:4px;padding-left:16px;border-left:5px solid var(--color-brand-orange);min-width:0}
.franja b{font:800 var(--t-lead)/1.2 var(--f-tit)}
.franja span{color:var(--color-muted);font-size:var(--t-small)}
.faq-col{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (width >= 60rem){.faq-col{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.faq-col>:first-child{position:sticky;top:110px}}
.faq{display:grid;gap:8px}
.faq details{background:#fff;border-radius:var(--rounded-md)}
.seccion--blanca .faq details{background:var(--color-neutral)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;min-height:56px;font:800 var(--t-body)/1.35 var(--f-tit)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:800 1.5rem/1 var(--f-tit);color:var(--color-link);flex:none;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 18px 18px}
.faq details>div p:last-child{margin-bottom:0}
.banda-oscura{background:var(--color-secondary);color:#fff}
.banda-oscura h2,.banda-oscura h3{color:#fff}
.banda-oscura p{color:var(--color-on-secondary-muted)}
.banda-oscura a:not(.btn){color:var(--color-link-on-dark)}
.cierre{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.cierre>*{min-width:0}
@media (width >= 60rem){.cierre{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:12px}
.cifras>div{background:var(--color-secondary-2);border-radius:var(--rounded-md);padding:16px}
.cifras b{display:block;font:800 1.625rem/1.1 var(--f-tit);color:var(--color-brand-orange)}
.cifras span{color:var(--color-on-secondary-muted);font-size:var(--t-small)}
.form{background:#fff;color:var(--color-on-surface);border-radius:var(--rounded-md);padding:clamp(20px,3vw,32px);display:grid;gap:14px}
.banda-oscura .form p{color:var(--color-muted)}
.banda-oscura .form a:not(.btn){color:var(--color-link)}
.banda-oscura .form h2{color:var(--color-on-surface)}
.form__fila{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (width >= 40rem){.form__fila{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.campo{display:grid;gap:6px;min-width:0}
fieldset.campo{border:0;padding:0;margin:0}
.campo legend{font:800 var(--t-small) var(--f-tit);margin-bottom:6px;padding:0}
.campo label{font:800 var(--t-small) var(--f-tit)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:12px;border:1px solid #8A8A8A;border-radius:var(--rounded-sm);font:400 1rem var(--f-txt);color:var(--color-on-surface);background:#fff}
.campo textarea{min-height:120px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:3px solid var(--color-primary);outline-offset:1px;border-color:var(--color-on-surface)}
.form h2{font-size:var(--t-lead);margin:.6em 0 0}
.casilla{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-small)}
.casilla input{width:24px;height:24px;flex:none;margin-top:2px;accent-color:var(--color-link)}
.trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%}
@media (width >= 40rem){.form .btn{width:auto;justify-self:start}}
.pie{background:var(--color-secondary);color:var(--color-on-secondary-muted);padding-block:56px 24px;font-size:var(--t-body)}
.pie a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:2.75rem}
.pie a:hover{color:var(--color-link-on-dark)}
.pie__rejilla{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}
@media (width >= 75rem){.pie__rejilla{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}}
.pie__rejilla>*{min-width:0}
.pie h2{color:#fff;font-size:var(--t-lead);margin-bottom:.8em}
.pie ul{list-style:none;margin:0;padding:0}
.pie .logo{color:#fff}
.pie .logo__texto small{color:var(--color-link-on-dark)}
.pie__desc{margin-top:14px}
.pie__h2-sep{margin-top:20px}
.pie__marca{font:800 clamp(2.25rem,1rem + 5vw,4.75rem)/1 var(--f-tit);letter-spacing:-.04em;color:#fff;margin:40px 0 0}
.pie__marca span{color:var(--color-brand-orange)}
.pie__legal{margin-top:24px;padding-top:18px;font-size:var(--t-small);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.pie__legal a{min-height:44px}
.libro{display:inline-flex;align-items:center;gap:10px;background:var(--color-secondary-2);border-radius:var(--rounded-md);padding:8px 12px;margin-top:8px}
.libro svg{width:28px;height:28px}
.wa-flotante{position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:var(--z-flotante);width:60px;height:60px;border-radius:50%;background:var(--color-whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;transition:transform .2s var(--ease)}
.wa-flotante svg{width:30px;height:30px}
.wa-flotante:hover{background:#0f6132;color:#fff;transform:scale(1.06)}
@media (width >= 60rem){.wa-flotante{bottom:24px;right:24px;width:64px;height:64px}}
.barra-movil{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);background:var(--color-secondary);padding-bottom:env(safe-area-inset-bottom)}
.barra-movil a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;color:#fff;text-decoration:none;font:800 var(--t-body) var(--f-tit)}
.barra-movil svg{width:20px;height:20px;color:var(--color-brand-orange)}
@media (width >= 60rem){.barra-movil{display:none}}
.vecinos{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:20px}
.vecinos a{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:8px 16px;border-radius:var(--rounded-md);background:#fff;text-decoration:none;font:800 var(--t-small) var(--f-tit);color:var(--color-on-surface)}
.vecinos a:hover{background:var(--color-primary)}
.centrado{text-align:center}
.centrado p{margin-inline:auto}
.centrado .acciones{justify-content:center}
.js .va-a-entrar{opacity:0;transform:translateY(24px)}
.js .entro{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--retraso,0ms)}
@keyframes acercar{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes subir{from{transform:translateY(18px)}to{transform:none}}
@keyframes aparecer{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.heroe__texto>h1{animation:subir .7s var(--ease) both}
.heroe__texto>*:not(h1){animation:aparecer .7s var(--ease) both}
.heroe__texto>*:nth-child(2){animation-delay:.08s}
.heroe__texto>*:nth-child(3){animation-delay:.16s}
.heroe__texto>*:nth-child(4){animation-delay:.24s}
.heroe__texto>*:nth-child(n+5){animation-delay:.32s}
.wa-flotante{animation:aparecer .6s var(--ease) .6s both}
.heroe--portada .heroe__foto img{animation:acercar 1.6s var(--ease) both}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
.js .va-a-entrar{opacity:1;transform:none}
}