/* ==========================================================================
   amv-tokens.css: fuente única de la identidad visual de AMV — Atención Médica Virtual.
   La importan el brochure y la landing. Quien la use NO define colores propios.

   Colores de la paleta cerrada de MedicinaInteligente (../../BRAND.md).
   Regla de marca de AMV: PREDOMINA EL ROSA institucional (Pablo, 2026-09-26).
   - Portada, hero y bloques grandes: degradé rosa de los hexágonos de MI (#bd7690 → #a15872 → #7f3f58).
   - Navy #14213a: títulos sobre claro, contrapunto oscuro (la lente del logo).
   - Rosa oscuro #7f3f58: rótulos y acentos de texto (7,6:1 sobre blanco). #b0697f sólo gráfica.
   - Azul: puntual (estado "en línea" del motivo de videollamada), nunca dominante.
   - Fondos: blanco y rosado tenue #f9f0f2.
   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{
  --am-navy:#14213a;
  --am-rosa:#b0697f;
  --am-rosa-medio:#a15872;
  --am-rosa-oscuro:#7f3f58;
  --am-rosa-claro:#e3b9c4;
  --am-azul:#1f6fd0;

  --am-texto:#44546f;
  --am-texto-tenue:#8a97ad;
  --am-sobre-rosa:#ffffff;
  --am-sobre-rosa-tenue:#f9e8ed;

  --am-superficie:#ffffff;
  --am-fondo:#f9f0f2;
  --am-fondo-neutro:#f7f9fd;
  --am-linea:rgb(20 33 58 / .12);

  --am-rosa-degrade:linear-gradient(155deg, #bd7690 0%, #a15872 50%, #7f3f58 100%);
  --am-rosa-profundo:linear-gradient(155deg, #a15872 0%, #7f3f58 55%, #5e2c41 100%);
  --am-oscuro:linear-gradient(135deg, #14213a 0%, #14213a 40%, #7f3f58 100%);

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

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