/* ==========================================================================
   ereceta-tokens.css: fuente única de la identidad visual de eReceta (receta electrónica para instituciones).
   La importan el brochure y la landing. Quien la use NO define colores propios.

   Paleta cerrada de MedicinaInteligente (../../BRAND.md).
   Regla de marca de eReceta: BLANCO CON ACENTOS (Pablo, 2026-09-27). La base es blanca; navy para títulos y estructura;
   azul #1f6fd0 como acento principal (la "e", los píxeles del logo, datos); rosa como acento puntual (el píxel rosa).
   Fondos alternativos muy suaves (#f7f9fd) solo para separar secciones.
   Tipografías: Manrope (cuerpo) y Space Grotesk (títulos), TTF estáticos (sin Type 3 en el PDF).
   ========================================================================== */

@font-face{ font-family:"Manrope"; font-weight:400; font-style:normal; src:url("fonts/Manrope-400.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:500; font-style:normal; src:url("fonts/Manrope-500.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:600; font-style:normal; src:url("fonts/Manrope-600.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:700; font-style:normal; src:url("fonts/Manrope-700.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:800; font-style:normal; src:url("fonts/Manrope-800.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:500; font-style:normal; src:url("fonts/SpaceGrotesk-500.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:600; font-style:normal; src:url("fonts/SpaceGrotesk-600.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:700; font-style:normal; src:url("fonts/SpaceGrotesk-700.ttf") format("truetype"); }

:root{
  --er-navy:#14213a;
  --er-azul:#1f6fd0;
  --er-azul-profundo:#14549f;
  --er-azul-hex:#4a90e6;
  --er-rosa:#b0697f;
  --er-rosa-oscuro:#7f3f58;
  --er-rosa-claro:#e3b9c4;

  --er-texto:#44546f;
  --er-texto-tenue:#8a97ad;

  --er-blanco:#ffffff;
  --er-fondo:#f7f9fd;
  --er-fondo-azul:#edf3fb;
  --er-fondo-rosa:#f9f0f2;
  --er-linea:rgb(20 33 58 / .10);
  --er-linea-fuerte:rgb(20 33 58 / .16);

  --er-azul-degrade:linear-gradient(155deg, #4a90e6 0%, #2472d2 50%, #1559ad 100%);
  --er-navy-degrade:linear-gradient(135deg, #14213a 0%, #14549f 100%);

  --er-fuente-cuerpo:"Manrope", Helvetica, Arial, sans-serif;
  --er-fuente-titulos:"Space Grotesk", "Manrope", sans-serif;

  --er-radio:14px;
  --er-radio-card:22px;
  --er-radio-pill:100px;
  --er-sombra:0 18px 34px rgba(20,33,58,.10);
}