/*
 * Tokens de diseño · sieteymedia.cl (DISENO.md 3)
 * Índigo medido sobre las capturas del footer y la banda CTA actuales (home-fuente.html no disponible):
 *   borde del degradado #1d1544, centro #30285b. Reemplaza a #2a2350 / #3a2f6b de DISENO.md.
 * Marino #1a2947: el de las landings actuales (--azul-osc).
 * Tipografía: Roboto variable autoalojada (decisión de Alessandro, 28-09-2026; reemplaza a Inter).
 */

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-latin-var.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* Respaldo con métricas ajustadas a Roboto para evitar saltos al cargar la fuente (CLS). */
@font-face {
  font-family: "Roboto Respaldo";
  src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
  size-adjust: 99.8%;
  ascent-override: 93%;
  descent-override: 24.47%;
  line-gap-override: 0%;
}

:root {
  /* marca */
  --rojo: #e8192c;
  --rojo-hover: #c0111f;
  --rojo-texto: #c0111f;      /* rojo para textos chicos: AA también sobre --fondo-alt */
  --rojo-suave: #fde8ea;
  --marino: #1a2947;
  --marino-2: #0f1a30;
  --indigo: #1d1544;
  --indigo-2: #30285b;
  /* turquesa de apoyo (decisión de Alessandro, 28-09-2026). Regla en DISENO.md 3:
     rojo para la acción principal; turquesa para acciones secundarias sobre fondos oscuros y detalles.
     Contraste: blanco sobre turquesa 2,08:1 (no pasa AA) → los botones turquesa llevan texto marino: 6,95:1
     (hover #14a898 con marino: 4,88:1). Turquesa sobre índigo: 8,12:1; sobre marino: 6,95:1. */
  --turquesa: #1ac9b8;
  --turquesa-hover: #14a898;

  /* neutros */
  --texto: #2b3140;
  --texto-suave: #5b6475;
  --texto-claro: rgba(255, 255, 255, .78);
  --borde: #e3e7ee;
  --borde-fuerte: #cbd2de;
  --fondo: #ffffff;
  --fondo-alt: #f4f6f9;

  /* estados */
  --foco: #1a2947;
  --ok: #1f8a4c;
  --error: #c0111f;

  /* tipografía */
  --font: "Roboto", "Roboto Respaldo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-h1: clamp(2rem, 1.35rem + 2.6vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem);
  --fs-h3: clamp(1.125rem, 1.05rem + .35vw, 1.3rem);
  --fs-base: 1.0625rem;
  --fs-small: .875rem;
  --fs-mini: .75rem;
  --lh-base: 1.65;
  --lh-titulo: 1.15;

  /* espacio y forma */
  --contenedor: 1200px;
  --texto-max: 68ch;
  --gutter: clamp(1rem, .6rem + 2vw, 2rem);
  --seccion: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --radio: 12px;
  --radio-btn: 8px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .07);
  --sombra-hover: 0 2px 4px rgba(16, 24, 40, .06), 0 14px 32px rgba(16, 24, 40, .1);

  /* movimiento */
  --t-rapida: 150ms;
  --t-media: 220ms;

  /* header */
  --header-alto: 104px;
}

@media (max-width: 1080px) {
  :root { --header-alto: 72px; }
}