@font-face{font-family:Inter;src:url(assets/fuentes/InterVariable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--fondo:#fbfbfd;--fondo2:#f5f5f7;--tarjeta:#fff;--texto:#1d1d1f;--suave:#6e6e73;--acento:#004aad;--linea:#d2d2d7;--filtro:none;--vidrio:rgba(251,251,253,.72)}
[data-tema=oscuro]{--fondo:#0e0f13;--fondo2:#16171c;--tarjeta:#1c1d23;--texto:#f5f5f7;--suave:#a1a1a6;--acento:#4d89ec;--linea:#2d2e35;--filtro:invert(1);--vidrio:rgba(14,15,19,.72)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:60px}
body{font:17px/1.55 Inter,-apple-system,"SF Pro Text",system-ui,sans-serif;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
.barra{position:fixed;inset:0 0 auto;z-index:9;background:var(--vidrio);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--linea)}
.barra__in{max-width:1080px;margin:auto;height:52px;padding:0 24px;display:flex;align-items:center;gap:24px}
.marca{font-weight:600;letter-spacing:-.01em}
.barra nav{margin-left:auto;display:flex;gap:22px;font-size:14px;color:var(--suave)}
.barra nav a:hover{color:var(--texto)}
.tema{background:none;border:0;color:var(--suave);font-size:20px;cursor:pointer}
@media(max-width:720px){.barra nav{display:none}.tema{margin-left:auto}}
.cont{max-width:1080px;margin:auto;padding:0 24px}
.seccion{padding:120px 0}
.seccion:nth-of-type(even){background:var(--fondo2)}
.seccion.oscura{background:#0e0f13;color:#f5f5f7;--suave:#a1a1a6;--acento:#4d89ec;--tarjeta:#1c1d23;--linea:#2d2e35}
.sobre{font-size:14px;font-weight:600;color:var(--acento);letter-spacing:.02em;text-transform:uppercase;margin-bottom:14px}
h1,h2{letter-spacing:-.035em;line-height:1.05;font-weight:700}
h1{font-size:clamp(3.2rem,11vw,8rem);background:linear-gradient(120deg,var(--texto),var(--acento));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(2rem,5.5vw,3.75rem);max-width:16ch}
h3{font-size:1.2rem;letter-spacing:-.015em;margin-bottom:8px}
.lead{font-size:clamp(1.2rem,2.4vw,1.6rem);color:var(--suave);max-width:36ch;margin-top:22px;letter-spacing:-.015em;line-height:1.35}
.cita{font-size:clamp(1.3rem,3vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.25;max-width:26ch;margin-top:56px}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px}
.botones{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.btn{padding:12px 24px;border-radius:980px;background:var(--acento);color:#fff;font-weight:500}
.btn--sec{background:none;color:var(--acento);border:1px solid var(--acento)}
.pie-hero{margin-top:64px;font-size:14px;color:var(--suave)}
.rejilla{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:48px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:28px;padding:32px}
.tarjeta p{color:var(--suave)}
.cifra{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.035em;color:var(--acento);line-height:1.1;margin-bottom:10px}
.emoji{font-size:2.2rem;margin-bottom:12px}
.tag{display:inline-block;margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acento)}
.supuesto{text-decoration:line-through;color:var(--suave);margin-bottom:14px;font-size:15px}
.hallazgo{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.chip{border:1px solid var(--linea);border-radius:980px;padding:8px 16px;font-size:14px;color:var(--suave)}
.chip b{color:var(--texto);margin-right:6px}
.ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--fondo2);margin-bottom:18px}
.ico img{width:26px;filter:var(--filtro)}
.dos{display:grid;gap:48px;grid-template-columns:1.2fr 1fr;align-items:center}
@media(max-width:820px){.dos{grid-template-columns:1fr}}
.pantalla{background:#0e0f13;color:#f5f5f7;border-radius:32px;padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.pantalla small{color:#a1a1a6;font-size:12px}
.lecturas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.lec{background:#1c1d23;border-radius:18px;padding:18px 12px;text-align:center}
.lec b{display:block;font-size:2rem;letter-spacing:-.03em;color:#4d89ec}
.lec span{font-size:12px;color:#a1a1a6}
.estado{margin-top:14px;padding:12px 16px;border-radius:14px;background:#14301f;color:#7ee2a0;font-size:14px;font-weight:500}
.scroll{overflow-x:auto;margin-top:48px;border:1px solid var(--linea);border-radius:24px;background:var(--tarjeta)}
table{width:100%;border-collapse:collapse;min-width:720px;font-size:15px}
th,td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--linea)}
th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--suave)}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:600}
.nuestro{background:color-mix(in srgb,var(--acento) 10%,transparent);font-weight:600;color:var(--acento)}
.brecha{margin-top:24px;padding:28px 32px;border-radius:24px;background:var(--acento);color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:-.015em}
.integrantes{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.integrantes li{padding:14px 22px;border-radius:980px;background:var(--tarjeta);border:1px solid var(--linea);font-weight:500}
details{margin-top:48px;color:var(--suave);font-size:14px}
summary{cursor:pointer;color:var(--acento);font-weight:500}
details p{margin-top:12px}
.nota{margin-top:24px;font-size:14px;color:var(--suave)}
.pie{padding:32px 24px;text-align:center;font-size:13px;color:var(--suave);border-top:1px solid var(--linea)}
.rev{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.rev.visto{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}