/* ============================================================
   Gumma — Design tokens
   Fuente: gumma-web/research/wix-current/styles/ESTILOS-ACTUALES.md
   Solo valores CONFIRMADOS del sitio vivo (25/08/2026), salvo los
   marcados INFERIDO. Nada proviene de CSS autogenerado de terceros.
   ============================================================ */
:root {
  /* --- Paleta (CONFIRMADA) --- */
  --gumma-color-text: #121212;
  --gumma-color-white: #ffffff;
  --gumma-color-navy: #041e41;          /* navy institucional */
  --gumma-color-navy-alt: #0a2445;      /* navy alternativo */
  --gumma-color-blue: #28448e;          /* azul de marca / interactivo */
  --gumma-color-accent: #ddc762;        /* amarillo/acento */
  --gumma-color-gray-dark: #57585a;
  --gumma-color-gray: #7d7d7d;          /* tambien: fondo boton MENU mobile */
  --gumma-color-gray-secondary: #737e85;
  --gumma-color-border: #c9c9c9;
  --gumma-color-surface: #f5f5f5;
  --gumma-color-surface-alt: #eeeeee;
  --gumma-overlay-scrim: rgba(0, 0, 0, 0.6);   /* scrim del menu mobile (CONFIRMADO) */

  /* --- Tipografias ---
     Sora: cargada via Google Fonts (300/400/700) — permitida en dev local.
     Avenir LT: PENDIENTE DE LICENCIA. NO se incluye ningun archivo de fuente.
     El stack declara Avenir para cuando exista la licencia y cae en
     fallbacks del sistema mientras tanto. Las mediciones documentadas
     (tamanos/pesos/tracking) estan tomadas con Avenir: hasta licenciarla,
     el render local NO es pixel-fiel en los elementos Avenir y eso es
     esperado, no un supuesto. */
  --gumma-font-ui: "Sora", sans-serif;                    /* nav, labels, botones, stats */
  --gumma-font-heading: "Avenir LT W01 35 Light", "Avenir", "Avenir Next",
                        "Helvetica Neue", Arial, sans-serif;  /* headings editoriales */
  --gumma-font-body: var(--gumma-font-heading);           /* cuerpo tambien es Avenir */

  /* --- Layout (CONFIRMADO; container INFERIDO del ancho util 1265-2x38) --- */
  --gumma-container-max: 1189px;
  --gumma-page-gutter-desktop: 38px;
  --gumma-page-gutter-mobile: 18px;         /* logo mobile en x≈18 (CONFIRMADO) */
  --gumma-header-height-desktop: 93px;      /* ~92.8px medidos */
  --gumma-header-height-mobile: 84.4px;

  /* --- Radios (CONFIRMADOS) --- */
  --gumma-radius-button: 5px;      /* submit contacto */
  --gumma-radius-control: 6px;     /* inputs */
  --gumma-radius-filter: 8px;      /* filtros y CTA hero */
  --gumma-radius-round: 200px;     /* controles circulares */

  /* --- Tamanos tipograficos de referencia (CONFIRMADOS) --- */
  --gumma-font-size-nav: 12px;              /* Sora Light 12/700, ls .6px */
  --gumma-font-size-body-sm: 15px;
  --gumma-font-size-body: 18px;
  --gumma-font-size-h2: 35px;
  --gumma-font-size-product-title: 40px;
  --gumma-font-size-stat: 60px;

  /* --- Z-index documentados (CONFIRMADOS en mobile) --- */
  --gumma-z-header-mobile: 55;       /* wrapper visible del header mobile fijo */
  --gumma-z-mobile-nav: 100000;      /* panel de navegacion mobile */
  /* z-index numerico del mega-menu desktop: PENDIENTE en el relevamiento
     (los wrappers reportan auto); se usa un valor local >header sin
     declararlo "confirmado". */
  --gumma-z-megamenu: 60;

  /* --- Medidas de componentes globales (CONFIRMADAS) --- */
  --gumma-logo-w-desktop: 149px;
  --gumma-logo-h-desktop: 33px;
  --gumma-logo-w-mobile: 116px;      /* 116.1 medido */
  --gumma-logo-h-mobile: 25.5px;
  --gumma-megamenu-height: 330px;    /* aprox medido */
}