/* =========================================================
   ENCO 2027 · Tokens de la línea gráfica
   Todo color, fuente y medida del sitio sale de aquí.
   No escribas colores ni fuentes a mano en otros archivos.
   ========================================================= */

@font-face {
  font-family: "Bebas Neue";
  src: url("../marca/fuentes/BebasNeue-Regular.woff2") format("woff2"),
       url("../marca/fuentes/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- Color ----------
     Un solo color de marca: naranja. Negro y blanco de base, grises de apoyo.
     Sin dorados, amarillos ni degradados. */
  --enco-naranja: #F09006;        /* marca */
  --enco-naranja-hover: #C97400;  /* estados hover y activo */
  --enco-naranja-claro: #FFC266;  /* solo detalles sobre negro */
  --enco-negro: #111111;
  --enco-grafito: #242424;        /* paneles sobre negro */
  --enco-gris-oscuro: #3A3A3A;    /* texto secundario sobre blanco */
  --enco-gris: #8C8C8C;           /* texto secundario sobre negro */
  --enco-gris-claro: #D9D9D9;     /* texto secundario sobre negro, líneas */
  --enco-gris-fondo: #F2F2F2;     /* bandas suaves sobre blanco */
  --enco-blanco: #FFFFFF;

  /* ---------- Tipografía ----------
     Titulares: Bebas Neue, siempre en mayúsculas, sin negrita (solo tiene un peso).
     Texto: Helvetica o Arial, en altas y bajas. Máximo dos familias. */
  --enco-fuente-titulo: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  --enco-fuente-texto: "Helvetica Neue", Helvetica, Arial, sans-serif;

  --enco-t-hero: clamp(3.5rem, 1.6rem + 8vw, 9rem);     /* portada */
  --enco-t-h1: clamp(3rem, 1.9rem + 4.6vw, 6.5rem);     /* título de sección grande */
  --enco-t-h2: clamp(2.25rem, 1.5rem + 3.2vw, 4.5rem);  /* título de sección */
  --enco-t-h3: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);  /* rótulos y tarjetas */
  --enco-t-cifra: clamp(3.5rem, 2rem + 6vw, 8rem);      /* números grandes */
  --enco-t-grande: 1.25rem;                              /* entradilla */
  --enco-t-cuerpo: 1.0625rem;                            /* 17 px */
  --enco-t-chico: 0.875rem;
  --enco-t-etiqueta: 0.875rem;

  --enco-interlineado-titulo: 0.92;
  --enco-interlineado-texto: 1.6;
  --enco-tracking-titulo: 0.01em;
  --enco-tracking-rotulo: 0.06em;
  --enco-tracking-etiqueta: 0.14em;

  /* ---------- Espacio y retícula ---------- */
  --enco-esp-1: 0.25rem;
  --enco-esp-2: 0.5rem;
  --enco-esp-3: 0.75rem;
  --enco-esp-4: 1rem;
  --enco-esp-5: 1.5rem;
  --enco-esp-6: 2rem;
  --enco-esp-7: 3rem;
  --enco-esp-8: 4rem;
  --enco-esp-9: 6rem;

  --enco-margen: clamp(1rem, 5vw, 6rem);             /* 96 px en escritorio, como la presentación */
  --enco-ancho-max: 80rem;                            /* 1280 px */
  --enco-ancho-texto: 42rem;                          /* columna de lectura */
  --enco-seccion-y: clamp(4rem, 3rem + 6vw, 9rem);    /* aire arriba y abajo de cada sección */
  --enco-hueco: clamp(1rem, 0.6rem + 1.4vw, 1.75rem); /* separación entre tarjetas */

  /* ---------- Chaflán (esquina cortada a 45°) ---------- */
  --enco-chaflan-s: 12px;
  --enco-chaflan-m: 28px;
  --enco-chaflan-l: 56px;

  /* ---------- Movimiento ---------- */
  --enco-transicion: 180ms cubic-bezier(0.2, 0.7, 0.2, 1);
}