/* Páginas viejas pasadas al diseño nuevo (oct 2026). Se carga después de style.css, futuro.css y web.css.
   No cambia la estructura de cada página: le pone el azul más claro, las letras y los botones de la web nueva. */
:root, [data-theme="dark"] {
  --plano: #123063; --plano-2: #15396F;
  --bg: var(--fondo); --bg2: #0E2649; --bg3: #123063; --surface: #123063;
  --text: var(--t1); --text2: #C9D8E5; --muted: var(--t2); --muted2: #95ABC0;
  --niebla: #D6E4EE; --bruma: #95ABC0;
  --border: rgba(214, 228, 238, 0.14); --border2: rgba(214, 228, 238, 0.24);
  --shadow-md: 0 24px 48px -28px rgba(2, 8, 20, 0.8); --shadow-lg: 0 40px 80px -40px rgba(2, 8, 20, 0.9);
}
html, body.web-legado { background: var(--fondo); }
body.web-legado { color: var(--t2); }

/* Lugar para la isla del menú */
body.web-legado main > section:first-child, body.web-legado main > div:first-child { scroll-margin-top: 96px; }

/* Títulos: Hanken Grotesk pesada y apretada, como en la portada */
body.web-legado h1, body.web-legado h2, body.web-legado .section-title {
  font-family: var(--font-d); font-weight: 800; letter-spacing: -0.035em; color: var(--t1); text-wrap: balance;
}
body.web-legado h3, body.web-legado h4 { font-family: var(--font-d); letter-spacing: -0.02em; color: var(--t1); }
body.web-legado p, body.web-legado li { text-wrap: pretty; }
body.web-legado .section-sub { color: var(--t2); }

/* Etiquetas chicas: sin mayúsculas forzadas ni espaciado ancho */
body.web-legado .eyebrow, body.web-legado .badge, body.web-legado [class*="kicker"] {
  text-transform: none; letter-spacing: 0; font-family: var(--font-d); font-weight: 600; font-size: .95rem;
}
body.web-legado .badge { border-radius: 10px; }
body.web-legado .badge-dot { display: none; }

/* Botones: los mismos de la portada */
body.web-legado .btn {
  border-radius: 12px; font-family: var(--font-d); font-weight: 700; letter-spacing: -0.01em; text-transform: none;
  box-shadow: none; transition: transform .45s var(--ease), background-color .3s, border-color .3s, color .3s;
}
body.web-legado .btn-primary { background: var(--cian); color: var(--tinta); border-color: var(--cian); }
body.web-legado .btn-primary:hover { background: #66E6FF; border-color: #66E6FF; color: var(--tinta); transform: translateY(-2px); }
body.web-legado .btn-secondary, body.web-legado .btn-outline, body.web-legado .btn-ghost {
  background: transparent; color: var(--t1); border: 1px solid rgba(214, 228, 238, 0.4);
}
body.web-legado .btn-secondary:hover, body.web-legado .btn-outline:hover, body.web-legado .btn-ghost:hover {
  background: rgba(214, 228, 238, 0.08); border-color: var(--t1); color: var(--t1); transform: translateY(-2px);
}

/* Cajas y tarjetas: el tono del azul nuevo y bordes de luz, sin sombras negras */
body.web-legado .card, body.web-legado .form-box, body.web-legado [class*="-card"], body.web-legado .contact-item {
  background: rgba(18, 48, 99, 0.45); border-color: rgba(214, 228, 238, 0.14); border-radius: 18px; box-shadow: none;
}

/* Formularios */
body.web-legado .form-label { text-transform: none; letter-spacing: 0; font-family: var(--font-d); font-weight: 600; font-size: .95rem; color: var(--t1); }
body.web-legado .form-input, body.web-legado input[type="text"], body.web-legado input[type="email"], body.web-legado input[type="tel"], body.web-legado select, body.web-legado textarea {
  background: rgba(6, 19, 41, 0.55); border: 1px solid rgba(214, 228, 238, 0.2); border-radius: 12px; color: var(--t1); font-family: var(--font-b);
}
body.web-legado .form-input:focus, body.web-legado input:focus, body.web-legado select:focus, body.web-legado textarea:focus {
  border-color: var(--cian); outline: 2px solid rgba(0, 212, 255, 0.35); outline-offset: 1px;
}

/* Links de texto */
body.web-legado main a:not(.btn):not([class*="card"]) { text-decoration-color: rgba(0, 212, 255, 0.6); text-underline-offset: 4px; }

/* Fondos decorativos viejos (grilla y puntos): afuera, la web nueva no los usa */
body.web-legado .hero-bg-dots, body.web-legado .fx-hero-grid { display: none; }