:root{--marino:#13284B;--noche:#0A1730;--naranja:#FF6A13;--naranja-t:#B84403;--niebla:#EEF2F7;--linea:#D5DDE8;--tinta:#1B2A41;--gris:#55647A;--claro:#C8D3E3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--tinta);font:17px/1.6 Geist,system-ui,-apple-system,"Segoe UI",sans-serif}
img{display:block;max-width:100%;height:auto}a{color:inherit}
h1,h2,h3,legend{font-family:Archivo,system-ui,sans-serif;font-stretch:88%;line-height:1.04;margin:0;letter-spacing:-.01em}
h1{font-weight:900}h2{font-size:clamp(32px,4.2vw,52px);font-weight:800;max-width:20ch}h3{font-size:22px;font-weight:700;line-height:1.15}
:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}
.c{max-width:1240px;margin:0 auto;padding:0 32px}
.saltar{position:absolute;left:-9999px}.saltar:focus{left:12px;top:12px;z-index:30;background:#fff;padding:8px}
.btn{display:inline-block;background:var(--naranja);color:#160C05;font:700 17px Archivo,sans-serif;padding:14px 22px;border-radius:5px;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:#FF8237}
.logo{display:inline-flex;flex-direction:column;text-decoration:none;color:#fff;line-height:1}
.logo span{font:900 30px/1 Archivo,sans-serif;letter-spacing:-.03em}.logo i{font-style:normal;color:var(--naranja)}
.logo small{font:500 11px/1 Geist,sans-serif;color:var(--claro);margin-top:4px}
.top{background:var(--noche);color:#fff;position:sticky;top:0;z-index:20}
.top-i{display:flex;align-items:center;gap:24px;min-height:74px}
.nav{display:none}
.menu-d{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:15px}
.menu-d>a,.nav nav>a{text-decoration:none;font-weight:500}.menu-d>a:hover,.menu-d>a[aria-current],.nav nav>a[aria-current]{color:var(--naranja)}
.langs{display:grid;grid-template-columns:repeat(5,auto);gap:0 6px;font-size:12px;line-height:1.35}.langs a{text-decoration:none;color:var(--claro)}.langs a[aria-current]{color:#fff;font-weight:600;text-decoration:underline}
.tel{font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.top .btn{padding:10px 15px;font-size:15px;white-space:nowrap}
.hero{position:relative;color:#fff;background:var(--marino);overflow:hidden}
.hero-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.hero-g{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;padding-top:80px;padding-bottom:80px;align-items:center}
.hero h1{font-size:clamp(44px,6.2vw,88px);line-height:.98}
.hero p{font-size:20px;max-width:32em;color:#E6ECF5;margin:24px 0 28px}
.cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.ghost{color:#fff;font-weight:600;text-underline-offset:4px}
.pista{background:rgba(10,23,48,.94);border-radius:8px;padding:26px}
.pista label{display:block;font:700 19px Archivo,sans-serif}.pista output{color:var(--naranja)}
.pista input{width:100%;margin:14px 0 18px;accent-color:var(--naranja);height:28px}
.camas{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:20px}
.camas span{aspect-ratio:3/2;background:#223A62;border-radius:2px;transition:background .18s}.camas span.on{background:var(--naranja)}
.total{font:900 clamp(30px,3.4vw,44px)/1.05 Archivo,sans-serif}
.nota{font-size:14px;color:#AFBDD2;margin:10px 0 0}
.datos{background:var(--naranja);color:#160C05}
.datos ul{list-style:none;margin:0 auto;padding-top:24px;padding-bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font-size:16px}
.datos b{display:block;font:900 38px/1.05 Archivo,sans-serif}
.s{padding:88px 0}.gris{background:var(--niebla)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.lead{font-size:20px;margin:20px 0}
.puertas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.puertas a{display:block;text-decoration:none;background:var(--marino);color:#fff;padding:28px;border-radius:6px;border-bottom:6px solid var(--naranja)}
.puertas a:hover{background:var(--noche)}
.pn{font:900 40px/1 Archivo,sans-serif;color:var(--naranja);display:block;margin-bottom:14px}
.puertas p{margin:10px 0 0;color:#DCE4F0;font-size:16px}
.grupos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:36px}
.grupo{position:relative;display:block;min-height:280px;overflow:hidden;color:#fff;text-decoration:none;background:var(--marino)}
.grupo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grupo span{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;background:linear-gradient(transparent,rgba(10,23,48,.94));display:flex;gap:10px;align-items:center;font:700 22px Archivo,sans-serif}
.grupo b{font-weight:700}.mas{margin:24px 0 0;font-weight:600}
.comp{width:100%;border-collapse:collapse;font-size:16px;background:#fff}
.comp th,.comp td{text-align:left;padding:13px;border-bottom:1px solid var(--linea);vertical-align:top}.comp th{font:700 16px Archivo,sans-serif}
.tw{overflow-x:auto}
.pasos{list-style:none;counter-reset:p;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.pasos li{counter-increment:p;border-top:4px solid var(--marino);padding-top:14px}
.pasos li:before{content:counter(p);font:900 38px Archivo,sans-serif;color:var(--naranja-t);display:block}
.pasos p{margin:8px 0 0;color:var(--gris);font-size:16px}
.sock{background:var(--marino);color:#fff;padding:72px 0}.sock .lead{color:#DCE4F0}
.hueco{background:repeating-linear-gradient(135deg,var(--niebla),var(--niebla) 12px,#E2E8F1 12px,#E2E8F1 24px);color:var(--gris);min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;margin:0 0 32px;border-radius:6px;font-size:15px}
.oscuro-h{margin:0;min-height:260px}
.lista-l{list-style:none;padding:0;margin:24px 0 0}.lista-l li{border-top:1px solid var(--linea)}.lista-l a{display:block;padding:13px 0;font-weight:600;text-decoration:none}.lista-l a:hover{color:var(--naranja-t)}
details{border-top:1px solid var(--linea);padding:15px 0}summary{font:700 19px Archivo,sans-serif;cursor:pointer}details p{margin:10px 0 0;max-width:62ch}
.oscuro{background:var(--noche);color:#fff}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:15px;display:block}
.form input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #6E7F99;border-radius:5px;font:inherit;background:#fff;color:var(--tinta)}
.form .ancho{grid-column:1/-1}.acepto{display:flex!important;gap:8px;align-items:flex-start}.form .acepto input{width:auto;margin:4px 0 0}
.trampa{position:absolute;left:-9999px}.estado{margin:0;font-weight:500}
.pie{background:var(--noche);color:#A9B8C7;padding:56px 0 28px;font-size:14px;border-top:4px solid var(--naranja)}
.pie a{text-decoration:none}.pie a:hover{color:#fff}
.pie-g{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:32px}
.pie h2{font:700 16px Archivo,sans-serif;color:#fff;margin-bottom:10px}
.pie ul{list-style:none;margin:0;padding:0}.pie li{margin:7px 0}
.pie-m p{margin:14px 0 0;max-width:36ch}.pie address{font-style:normal;margin-top:12px;line-height:1.6}.pie b{color:#fff;font-weight:500}
.pie-l{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:36px;padding-top:18px;border-top:1px solid #29406A}.pie-l nav{display:flex;gap:16px}
.barra{display:none}
.migas{font-size:14px;color:var(--claro);padding-top:24px}
.prod{background:var(--marino);color:#fff;padding-bottom:60px}
.prod h1{font-size:clamp(38px,5vw,68px);margin-top:18px;max-width:19ch}.prod .lead{color:#DCE4F0;max-width:38em}
.resp{background:#fff;color:var(--tinta);padding:22px;margin-top:24px;border-left:6px solid var(--naranja);max-width:820px}.resp p{margin:0}
.cuerpo{padding-top:56px;padding-bottom:72px;max-width:940px}.cuerpo section{margin-bottom:48px}
.cuerpo h2{font-size:clamp(26px,3vw,36px);max-width:none;margin-bottom:16px}.cuerpo ul{padding-left:20px}.cuerpo li{margin:6px 0}.cuerpo ul.cols{columns:2;column-gap:32px}
.h-ico{display:flex;gap:12px;align-items:center}.ico{flex:none;color:var(--naranja)}
.foto{width:100%;max-height:440px;object-fit:cover;margin-bottom:40px;border-radius:6px}
.pendiente{background:#FFF3C4;color:#4A3B00;padding:12px 16px;border-radius:5px;font-size:15px;margin:0 0 32px}
.atr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.atr h3{font-size:19px}.atr p{margin:6px 0 0;font-size:15px;color:var(--gris)}
.hijos a{display:block;text-decoration:none;padding:18px;background:var(--niebla);border-radius:6px;border-left:4px solid var(--naranja)}.hijos a:hover{background:#E2E8F1}
.fichas{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px}.fichas .hueco{margin-bottom:12px}.fichas p{margin:6px 0 0;color:var(--gris);font-size:15px}
.conf-g{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
.paso{margin-bottom:40px}.paso h2{font-size:32px;margin-bottom:16px;max-width:none}.paso>label{display:block;font-weight:500;margin:14px 0 6px}.paso output{color:var(--naranja-t);font-weight:700}
.paso input[type=range]{width:100%;accent-color:var(--naranja);height:28px}.paso select{width:100%;padding:12px;border:1px solid #6E7F99;border-radius:5px;font:inherit;background:#fff}
fieldset{border:0;padding:0;margin:0 0 24px}legend{font-size:20px;font-weight:700;margin-bottom:8px;padding:0;display:flex;gap:10px;align-items:center}
.op{display:flex;gap:12px;padding:12px;border:1px solid var(--linea);border-radius:6px;margin-bottom:8px;cursor:pointer;background:#fff}.op:has(input:checked){border-color:var(--naranja);background:#FFF4EC}
.op input{margin-top:5px;accent-color:var(--naranja);width:18px;height:18px;flex:none}.op span{font-size:15px;color:var(--gris)}.op b{display:block;font-weight:600;color:var(--tinta);font-size:16px}
.res{position:sticky;top:90px;background:var(--noche);color:#fff;padding:26px;border-radius:8px}.res h2{font-size:22px;margin-bottom:12px;max-width:none}.res ul{padding-left:18px;font-size:15px;max-height:220px;overflow:auto}.res .btn{margin:10px 0 4px;text-align:center;display:block}
.herr{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:32px}.herr-c label{display:block;font-weight:500;margin-bottom:14px;font-size:15px}.herr-c input{display:block;width:100%;padding:12px;margin-top:4px;border:1px solid #6E7F99;border-radius:5px;font:inherit}
.herr-r{background:var(--noche);color:#fff;padding:24px;border-radius:8px}.herr-r p{margin:0 0 16px}.herr-r span{display:block;font-size:14px;color:var(--claro)}.herr-r b{font:900 30px/1.1 Archivo,sans-serif}.herr-r small{color:#AFBDD2;display:block}
@media(max-width:1180px){.tel{display:none}.menu-d{gap:14px;font-size:14px}}
@media(max-width:940px){.c{padding:0 16px}
.top-i{min-height:64px;gap:12px}.top .btn,.menu-d{display:none}
.nav{display:block;margin-left:auto}.nav summary{display:block;list-style:none;cursor:pointer;width:44px;height:44px;padding:13px 10px}.nav summary::-webkit-details-marker{display:none}.nav summary span{display:block;height:2px;background:#fff;margin-bottom:6px}
.nav nav{display:flex;position:fixed;left:0;right:0;top:64px;bottom:0;background:var(--noche);flex-direction:column;align-items:flex-start;padding:24px 16px;gap:18px;font-size:22px;overflow:auto;margin:0}.langs{font-size:17px;gap:14px;margin-top:12px;display:flex;flex-wrap:wrap}
.hero-g,.dos,.conf-g,.herr{grid-template-columns:1fr;gap:32px}.hero-g{padding-top:48px;padding-bottom:48px}.datos ul,.pie-g,.pasos{grid-template-columns:1fr 1fr}.pie-m{grid-column:1/-1}.puertas,.grupos{grid-template-columns:1fr}.atr{grid-template-columns:1fr 1fr}.s{padding:56px 0}.res{position:static}.cuerpo ul.cols{columns:1}
.barra{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--noche);border-top:1px solid #29406A}.barra a{color:#fff;text-align:center;padding:14px 4px;text-decoration:none;font-weight:600;font-size:15px}.barra a:last-child{background:var(--naranja);color:#160C05}.pie{padding-bottom:84px}}
@media(max-width:560px){.form,.atr,.fichas,.pasos{grid-template-columns:1fr}.comp{font-size:15px}.comp th,.comp td{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.camas span{transition:none}}