:root{--fondo:#03050b;--tinta:#EEF3FB;--gris:#A3AFC4;--linea:rgba(214,226,245,.12);--linea2:rgba(214,226,245,.22);--azul:#5B9BFF;--azul2:#8FBBFF;--cian:#38E1FF;--plata:#D7E2F2;--vidrio:rgba(9,14,28,.58);--gut:clamp(20px,5.5vw,80px);--nav:72px;--f:"Geist",ui-sans-serif,system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"Geist Mono",ui-monospace,monospace;--ease:cubic-bezier(.23,1,.32,1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--tinta);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit}img{display:block}.wrap{width:min(100% - 2*var(--gut),1280px);margin-inline:auto;position:relative}#cursor-fx{position:fixed;inset:0;pointer-events:none;z-index:60}.lienzo{position:fixed;inset:0;z-index:0}.lienzo canvas{display:block}.lienzo--quieto{background:radial-gradient(70% 60% at 70% 40%,rgba(91,155,255,.18),transparent 70%),radial-gradient(50% 40% at 20% 90%,rgba(56,225,255,.08),transparent 70%),var(--fondo)}main,.pie{position:relative;z-index:2}.barra{position:fixed;inset:0 0 auto;height:var(--nav);z-index:30;transition:background-color .3s var(--ease),border-color .3s var(--ease);border-bottom:1px solid transparent}.bajo .barra{background:#03050bb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--linea)}.barra__fila{height:100%;display:flex;align-items:center;gap:32px}.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;background:var(--azul);color:#020611;padding:8px 12px;border-radius:8px}.marca{font:600 13px/1 var(--f);letter-spacing:.22em;text-decoration:none;white-space:nowrap;display:inline-flex;gap:.55em}.marca span{color:var(--azul2)}.barra__links{display:flex;gap:28px;margin-left:auto}.barra__links a{font-size:15px;font-weight:500;color:var(--gris);text-decoration:none;transition:color .2s var(--ease)}.barra__links a:hover{color:var(--tinta)}.barra__menu{display:none}.hoja{position:fixed;inset:var(--nav) 0 0;background:#03050bf5;backdrop-filter:blur(14px);padding:8px var(--gut);display:flex;flex-direction:column}.hoja a{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--linea);text-decoration:none;font-size:18px;font-weight:500}@media(max-width:1023px){.barra__links{display:none}.barra__cta{margin-left:auto}.barra__menu{display:grid;place-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--linea2);border-radius:12px;background:#03050b66;cursor:pointer}.barra__menu span{display:block;width:18px;height:1.6px;background:var(--tinta);transition:transform .2s var(--ease)}.barra__menu[aria-expanded=true] span:first-child{transform:translateY(3.8px) rotate(45deg)}.barra__menu[aria-expanded=true] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}}@media(max-width:639px){:root{--nav:60px}.barra .barra__cta{display:none}.barra__menu{margin-left:auto}.marca{font-size:11px;letter-spacing:.18em}}.btn{height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font:500 16px/1 var(--f);text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:transform .16s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .3s var(--ease)}.btn--pri{background:var(--azul);color:#020611;box-shadow:0 0 #5b9bff00}.btn--sec{background:#090e1c73;color:var(--tinta);border-color:var(--linea2);backdrop-filter:blur(8px)}.btn--xl{height:56px;padding:0 32px;font-size:18px}.btn:active{transform:scale(.97)}.flecha{width:16px;height:16px;transition:transform .2s var(--ease)}@media(hover:hover)and (pointer:fine){.btn--pri:hover{background:#79aeff;transform:translateY(-1px);box-shadow:0 8px 32px -8px #5b9bffb3}.btn--sec:hover{border-color:var(--plata);transform:translateY(-1px)}.btn:hover .flecha{transform:translate(3px)}.btn:active{transform:scale(.97)}}a:focus-visible,button:focus-visible{outline:2px solid var(--azul);outline-offset:3px}.sec{min-height:100svh;padding:calc(var(--nav) + 64px) 0 72px;display:flex;align-items:center}.sec>.wrap{width:min(100% - 2*var(--gut),1280px)}h1{font-size:clamp(38px,3.6vw + 10px,68px);line-height:1.02;font-weight:600;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(30px,1.9vw + 14px,46px);line-height:1.08;font-weight:600;letter-spacing:-.03em;text-wrap:balance}h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.serif{font:italic 400 clamp(22px,1vw + 15px,30px)/1.2 var(--serif);color:var(--azul2);margin-bottom:12px}.lead{font-size:clamp(17px,.4vw + 15px,20px);line-height:1.55;color:var(--tinta);opacity:.86;max-width:46ch}.sobre{font:500 13px/1 var(--mono);color:var(--gris);letter-spacing:.04em;margin-bottom:24px}.botones{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.sec--hero{align-items:flex-end;padding-bottom:96px;background:linear-gradient(90deg,#03050bdb,#03050b8c 38%,#03050b00 62%)}.hero{max-width:600px}.hero h1{margin-bottom:16px}.hero .serif{margin-bottom:20px}.datos{list-style:none;margin:40px 0 0;padding:24px 0 0;border-top:1px solid var(--linea);display:flex;gap:40px}.datos strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em}.datos span{font-size:14px;color:var(--gris)}.bajar{position:absolute;left:50%;bottom:28px;width:24px;height:38px;border:1.5px solid var(--linea2);border-radius:14px;transform:translate(-50%)}.bajar span{position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:var(--azul2);transform:translate(-50%);animation:bajar 2.4s var(--ease) infinite}@keyframes bajar{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}to{opacity:0}}.panel{max-width:540px;padding:40px;border-radius:24px;background:var(--vidrio);border:1px solid var(--linea);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 30px 80px -30px #0009}.panel h2{margin-bottom:28px}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lista li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--linea)}.lista__dot{flex:none;width:8px;height:8px;border-radius:2px;margin-top:8px;box-shadow:0 0 12px currentColor}.lista p{color:var(--gris);font-size:15px;margin-top:2px}.nota{margin-top:20px;font-size:14px;color:var(--gris)}.sec--mapa{min-height:200svh;align-items:stretch}.sec--mapa>.wrap{display:block}.mapa__head{position:sticky;top:calc(var(--nav) + 24px);max-width:520px;padding:24px 28px;border-radius:20px;background:#03050b8c;border:1px solid var(--linea);backdrop-filter:blur(14px)}.mapa__head h2{font-size:clamp(24px,1.2vw + 14px,32px)}.leyenda{list-style:none;margin:16px 0 0;padding:0;display:flex;gap:20px;font-size:13px;color:var(--gris)}.leyenda li{display:flex;align-items:center;gap:8px}.leyenda span{width:8px;height:8px;border-radius:2px}.sec--mapa-quieto{min-height:100svh}.sec--mapa-quieto .mapa__head{position:static}.grilla{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grilla li{padding:16px;border-radius:14px;background:var(--vidrio);border:1px solid var(--linea)}@media(max-width:1023px){.grilla{grid-template-columns:repeat(2,1fr)}}.etq{position:absolute;left:0;top:0;transform:translate3d(-50%,-100%,0);display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;background:#03060eb8;border:1px solid var(--linea2);backdrop-filter:blur(8px);white-space:nowrap;will-change:opacity,transform;transition:opacity .2s linear}.etq__estado{font:500 11px/1 var(--mono);color:var(--gris);display:flex;align-items:center;gap:6px}.etq__estado:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--c,var(--azul))}.etq[data-zona=hoy],[data-zona=hoy]{--c:#5B9BFF}.etq[data-zona=construyendo],[data-zona=construyendo]{--c:#D7E2F2}.etq[data-zona=horizonte],[data-zona=horizonte]{--c:#38E1FF}.etq__t{font:600 14px/1.2 var(--f);color:var(--tinta)}@media(max-width:767px){.etq{padding:6px 8px}.etq__t{font-size:11px}.etq__estado{font-size:9px}}.sec--centro{background:radial-gradient(80% 70% at 50% 50%,#03050bb8,#03050b59)}.sec--centro h2{margin-bottom:40px;max-width:22ch}.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vidrio{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:var(--vidrio);border:1px solid var(--linea);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none;transition:transform .2s var(--ease),border-color .2s var(--ease)}.vidrio p{color:var(--gris)}.num{font:500 13px/1 var(--mono);color:var(--azul2);margin-bottom:28px}@media(hover:hover)and (pointer:fine){a.vidrio:hover{transform:translateY(-3px);border-color:var(--linea2)}}.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.herramientas{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center;opacity:.9}.herramientas img{height:28px;width:auto}.herramientas img.tinta{filter:invert(1)}.sec--cierre{min-height:100svh;background:linear-gradient(180deg,#03050b00,#03050b8c 60%,#03050bcc)}.sec--cierre .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.grande{font-size:clamp(44px,5vw + 10px,96px);line-height:1;letter-spacing:-.04em;margin-bottom:24px}.sec--cierre .lead{margin-inline:auto}.pie{background:#03050beb;border-top:1px solid var(--linea);padding:40px 0 48px}.pie__fila{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.pie nav{display:flex;gap:24px;flex-wrap:wrap}.pie nav a{font-size:14px;color:var(--gris);text-decoration:none}.pie nav a:hover{color:var(--tinta)}.legal{margin-top:24px;font-size:13px;line-height:1.6;color:var(--gris);max-width:110ch}@media(max-width:1023px){.tres,.pasos{grid-template-columns:repeat(2,1fr)}.tres .vidrio:last-child{grid-column:1/-1}}@media(max-width:767px){.sec{padding:calc(var(--nav) + 32px) 0 48px;align-items:flex-end}.sec--hero{background:linear-gradient(0deg,#03050beb,#03050bb3 55%,#03050b00 85%);padding-bottom:72px}.panel{padding:24px;border-radius:20px}.datos{gap:20px}.datos strong{font-size:20px}.datos span{font-size:12px}.botones .btn{flex:1 1 100%}.tres,.pasos{grid-template-columns:1fr}.tres .vidrio:last-child{grid-column:auto}.num{margin-bottom:8px}.vidrio{padding:20px}.sec--mapa{align-items:flex-start}.mapa__head{padding:18px 20px}.bajar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
