:root{--as:#12171B;--as2:#1d252b;--ac:#E9EEF1;--mar:#0B5C8C;--sol:#F2B705;--bl:#fff;--tx:#1b2328;--r:6px;--w:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 1.0625rem/1.65 Barlow,system-ui,sans-serif;color:var(--tx);background:#fff;padding-bottom:56px}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;line-height:1.05;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.6rem,7vw,5rem)}h2{font-size:clamp(1.9rem,4vw,2.8rem)}h3{font-size:1.5rem}
a{color:var(--mar)}:focus-visible{outline:3px solid var(--sol);outline-offset:2px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.cab{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;max-width:none}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.45rem "Barlow Condensed",sans-serif}
.menu{display:flex;align-items:center;gap:26px}.menu a:not(.btn){color:#fff;text-decoration:none;font-weight:600}
.menu a[aria-current]{box-shadow:0 2px 0 var(--sol)}.burger{display:none}
.btn{display:inline-block;padding:.8em 1.4em;border-radius:var(--r);font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;font-family:inherit}
.btn.sol{background:var(--sol);color:var(--as)}.btn.sol:hover{background:#ffc928}
.btn.lin{border-color:#fff;color:#fff;background:transparent}.btn.lin:hover{background:#ffffff22}
.btn.lin2{border-color:var(--as);color:var(--as);background:transparent}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:#12171B url(../img/hero-poster.svg) center/cover}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.hero video.on{opacity:1}
.velo{position:absolute;inset:0;background:linear-gradient(180deg,#12171Bcc 0,#12171B55 40%,#12171Bd9 100%)}
.hc{position:relative;padding-bottom:12vh;padding-top:140px}.hc h1{max-width:13ch}
.kick{margin:0 0 1em;font-weight:600;color:var(--sol)}.sub{max-width:52ch;font-size:1.25rem;margin:0 0 1.6em}
.acc{display:flex;flex-wrap:wrap;gap:12px}
.mini{background:linear-gradient(135deg,var(--mar),var(--as));color:#fff;padding:150px 0 56px}.mini p{max-width:60ch;margin:0;font-size:1.15rem}
.sec{padding:72px 0}.claro{background:var(--ac)}.oscuro{background:var(--as);color:#fff}.oscuro a{color:var(--sol)}
.svcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.svc{display:block;background:var(--as);color:#fff;padding:28px;border-radius:var(--r);text-decoration:none;border-bottom:5px solid var(--sol);transition:transform .2s}
.svc:hover{transform:translateY(-4px)}.svc p{color:#cfd8de;margin:0 0 1em}.svc span{color:var(--sol);font-weight:600}
.split,.dos{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:center}.dos{align-items:start;grid-template-columns:1.6fr 1fr}
.fach{margin:0}.fach img{width:100%;height:auto;border-radius:var(--r);display:block}.fach figcaption{font-size:.9rem;color:#9fb0ba;margin-top:8px}
.datos dt{font-weight:600;color:var(--sol);margin-top:1em}.datos dd{margin:0}
.pq{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.pq h3{border-left:5px solid var(--sol);padding-left:12px}
.banda{background:var(--sol);color:var(--as);padding:56px 0}.banda h2{margin-bottom:.2em}.banda .btn.sol{background:var(--as);color:#fff}.banda .btn.lin{border-color:var(--as);color:var(--as)}
.chk{list-style:none;padding:0}.chk li{padding:8px 0 8px 32px;position:relative;border-bottom:1px solid #dfe5e9}.chk li:before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:3px solid var(--mar);border-bottom:3px solid var(--mar);transform:rotate(-45deg)}
.lado{background:var(--ac);padding:24px;border-radius:var(--r)}
.pasos{padding-left:1.2em;max-width:70ch}.pasos li{margin-bottom:.8em}
details{border-bottom:1px solid #dfe5e9;padding:12px 0}summary{cursor:pointer;font-weight:600}.otros a{margin-right:14px}
form label{display:block;font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:4px;padding:.7em;border:1.5px solid #9aa8b1;border-radius:var(--r);font:inherit}
.ck{font-weight:400}.ck input{display:inline;width:auto;margin-right:8px}.err{color:#b00020;font-weight:600}
.txt{max-width:70ch}
.pie{background:var(--as);color:#cfd8de;padding:48px 0 20px}.pie a{color:#fff}.pie ul{list-style:none;padding:0;margin:.5em 0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.legal{display:flex;justify-content:space-between;margin-top:32px;font-size:.9rem}
.wa{position:fixed;right:16px;bottom:72px;z-index:30;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 14px #0005}
.barra{display:none}
@media(max-width:820px){
.burger{display:block;position:relative;z-index:40;width:44px;height:44px;background:none;border:0;cursor:pointer}
.burger span{position:absolute;left:8px;right:8px;height:2px;background:#fff;transition:.2s}.burger span:first-child{top:16px}.burger span:last-child{top:26px}
.burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;background:#000;flex-direction:column;justify-content:center;gap:28px;font-size:2rem;font-family:"Barlow Condensed",sans-serif;transform:translateY(-100%);visibility:hidden;transition:transform .3s,visibility .3s;z-index:35}
.menu.abierto{transform:none;visibility:visible}.menu a:not(.btn){font-size:2rem;font-weight:400}.menu .btn{font-size:1.2rem}
.split,.dos{grid-template-columns:1fr}.sec{padding:52px 0}.wa{display:none}
.barra{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset:auto 0 0;z-index:30;background:var(--as);padding-bottom:env(safe-area-inset-bottom)}
.barra a{color:#fff;text-align:center;padding:15px 0;font-weight:600;text-decoration:none;border-right:1px solid #ffffff22}.barra a:first-child{background:var(--sol);color:var(--as)}
body{padding-bottom:56px}.legal{flex-direction:column;gap:6px}}
@media(min-width:821px){body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}