/* ---------------------------------------------------------------------
   TIPOGRAFÍA DE LOS NÚMEROS — regla de marca: las cifras van en ARIAL.
   ---------------------------------------------------------------------
   Estuvo al revés: --font-data apuntaba a Raleway con un comentario que
   decía «nunca Arial», y sólo algunas clases sueltas (.data y compañía)
   cambiaban de fuente. Cualquier número fuera de esas clases —un título,
   un botón, un párrafo, lo que pinta un script— salía en Poppins o Raleway.

   Mismo mecanismo que el ERP (erp/frontend/src/assets/theme.css): una
   familia que SÓLO cubre los dígitos y sus separadores, puesta primera en
   todas las familias del sitio. El navegador la usa para las cifras y cae a
   la fuente de la marca para todo lo demás, sin marcar nada a mano.
   Android no trae Arial: Arimo (métricamente idéntica) va de respaldo.
   --------------------------------------------------------------------- */
@font-face {
  font-family: "NumerosSitio";
  font-weight: 100 500;
  src: local("Arial"), local("Helvetica"), local("Liberation Sans"),
       url("../fonts/arimo-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0030-0039, U+002C, U+002E, U+00A0, U+2009;
}
@font-face {
  font-family: "NumerosSitio";
  font-weight: 600;
  src: local("Arial Bold"), local("Arial"), local("Helvetica"), local("Liberation Sans"),
       url("../fonts/arimo-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0030-0039, U+002C, U+002E, U+00A0, U+2009;
}
@font-face {
  font-family: "NumerosSitio";
  font-weight: 700 900;
  src: local("Arial Bold"), local("Arial"), local("Helvetica"), local("Liberation Sans"),
       url("../fonts/arimo-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0030-0039, U+002C, U+002E, U+00A0, U+2009;
}

/* ==========================================================================
   Crisser Corporación — Design Tokens (REBRANDING)
   Reemplaza assets/css/tokens.css
   Mantiene los MISMOS nombres de variable (no rompe styles.css / landing.css);
   solo ajusta valores del rebrand y añade tokens de apoyo.
   ========================================================================== */

:root {
  /* ---- Paleta oficial Crisser ---- */
  --color-primary: #0e5688;        /* Azul institucional */
  --color-secondary: #0072b6;      /* Azul de conversión / CTAs */
  --color-accent-1: #336666;       /* Verde-azulado (tags, cue "pago seguro") */
  --color-accent-2: #330066;       /* Violeta (muy dosificado) */
  --color-dark: #0a0d12;           /* Casi-negro de alta lectura para títulos */
  --color-grey: #5f6b78;           /* Texto secundario / subtítulos (tono más legible) */
  --color-light-grey: #99cccc;     /* Pastel azulado / fondos alternos */
  --color-bg: #ffffff;             /* Fondo base */

  /* ---- Neutros de soporte usados por el rebrand ---- */
  --color-body: #4b5563;           /* Cuerpo de párrafo */
  --color-border: #e7edf3;         /* Bordes de card */
  --color-border-2: #e1e9f0;       /* Bordes de card alternos */
  --color-input-border: #dde5ec;   /* Bordes de input */

  /* ---- Tintes de apoyo (no alteran la marca) ---- */
  --color-primary-soft: #e7eef4;
  --color-secondary-soft: #eef4f9; /* Fondo suave de secciones */

  /* ---- Color de producto (Seguros Caracas) — override por landing más abajo ---- */
  --brand: var(--color-secondary);
  --brand-dark: #005f99;
  --brand-soft: #eef4f9;

  /* ---- Tipografía ---- */
  /* "NumerosSitio" va PRIMERO en todas: sólo cubre dígitos y separadores
     (ver @font-face abajo), así que las cifras salen en Arial y el resto del
     texto en la fuente de la marca. */
  --font-heading: "NumerosSitio", "Poppins", system-ui, sans-serif;
  --font-body: "NumerosSitio", "Raleway", system-ui, sans-serif;
  --font-data: var(--font-body);

  /* ---- Escala tipográfica ---- */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.5rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Espaciado ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  /* ---- Radios y sombras ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-card: 18px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 8px 22px rgba(14, 86, 136, 0.06);
  --shadow-card-lg: 0 12px 34px rgba(14, 86, 136, 0.10);
  --shadow-md: 0 6px 20px rgba(14, 86, 136, 0.12);

  /* ---- Layout ---- */
  --container-max: 1280px;
  --header-h: 74px;

  /* ---- Transiciones ---- */
  --transition: 200ms ease;
}

/* Números, tarifas, sumas aseguradas y datos monetarios → Arial */
.data,
.numeric,
.plan-price,
.plan-coverage .data,
.quote-total__amount,
.anexo__sum {
  font-family: var(--font-data);
  font-variant-numeric: tabular-nums;
}