/* Fuente única de colores y escalas compartidas por todas las páginas.
   Para cambiar la identidad, editar --brand; sus variantes se derivan de ella. */
:root {
  --font-family: 'Segoe UI Variable Small', 'PRENAR Segoe Small', 'Segoe UI', Manrope, Arial, sans-serif;
  --font-optical-size: 8;
  --weight-title: 700;
  --weight-subtitle: 600;
  --weight-body: 400;
  --brand: #255be3;
  --button: #056dae;
  --brand-dark: #034c81;
  --brand-hover: #034c81;
  --accent: #255be3;
  --whatsapp: #25d366;
  --whatsapp-ink: #062c1b;
  --brand-soft: color-mix(in srgb, var(--brand) 7%, white);
  --focus: var(--brand);
  --ink: #25252a;
  --muted: #66666d;
  --paper: #ffffff;
  --surface: #f4f4f3;
  --line: #dfdfdf;
  --on-dark: #ffffff;
  --on-dark-muted: #d0d0db;
  --line-on-dark: #ffffff33;
  --footer-bg: #0c2d4b;
  --footer-base: color-mix(in srgb, var(--footer-bg) 83%, black);
  --footer-line: color-mix(in srgb, var(--footer-bg) 68%, white);
  --text-display: clamp(36px, 4.2vw, 56px);
  --text-page: clamp(32px, 3.4vw, 44px);
  --text-section: clamp(30px, 3vw, 40px);
  --text-subheading: clamp(20px, 2.2vw, 24px);
  --text-card: clamp(20px, 2vw, 22px);
  --text-body: 15px;
  --text-small: 13px;
  --text-label: 11px;
  --container: 1240px;
  --header-height: 91px;
}
@media(max-width:1100px){:root{--header-height:76px}}
@media(max-width:640px){:root{--header-height:72px;--text-body:14px;--text-small:12px}}