/* ==========================================================================
   UAIII — Tokens de diseño
   Paleta institucional: rojo #AD1519 · oro #FABD00
   ========================================================================== */

:root {
  /* --- Marca --------------------------------------------------------- */
  --rojo: #ad1519;
  --rojo-hover: #8e1115;
  --rojo-oscuro: #6e0d10;
  --rojo-profundo: #4d090b;
  --rojo-suave: #c93b3f;
  --rojo-tinte: #f7eaea;

  --oro: #fabd00;
  --oro-claro: #ffd75e;
  --oro-oscuro: #d9a200;
  --oro-tinte: #fff5d6;
  --oro-linea: rgba(250, 189, 0, 0.34);

  /* --- Neutros cálidos ------------------------------------------------ */
  --tinta: #17120f;
  --tinta-2: #201a16;
  --tinta-3: #2c2521;
  --tinta-4: #3a322d;

  --marfil: #fbf8f3;
  --marfil-2: #f4efe7;
  --marfil-3: #ece6db;
  --blanco: #ffffff;

  --texto: #1b1613;
  --texto-medio: #57504a;
  --texto-suave: #7d756e;
  --texto-invertido: #f6f1e9;
  --texto-invertido-medio: rgba(246, 241, 233, 0.72);

  --linea: #e3dbd0;
  --linea-fuerte: #cfc5b7;
  --linea-oscura: rgba(246, 241, 233, 0.16);
  --linea-oscura-fuerte: rgba(246, 241, 233, 0.32);

  /* --- Tipografía ----------------------------------------------------- */
  --ff-display: "Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --ff-texto: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Escala fluida — titular principal */
  --fs-1: clamp(2.9rem, 1.35rem + 5.9vw, 6.5rem);
  /* H2 de sección */
  --fs-2: clamp(2.1rem, 1.35rem + 3vw, 4rem);
  /* H3 */
  --fs-3: clamp(1.55rem, 1.2rem + 1.5vw, 2.4rem);
  /* H4 / título de tarjeta */
  --fs-4: clamp(1.15rem, 1.02rem + 0.55vw, 1.45rem);
  /* Entradilla */
  --fs-lead: clamp(1.075rem, 1rem + 0.4vw, 1.3rem);
  /* Cuerpo */
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-mini: 0.78rem;
  /* Cifras */
  --fs-num: clamp(3.4rem, 1.6rem + 7vw, 7.5rem);
  --fs-num-md: clamp(2.6rem, 1.6rem + 3.4vw, 4.5rem);

  /* --- Espaciado y retícula ------------------------------------------ */
  --contenedor: 1320px;
  --contenedor-estrecho: 940px;
  --gutter: clamp(1.25rem, 4vw, 3.25rem);
  --seccion-y: clamp(4.5rem, 3rem + 7vw, 9rem);
  --header-h: 84px;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* --- Formas --------------------------------------------------------- */
  --r-capsula: 999px;
  --r-suave: 6px;
  --r-card: 3px;

  /* --- Movimiento ----------------------------------------------------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.55s;
  --dur-rapido: 0.3s;

  /* --- Capas ---------------------------------------------------------- */
  --z-header: 90;
  --z-rail: 60;
  --z-menu: 95;
  --z-progress: 100;
}

@media (max-width: 900px) {
  :root {
    --header-h: 68px;
  }
}