/* ==========================================================================
   KLAVIKA — tipografía corporativa de Sika
   Convertida a WOFF2 desde Brandfiles/Klavika.zip (4 pesos, 55 KB en total).

   Este archivo es EL ÚNICO punto de cambio de tipografía de la landing.
   Para sustituir la fuente, se toca este archivo y nada más.

   LICENCIA: la licencia de webfont es del CLIENTE (Sika), confirmado por el
   operador el 2026-09-21. No hay que volver a levantar esta duda. Lo único que
   queda por verificar, cuando se defina el dominio, es que ese dominio esté
   cubierto por la licencia de Sika, porque estas licencias suelen otorgarse
   por dominio.

   ⚠ REGLA DE NÚMEROS, IMPORTANTE:
   El peso Bold (700) del archivo entregado es "BoldOSF": trae figuras
   OLD-STYLE. Sus dígitos suben y bajan de la línea base (el "3" desciende
   -146 unidades). NO tiene figuras lining ni feature `lnum` para activarlas:
   lo verifiqué, el GSUB solo trae frac, liga y ordn.

   Consecuencia práctica: NUNCA pongas un número en peso 700.
   Los precios, calificaciones y conteos de opiniones van en peso 550
   (Medium), que sí trae figuras lining. Para eso existe --fuente-numero.

   Tampoco hay figuras tabulares en ningún peso (los dígitos tienen anchos
   distintos), así que `font-variant-numeric: tabular-nums` no hace nada.
   Si alguna vez se necesita una columna de números alineados al punto
   decimal, hay que alinearla con grid, no con la fuente.
   ========================================================================== */

@font-face {
  font-family: "Klavika";
  src: url("klavika-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Klavika";
  src: url("klavika-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Klavika";
  src: url("klavika-550.woff2") format("woff2");
  font-weight: 550;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Klavika";
  src: url("klavika-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Una sola familia en toda la página, como manda el manual de marca.
     La cascada termina en Calibri (el fallback que nombra el manual) y luego
     en la sans del sistema, para Android, donde no existe ninguna de las dos. */
  --fuente-titulo: "Klavika", Calibri, "Helvetica Neue", Arial, sans-serif;
  --fuente-cuerpo: "Klavika", Calibri, "Helvetica Neue", Arial, sans-serif;

  /* Úsala en CUALQUIER elemento que muestre cifras: precio, calificación,
     número de opiniones, presentación. Fuerza el peso 550 para evitar las
     figuras old-style del Bold. */
  --fuente-numero: "Klavika", Calibri, "Helvetica Neue", Arial, sans-serif;
  --peso-numero: 550;
}

/* Salvaguarda: si alguien pone un número en negritas por descuido, esta clase
   lo regresa al peso que sí tiene figuras lining. */
.cifra {
  font-family: var(--fuente-numero);
  font-weight: var(--peso-numero);
}