/* ==========================================================================
   STIAA · Tokens de diseño
   Paleta institucional proporcionada por STIAA. Cualquier ajuste de marca
   se hace aquí y se propaga a toda la página.
   ========================================================================== */
:root {
  /* Marca */
  --rojo: #D3111E;
  --rojo-oscuro: #A80D17;
  --dorado: #F49D07;
  --negro: #010102;
  --blanco: #FFFFFF;

  /* Neutros de apoyo */
  --papel: #F8F6F2;          /* blanco cálido para secciones alternas */
  --carbon: #121317;         /* superficie oscura elevada */
  --tinta: #17181C;          /* texto principal */
  --gris-700: #41444D;       /* texto secundario */
  --gris-500: #6A6E79;       /* metadatos */
  --gris-300: #D8D9DE;
  --linea: rgba(1, 1, 2, 0.12);
  --linea-clara: rgba(255, 255, 255, 0.16);
  --texto-claro: rgba(255, 255, 255, 0.74);

  /* Tipografía */
  --fuente-titulos: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-texto: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-display: clamp(2.25rem, 1.2rem + 4vw, 4.5rem);
  --t-h2: clamp(1.875rem, 1.3rem + 2.4vw, 3.25rem);
  --t-h3: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --t-entrada: clamp(1.075rem, 1rem + 0.35vw, 1.25rem);
  --t-base: 1rem;
  --t-sm: 0.875rem;
  --t-xs: 0.75rem;

  /* Espaciado y layout */
  --contenedor: 1280px;
  --margen: clamp(1.25rem, 4vw, 3rem);
  --seccion: clamp(4.5rem, 9vw, 8.5rem);
  --header: 76px;
  --radio: 6px;
  --radio-lg: 10px;

  /* Movimiento */
  --suave: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 240ms;
  --dur-lenta: 700ms;

  --sombra: 0 18px 40px -18px rgba(1, 1, 2, 0.28);
}