/* ==============================================================
   Tokens de marca MEDICHECK
   Fuente de verdad: guia_rapida_logo_marca_MEDICHECK.pdf

   Este archivo lo comparten el sitio publico y el panel
   administrativo. No duplicar estos valores en ningun otro sitio:
   si se duplican, terminan desincronizandose.
   ============================================================== */
    :root{
      /* ── Paleta oficial · guia_rapida_logo_marca_MEDICHECK.pdf ── */
      --blue:#0F2636;        /* Azul profundo · institucional principal */
      --blue-2:#236790;      /* Azul medio · apoyo visual y jerarquías  */
      --green:#9ABA61;       /* Verde acento · usar de forma moderada   */
      --white:#FFFFFF;
      --font-base:'Montserrat', Arial, sans-serif;   /* unica tipografia autorizada */

      /* ── Neutros de apoyo (no especificados en la guía) ── */
      --green-2:#BFD497;
      --green-soft:#EFF4E4;
      --cream:#F7F3EC;
      --soft:#F8FAF8;
      --text:#53626C;
      --border:#E3E8EC;
      --shadow:0 18px 45px rgba(15,38,54,.10);

      /* Fondo azul institucional compartido por #humana, #novedades y el pie.
         Una sola definición: no pueden desincronizarse. */
      --brand-gradient:linear-gradient(135deg,var(--blue),var(--blue-2));
      --on-brand:#e6eeea;    /* cuerpo de texto sobre ese fondo · 5.21:1 en el peor punto */

      /* ── Header fijo ──
         El alto NO es libre: lo manda el logo. La imagen es 4500×2283
         (proporción 1.9711), así que 232 ÷ 1.9711 = 117.7px de alto, más
         2×14px del área de seguridad que exige la guía de marca = 145.7px.
         De ahí los 148. Si se cambia --logo-w hay que rehacer esta cuenta,
         o el logo se recorta por abajo sin dar ningún aviso.
         El equivalente para móvil está en site.css, en el bloque de 640px. */
      --header-h:148px;
      --logo-w:232px;        /* mínimo de marca: 180px. No bajar de ahí. */
    }