/* ==========================================================================
   Odesa · variables globales y escala de letra (una sola fuente).
   Los tamaños de letra salen de aquí; ninguna página lleva sus propios valores por dispositivo.
   Escritorio = prototipo a 1440 px · Móvil (≤767 px) = prototipo a 390 px · Tableta (≤1024 px) = punto medio, sin artboard
   en el prototipo (ajustable aquí, en un solo lugar).
   Los espacios de las franjas (relleno, separación, alto) NO están aquí: van como controles nativos de Elementor en el
   contenido (generador/odesa_lib.py), con valor de escritorio, tableta y móvil.
   ========================================================================== */
:root{
  /* Marca (prototipo aprobado) */
  --od-azul-noche:#0F2D40; --od-dorado:#E0A526; --od-azul:#22759F; --od-azul-2:#3883A8; --od-celeste:#9FCCE3;
  --od-fondo-claro:#EAF4FA; --od-texto-2:#4A5D6B; --od-borde:#C9D8E2; --od-borde-2:#D8E3EA; --od-blanco:#fff;
  --od-pie:#0B2232; --od-sobre-oscuro:#C6D5E0; --od-sobre-portada:#D6E4EC;
  --od-fuente-titulos:'Barlow','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --od-fuente-texto:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;

  /* Ancho máximo del contenido: debe coincidir con container_width del kit de Elementor (inc/kit.json) y ODESA_ANCHO */
  --od-ancho:1200px;

  /* Letra */
  --od-fs-h1:56px; --od-fs-h2:36px; --od-fs-h3:22px; --od-fs-cuerpo:16px; --od-fs-meta:13px; --od-fs-eyebrow:13px;
  --od-fs-boton:16px; --od-fs-menu:16px; --od-fs-submenu:15px; --od-fs-numero:36px; --od-fs-canal:18px; --od-fs-valor:16px; --od-fs-chip:15px; --od-fs-pag:15px;
  --od-lh-titulo:1.08; --od-lh-texto:1.6;

  /* Cabecera y pie (px del prototipo) */
  --od-lateral:32px;        /* margen lateral: igual al relleno de contenedores del kit */
  --od-cab-alto:88px; --od-logo-alto:58px;
  --od-wa-tam:52px; --od-wa-pos:24px;
}
@media (max-width:1024px){
  :root{
    --od-fs-h1:44px; --od-fs-h2:32px; --od-fs-h3:20px; --od-fs-cuerpo:16px; --od-fs-meta:13px; --od-fs-eyebrow:13px;
    --od-fs-boton:16px; --od-fs-menu:16px; --od-fs-submenu:15px; --od-fs-numero:32px; --od-fs-canal:18px; --od-fs-valor:16px; --od-fs-chip:15px; --od-fs-pag:15px;
    --od-lateral:32px; --od-cab-alto:72px; --od-logo-alto:46px;
  }
}
@media (max-width:767px){
  :root{
    --od-fs-h1:34px; --od-fs-h2:26px; --od-fs-h3:19px; --od-fs-cuerpo:15px; --od-fs-meta:13px; --od-fs-eyebrow:13px;
    --od-fs-boton:15px; --od-fs-menu:19px; --od-fs-submenu:16px; --od-fs-numero:26px; --od-fs-canal:16px; --od-fs-valor:15px; --od-fs-chip:14px; --od-fs-pag:15px;
    --od-lh-titulo:1.1; --od-lh-texto:1.55;
    --od-lateral:16px; --od-cab-alto:72px; --od-logo-alto:46px;
    --od-wa-tam:52px; --od-wa-pos:16px;
  }
}