/* ==========================================================================
   adhera-tokens.css: fuente única de la identidad visual de Adhera.
   La importan el brochure (brochure/adhera-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 Adhera: Pons tomó navy + rosa; Adhera toma la familia AZUL.
   - Navy #14213a = estructura: títulos, bloques oscuros.
   - Azul #1f6fd0 = la marca: anillo del logo, bloques con texto blanco (4,9:1), CTA.
   - Azul profundo #14549f = texto de acento y links (7,5:1 sobre blanco).
   - Rosa = la dosis: acento puntual. #b0697f sólo gráfica; #7f3f58 para bloques con texto blanco.
   - Fondos: blanco y los azulados de MI (#f7f9fd, #edf3fb).

   Tipografías: Manrope (cuerpo) y Space Grotesk (títulos), OFL 1.1, TTF estáticos por peso.
   No usar la versión variable: Chrome la embebe en el PDF como Type 3 y el visor de macOS
   parte las palabras al copiar (medido en Pons, 2026-09-26).
   ========================================================================== */

@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{
  --ad-estructura:#14213a;
  --ad-marca:#1f6fd0;
  --ad-marca-profundo:#14549f;
  --ad-acento:#b0697f;
  --ad-acento-oscuro:#7f3f58;
  --ad-acento-suave:#e3b9c4;

  --ad-sobre-oscuro:#fcfdff;
  --ad-sobre-oscuro-tenue:#cfdcf1;
  --ad-sobre-oscuro-acento:#e3b9c4;

  --ad-texto:#44546f;
  --ad-texto-terciario:#5d6b85;
  --ad-link:#14549f;
  --ad-cta:#1f6fd0;
  --ad-sobre-cta:#ffffff;

  --ad-superficie:#ffffff;
  --ad-fondo:#f7f9fd;
  --ad-fondo-seccion:#edf3fb;
  --ad-fondo-hex:#dce8f9;
  --ad-linea:rgb(20 33 58 / .12);

  --ad-acento-fondo:#f9f0f2;           /* #e3b9c4 al 22 % sobre blanco (derivado en Pons) */
  --ad-texto-tenue:#8a97ad;            /* rótulos y notas (el de Consilio) */
  --ad-sobre-portada-tenue:#cfdcf1;    /* texto secundario sobre la portada azul */

  /* Portada y bloques de cierre: el degradé "profundo" de los hexágonos de MI (home.ts). */
  --ad-portada:linear-gradient(155deg, #2f75c4 0%, #17579f 55%, #0e3f7a 100%);
  --ad-firma:linear-gradient(155deg, #4a90e6 0%, #2472d2 50%, #1559ad 100%);
  --ad-firma-horizontal:linear-gradient(90deg, #14549f 0%, #1f6fd0 100%);

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

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