@font-face{font-family:Figtree;src:url(/static/portada/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
.portada{--e:0;--t:0;--baja:66px;position:relative;background:#000;color:#fff;font-family:Figtree,system-ui,sans-serif;overflow-x:clip}
.portada canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block}
.portada.sin-gl{background:radial-gradient(60vmin 60vmin at 50% 45%,#1c3f66,#05070f 72%)}
.p-nav{position:fixed;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,5vw,72px)}
.p-marca{text-shadow:0 1px 12px rgba(0,0,0,.6);display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600;letter-spacing:-.01em}.p-marca img{width:24px;height:24px}
.p-vidrio{appearance:none;font:inherit;font-size:15px;font-weight:500;color:#fff;padding:9px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(10,14,24,.3);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);cursor:pointer;transition:background .25s}
.p-vidrio:hover{background:rgba(255,255,255,.2)}
.p-boton{appearance:none;font:inherit;font-size:16px;font-weight:500;color:#0b0d14;background:#fff;border:0;border-radius:999px;padding:14px 26px;cursor:pointer;transition:transform .25s,box-shadow .25s}
.p-boton:hover{transform:translateY(-1px);box-shadow:0 10px 34px rgba(255,255,255,.28)}
.p-vidrio:focus-visible,.p-boton:focus-visible,.p-cerrar:focus-visible{outline:2px solid #fff;outline-offset:3px}
.p-heroe{position:relative;z-index:1;height:320vh}
.p-fijo{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 16px}
.p-fijo h1{margin:0;font-size:clamp(34px,7.2vmin,76px);font-weight:500;letter-spacing:-.045em;line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 30px rgba(0,0,0,.7);transform:translateY(calc((1 - var(--t))*var(--baja)))}
.p-lema{margin:16px 0 26px;max-width:640px;font-size:clamp(18px,1.9vw,24px);letter-spacing:-.01em;text-shadow:0 1px 18px rgba(0,0,0,.8)}
.p-lema,.p-fijo .p-boton{opacity:var(--t);transform:translateY(calc((1 - var(--t))*18px));pointer-events:none}
.portada[data-listo="1"] .p-fijo .p-boton{pointer-events:auto}
.p-baja{position:absolute;bottom:26px;left:50%;translate:-50% 0;font-size:13px;color:rgba(255,255,255,.72);opacity:calc(1 - var(--e)*4)}
.p-seccion{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:16vh clamp(16px,5vw,40px) 0}
.p-seccion h2{margin:0 0 14px;max-width:760px;font-size:clamp(34px,4.6vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.05;color:#fff}
.p-seccion>p{margin:0 0 42px;max-width:620px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:rgba(255,255,255,.86)}
.p-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.p-tarjeta{padding:26px;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 50px rgba(0,0,0,.28)}
.p-tarjeta h3{margin:0 0 8px;font-size:21px;font-weight:600;letter-spacing:-.015em;color:#fff}.p-tarjeta p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.84)}
.p-cierre{position:relative;z-index:1;min-height:92vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 16px}
.p-cierre h2{margin:0 0 24px;font-size:clamp(38px,6vw,84px);font-weight:500;letter-spacing:-.04em;line-height:1.03;color:#fff}
.p-creditos{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 clamp(16px,5vw,40px) 26px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.66)}.p-creditos a{color:inherit}
.p-legal{margin:0 0 8px;font-size:13px;color:rgba(255,255,255,.82)}.p-legal a{color:#fff;font-weight:600}.p-modal .p-legal{margin:18px 0 0;text-align:center;font-size:12px}
.p-modal{width:min(420px,calc(100vw - 32px));padding:30px;border-radius:28px;border:1px solid rgba(255,255,255,.22);color:#fff;font-family:Figtree,system-ui,sans-serif;background:linear-gradient(150deg,rgba(38,44,60,.58),rgba(10,14,24,.62));backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 30px 80px rgba(0,0,0,.5)}
.p-modal[open]{animation:p-entra .45s cubic-bezier(.2,.8,.2,1)}.p-modal::backdrop{background:rgba(0,0,0,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
@keyframes p-entra{from{opacity:0;transform:translateY(14px) scale(.97)}}
.p-modal h2{margin:0 0 20px;font-size:28px;font-weight:500;letter-spacing:-.025em;color:#fff}.p-modal form{display:grid;gap:14px}
.p-modal label{display:block;margin-bottom:6px;font-size:14px;color:rgba(255,255,255,.86)}
.p-modal input,.p-modal select{box-sizing:border-box;width:100%;padding:13px 15px;font:inherit;font-size:16px;color:#fff;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.3)}
.p-modal option{color:#fff;background:#141A2A}.p-acceso{display:grid;gap:14px}.p-acceso[hidden]{display:none}
.p-modal input:focus,.p-modal select:focus{outline:2px solid #fff;outline-offset:1px}.p-modal .p-boton{width:100%;margin-top:4px}.p-modal .p-boton:disabled{opacity:.6;cursor:wait}
.p-cerrar{position:absolute;top:16px;right:16px;width:36px;height:36px;font-size:20px;line-height:1;color:#fff;background:rgba(255,255,255,.1);border:0;border-radius:50%;cursor:pointer}
.portada.saliendo{opacity:0;transition:opacity .4s}
@media(max-width:720px){.portada{--baja:84px}.p-fijo h1{font-size:9.4vw}.p-rejilla{grid-template-columns:1fr}.p-heroe{height:280vh}}
@media(prefers-reduced-motion:reduce){.p-modal[open]{animation:none}.portada.saliendo{transition:none}}