/* Generado por tools/build.py desde brand.json. No editar a mano. */
:root {
    --c-navy: #071120;
    --c-navy-profundo: #020617;
    --c-navy-superficie: #0F172A;
    --c-navy-logo: #03132D;
    --c-teal: #2DD4BF;
    --c-teal-fuerte: #14B8A6;
    --c-teal-claro: #5EEAD4;
    --c-teal-palido: #99F6E4;
    --c-teal-hielo: #CCFBF1;
    --c-teal-oscuro: #042F2E;
    --c-teal-logo: #0ADEC7;
    --c-ambar: #F59E0B;
    --c-ambar-claro: #FBBF24;
    --c-blanco: #FFFFFF;
    --c-texto: #E2E8F0;
    --c-texto-suave: #CBD5E1;
    --c-texto-secundario: #94A3B8;
    --c-borde: rgba(148, 163, 184, 0.18);
    --c-borde-acento: rgba(45, 212, 191, 0.35);
    --c-teal-suave: rgba(45, 212, 191, 0.16);
    --c-superficie: rgba(15, 23, 42, 0.72);
    --c-superficie-fuerte: rgba(15, 23, 42, 0.92);
    --c-exito: #22C55E;
    --c-error: #EF4444;
    --grad-boton-primario: linear-gradient(135deg, #5EEAD4 0%, #2DD4BF 45%, #14B8A6 100%);
    --grad-pagina: radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 28%), radial-gradient(circle at 90% 12%, rgba(245, 158, 11, 0.14), transparent 18%), linear-gradient(180deg, #020617 0%, #071120 52%, #020617 100%);
    --font-titulos: "Sora", sans-serif;
    --font-cuerpo: "Manrope", sans-serif;
    --r-pill: 999px;
    --r-sm: 1rem;
    --r-md: 1.4rem;
    --r-lg: 1.6rem;
    --r-xl: 2.2rem;
    --shadow-base: 0 24px 80px rgba(2, 6, 23, 0.45);
    --shadow-glow-teal: 0 16px 38px -10px rgba(45, 212, 191, 0.42);
    --max-w: 1320px;
    --respeto: 0.25;
}
.t-h1 { font-family: var(--font-titulos); font-weight: 800; font-size: 2.25rem; line-height: 1.25; letter-spacing: 0; color: var(--c-blanco); }
@media (min-width: 640px) { .t-h1 { font-size: 3rem; } }
@media (min-width: 1024px) { .t-h1 { font-size: 3.75rem; } }
.t-h2 { font-family: var(--font-titulos); font-weight: 700; font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.18; letter-spacing: -0.01em; color: var(--c-blanco); }
.t-h3 { font-family: var(--font-titulos); font-weight: 700; font-size: 1.3rem; line-height: 1.25; letter-spacing: 0; color: var(--c-blanco); }
.t-cuerpo-lg { font-family: var(--font-cuerpo); font-weight: 400; font-size: 1.05rem; line-height: 1.9; letter-spacing: 0; color: var(--c-texto-secundario); }
.t-cuerpo { font-family: var(--font-cuerpo); font-weight: 400; font-size: 0.98rem; line-height: 1.7; letter-spacing: 0; color: var(--c-texto-secundario); }
.t-ui { font-family: var(--font-cuerpo); font-weight: 700; font-size: 1rem; line-height: 1.5; letter-spacing: 0; color: var(--c-teal-oscuro); }
.t-ui--chico { font-size: 0.92rem; }
.t-eyebrow { font-family: var(--font-cuerpo); font-weight: 700; font-size: 0.78rem; line-height: 1.5; letter-spacing: 0.16em; color: var(--c-teal-claro); text-transform: uppercase; }
.t-chico { font-family: var(--font-cuerpo); font-weight: 400; font-size: 0.88rem; line-height: 1.4; letter-spacing: 0; color: var(--c-texto-secundario); }