/* ==========================================================================
   preva-tokens.css: fuente única de la identidad visual de Preva.
   La importan el brochure (brochure/preva-brochure.html) y la landing. Quien la use
   NO define colores propios.

   Todos los colores son de la paleta cerrada de MedicinaInteligente (../../BRAND.md).
   Regla de marca de Preva: TODA la paleta, sin que predomine el azul (Pablo, 2026-09-26).
   Las tres caras del hexágono son los tres niveles de prevención, y cada una tiene un color:
   - Primaria = azul #1f6fd0 · Secundaria = navy #14213a · Terciaria = rosa (#b0697f gráfica, #7f3f58 texto/bloques).
   - Rótulos y acentos de texto en rosa oscuro #7f3f58 (7,6:1); títulos en navy.
   - Portada clara (#f7f9fd) con el panal de hexágonos 3D de MI; bloques oscuros alternan navy y rosa.
   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{
  --pv-navy:#14213a;
  --pv-azul:#1f6fd0;
  --pv-azul-profundo:#14549f;
  --pv-rosa:#b0697f;
  --pv-rosa-oscuro:#7f3f58;
  --pv-rosa-claro:#e3b9c4;

  --pv-texto:#44546f;
  --pv-texto-terciario:#5d6b85;
  --pv-texto-tenue:#8a97ad;
  --pv-sobre-oscuro:#fcfdff;
  --pv-sobre-oscuro-tenue:#cfdcf1;

  --pv-superficie:#ffffff;
  --pv-fondo:#f7f9fd;
  --pv-fondo-seccion:#edf3fb;
  --pv-fondo-rosa:#f9f0f2;
  --pv-linea:rgb(20 33 58 / .12);

  /* Degradés de los hexágonos de MI (home.ts), 155deg */
  --pv-hex-claro:linear-gradient(155deg, #f0f6ff 0%, #dce8f9 50%, #cbdcf3 100%);
  --pv-hex-azul:linear-gradient(155deg, #4a90e6 0%, #2472d2 50%, #1559ad 100%);
  --pv-hex-profundo:linear-gradient(155deg, #2f75c4 0%, #17579f 50%, #0e3f7a 100%);
  --pv-hex-rosa:linear-gradient(155deg, #bd7690 0%, #a15872 50%, #7f3f58 100%);
  --pv-firma:linear-gradient(90deg, #14213a 0%, #7f3f58 50%, #1f6fd0 100%);
  --pv-oscuro:linear-gradient(135deg, #14213a 0%, #14213a 45%, #7f3f58 100%);

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

  --pv-radio:14px;
  --pv-radio-card:22px;
  --pv-radio-pill:100px;
}