@font-face{font-family:"Bricolage";src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--bg:#070b18;--surface:#101a33;--text:#eef2f9;--muted:#b9c3d9;--red:#e0323f;--red-d:#b81726;--gold:#ffc94d;--line:rgb(255 255 255/.13);--r:22px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-text-size-adjust:100%;font-size:112.5%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Atkinson",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Bricolage",system-ui,sans-serif;line-height:1.08;margin:0;letter-spacing:-.02em}
p{margin:0}a{color:var(--gold)}img{max-width:100%}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:.5rem;z-index:100;background:var(--gold);color:#14213d;padding:.75rem 1rem;border-radius:10px;font-weight:700}.skip:focus{left:.75rem}
.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}
section{padding:4.5rem 0}
.eyebrow{display:inline-block;color:var(--gold);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem}
.lead{color:var(--muted);font-size:1.1rem;max-width:46rem;margin-top:1rem}
h2{font-size:clamp(1.9rem,5.2vw,3.1rem);font-weight:800;max-width:22ch}
h3{font-size:1.25rem;font-weight:700}
/* fondo */
.aurora{position:relative;isolation:isolate;overflow:clip}
.aurora::before,.aurora::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}
.aurora::before{width:44rem;height:44rem;left:-14rem;top:-16rem;background:radial-gradient(circle,#d81f2d,transparent 65%);opacity:.5;animation:flota 22s ease-in-out infinite alternate}
.aurora::after{width:36rem;height:36rem;right:-10rem;top:3rem;background:radial-gradient(circle,#ffc94d,transparent 65%);opacity:.24;animation:flota 28s ease-in-out infinite alternate-reverse}
@keyframes flota{to{transform:translate3d(4rem,3rem,0) scale(1.12)}}
/* cabecera */
header.top{position:fixed;inset:.75rem 0 auto;z-index:50;pointer-events:none}
.bar{pointer-events:auto;width:min(1120px,100% - 1.5rem);margin-inline:auto;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem .4rem .9rem;border:1px solid var(--line);border-radius:999px;background:rgb(7 11 24/.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);text-decoration:none;font:800 1.25rem Bricolage,sans-serif;min-height:48px}
.brand i{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.65rem;background:linear-gradient(135deg,#ef3340,#b81726);font-style:normal;color:#fff}
.nav-d{display:none;list-style:none;margin:0 auto 0 1.5rem;padding:0;gap:1.4rem}
.nav-d a,.nav-m a{color:var(--muted);text-decoration:none;font-weight:600}.nav-d a:hover,.nav-m a:hover{color:#fff}
.lang{display:none;gap:.1rem;margin-left:auto}
.lang a{min-width:2.6rem;min-height:2.6rem;display:grid;place-items:center;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.85rem}
.lang a[aria-current]{background:rgb(255 255 255/.14);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.2rem;padding:0 1.5rem;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-red{background:linear-gradient(135deg,#ef3340,var(--red-d));color:#fff;box-shadow:0 14px 34px -12px rgb(239 51 64/.85),inset 0 1px 0 rgb(255 255 255/.3)}
.btn-ghost{background:rgb(255 255 255/.06);border-color:var(--line);color:var(--text)}
.nav-cta{display:none}
.nav-m{position:relative;margin-left:auto}
.nav-m summary{list-style:none;cursor:pointer;min-height:2.8rem;min-width:2.8rem;display:grid;place-items:center;border-radius:999px;font-weight:700}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m ul{position:absolute;right:0;top:3.4rem;list-style:none;margin:0;padding:.6rem;width:15rem;border:1px solid var(--line);border-radius:18px;background:#0b1328;box-shadow:0 24px 60px -20px #000}
.nav-m li a{display:block;padding:.8rem 1rem;border-radius:12px}.nav-m li a:hover{background:rgb(255 255 255/.07)}
@media(min-width:900px){.nav-d{display:flex}.nav-m{display:none}.nav-cta{display:inline-flex;min-height:2.8rem}.lang{display:flex;margin-left:0}}
/* hero */
.hero{padding:8.5rem 0 4rem}
.hero .grid{display:grid;gap:3rem;align-items:center}
.badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:rgb(255 255 255/.06);border-radius:999px;padding:.4rem 1rem;font-weight:700;font-size:.9rem}
.badge::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgb(255 201 77/.2)}
h1{font-size:clamp(2.3rem,7.6vw,4.4rem);font-weight:800;margin:1.1rem 0 1.2rem;max-width:15ch;text-wrap:balance}
h1 em{font-style:normal;color:var(--gold)}
.hero .sub{color:var(--muted);font-size:1.15rem;max-width:36rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:2rem 0 0}
.chips li{border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;background:rgb(255 255 255/.05);font-weight:600;font-size:.9rem;color:var(--muted)}
.note-es{margin-top:1rem;color:var(--muted);font-size:.95rem}
@media(min-width:960px){.hero .grid{grid-template-columns:1.1fr .9fr}}
/* tarjeta ejemplo */
.mock{margin:0;border:1px solid var(--line);border-radius:28px;padding:1.4rem;background:linear-gradient(145deg,rgb(255 255 255/.1),rgb(255 255 255/.02));backdrop-filter:blur(22px);box-shadow:0 30px 80px -30px #000,inset 0 1px 0 rgb(255 255 255/.12);position:relative}
.mock::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--red) 0 25%,var(--gold) 25% 75%,var(--red) 75%)}
.mock .tag{display:inline-block;background:rgb(255 201 77/.16);color:var(--gold);border-radius:999px;padding:.2rem .8rem;font-weight:700;font-size:.8rem}
.mock h3{font-size:1.4rem;margin:.9rem 0 .8rem}
.mock .plain{background:rgb(0 0 0/.25);border-radius:16px;padding:1rem;color:var(--muted);font-size:.98rem}
.mock .plain b{display:block;color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}
.votes{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.votes span{text-align:center;border-radius:14px;padding:.8rem .3rem;font-weight:800;font-size:.9rem;border:1px solid var(--line);background:rgb(255 255 255/.06)}
.votes span:first-child{background:rgb(70 190 120/.2);border-color:rgb(70 190 120/.5)}
.votes span:nth-child(2){background:rgb(224 50 63/.2);border-color:rgb(224 50 63/.5)}
.mock figcaption{margin-top:.9rem;font-size:.85rem;color:var(--muted);text-align:center}
/* bloques */
.cols{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:760px){.cols.c3{grid-template-columns:repeat(3,1fr)}.cols.c2{grid-template-columns:repeat(2,1fr)}}
.card{border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;background:linear-gradient(145deg,rgb(255 255 255/.07),rgb(255 255 255/.015))}
.card p{color:var(--muted);margin-top:.6rem}
.card .ic{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.9rem;background:rgb(255 201 77/.15);color:var(--gold);margin-bottom:1rem;font-size:1.3rem}
.steps{counter-reset:s;list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:1rem}
.steps li{counter-increment:s;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 1.6rem 1.6rem 4.6rem;position:relative;background:rgb(255 255 255/.04)}
.steps li::before{content:counter(s);position:absolute;left:1.3rem;top:1.4rem;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ef3340,var(--red-d));font:800 1.1rem Bricolage,sans-serif}
.steps p{color:var(--muted);margin-top:.4rem}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.alt{background:linear-gradient(180deg,transparent,rgb(16 26 51/.55),transparent)}
.bento{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:760px){.bento{grid-template-columns:repeat(6,1fr)}.bento .card{grid-column:span 2}.bento .card.w{grid-column:span 3}}
/* ubicaciones */
.region{display:flex;flex-direction:column;gap:.6rem}
.status{align-self:flex-start;border-radius:999px;padding:.2rem .8rem;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.status.live{background:rgb(70 190 120/.2);color:#8ff0b3;border:1px solid rgb(70 190 120/.5)}
.status.planned{background:rgb(255 255 255/.08);color:var(--muted);border:1px solid var(--line)}
.region .ctry{font-size:.92rem;color:var(--muted)}
.region.is-live{border-color:rgb(255 201 77/.45);box-shadow:0 0 0 1px rgb(255 201 77/.2),0 24px 60px -30px rgb(255 201 77/.35)}
.fine{margin-top:1.5rem;color:var(--muted);font-size:.95rem}
.suggest{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;border:1px dashed rgb(255 201 77/.5);border-radius:var(--r);padding:1.2rem 1.5rem}
.quotes blockquote{margin:0}.quotes blockquote p{color:var(--text);font-size:1.05rem}.quotes cite{display:block;margin-top:.8rem;color:var(--muted);font-style:normal;font-size:.9rem}
/* faq */
details.q{border:1px solid var(--line);border-radius:18px;background:rgb(255 255 255/.04);margin-top:.8rem}
details.q summary{cursor:pointer;list-style:none;padding:1.15rem 3.2rem 1.15rem 1.3rem;font:700 1.05rem Bricolage,sans-serif;position:relative;min-height:3.4rem}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--gold)}
details.q[open] summary::after{content:"–"}
details.q p{padding:0 1.3rem 1.3rem;color:var(--muted)}
.faq-w{max-width:52rem;margin-top:2rem}
/* cta final */
.final{text-align:center}
.final .box{border:1px solid var(--line);border-radius:36px;padding:3.5rem 1.5rem;background:radial-gradient(120% 140% at 50% 0,rgb(216 31 45/.35),transparent 60%),rgb(16 26 51/.6)}
.final h2{margin-inline:auto}.final .lead{margin-inline:auto}.final .actions{justify-content:center}
/* footer */
footer{border-top:1px solid var(--line);padding:3.5rem 0 2.5rem;background:#050813}
.fgrid{display:grid;gap:2rem}
@media(min-width:800px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer h3{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
footer a{color:var(--muted);text-decoration:none;display:inline-block;padding:.25rem 0}footer a:hover{color:#fff;text-decoration:underline}
.legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;display:grid;gap:.5rem}
/* sugerencia de idioma */
#langbar{position:fixed;z-index:60;left:.75rem;right:.75rem;bottom:.75rem;max-width:34rem;margin-inline:auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:18px;background:#0b1328;padding:.8rem 1rem;box-shadow:0 20px 60px -20px #000}
#langbar[hidden]{display:none}
#langbar button{min-height:2.6rem;min-width:2.6rem;border-radius:12px;border:0;background:rgb(255 255 255/.08);color:#fff;cursor:pointer;font-size:1.1rem}
.region.is-live{grid-column:1/-1}
.cols.c4{grid-template-columns:1fr}
@media(min-width:760px){.cols.c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cols.c4{grid-template-columns:repeat(4,1fr)}}
.sec-head{margin-bottom:.5rem}
.sup{display:inline-flex;align-items:center;gap:.4rem}
#langbar a{display:inline-flex;align-items:center;min-height:2.6rem;padding:0 1rem;border-radius:12px;background:var(--gold);color:#14213d;font-weight:800;text-decoration:none;white-space:nowrap}
.mt{margin-top:2.5rem}footer h3.mt2{margin-top:1.4rem}.lead.small{font-size:1rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mock .mtitle{font:700 1.4rem/1.15 Bricolage,sans-serif;margin:.9rem 0 .8rem;color:#fff}
.nav-m li.mlangs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.6rem .4rem .2rem;margin-top:.4rem;border-top:1px solid var(--line)}.nav-m li.mlangs a{display:inline-flex;min-height:2.6rem;align-items:center;padding:.4rem .8rem;border:1px solid var(--line)}.nav-m li.mlangs a[aria-current]{background:rgb(255 255 255/.14);color:#fff}