:root{
  --azul-principal: #005cd6;
  --azul-electrico: #0044e0;
  --azul-filete: #2e71e6;
  --azul-claro: #a5d0f4;
  --marino-display: #011640;
  --marino-cuartago: #001e4c;
  --indigo-profundo: #00006e;
  --fondo-palido: #ecf9fe;
  --blanco: #ffffff;
  --foto-traje: #455a87;
  --foto-camisa: #bccde7;
  --foto-pantalon: #5f6266;
  --foto-cuartago: #163a63;
  --texto-display: var(--marino-display);
  --texto-accion: var(--azul-principal);
  --texto-funcional: var(--azul-electrico);
  --texto-cita: var(--indigo-profundo);
  --texto-sobre-oscuro: var(--blanco);
  --superficie-hero: var(--fondo-palido);
  --superficie-editorial: var(--blanco);
  --superficie-cuartago: var(--marino-cuartago);
  --foco-claro: var(--marino-display);
  --foco-oscuro: var(--azul-claro);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-26: 104px;
  --space-32: 128px;
  --radius-none: 0px;
  --borde-filete: 1px;
  --borde-boton: 2px;
  --borde-foco: 2px;
  --ancho-lienzo: 1440px;
  --ancho-contenido: 1280px;
  --margen-desktop: 80px;
  --margen-laptop: 48px;
  --margen-tablet: 40px;
  --margen-mobile: 20px;
  --margen-mobile-estrecho: 16px;
  --medianil-desktop: 32px;
  --medianil-tablet: 24px;
  --medianil-mobile: 16px;
  --columna-texto-hero: 60%;
  --division-humano: 42%;
  --bp-desktop-amplio: 1440px;
  --bp-laptop: 1024px;
  --bp-tablet: 768px;
  --bp-mobile: 390px;
  --bp-mobile-estrecho: 320px;
  --alto-header: 120px;
  --alto-header-mobile: 64px;
  --boton-alto: 72px;
  --boton-ancho: 352px;
  --boton-ancho-compacto: 304px;
  --boton-alto-mobile: 56px;
  --icono-social: 72px;
  --icono-social-mobile: 48px;
  --icono-ui: 24px;
  --objetivo-tactil: 48px;
  --dur-rapida: 120ms;
  --dur-base: 200ms;
  --dur-dato: 240ms;
  --dur-menu: 280ms;
  --dur-aparicion: 400ms;
  --ease-estandar: cubic-bezier(0.2, 0, 0, 1);
  --ease-salida: cubic-bezier(0.4, 0, 1, 1);
}
:root{
  --font-display: Anton, Impact, "Arial Narrow", sans-serif;
  --font-funcional: Manrope, "Helvetica Neue", Arial, sans-serif;
}