/* Tokens de marca OSBLACK. Idéntico en catalogo/ y feria/. No editar aquí: se cambia en los dos. */
@font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/montserrat-500.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/montserrat-600.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/montserrat-700.woff2") format("woff2"); }

:root {
  --os-dorado: #B38A3B;
  --os-dorado-claro: #EDDE9F;
  --os-dorado-oscuro: #8C6A28;
  --os-noche: #090F1C;
  --os-noche-2: #131B2E;
  --os-crema: #F2EFE7;
  --os-blanco: #FFFFFF;
  --os-gris-900: #2E2D2C;
  --os-gris-700: #3C3C3B;
  --os-gris-300: #C6C6C6;
  --os-gris-100: #F0F0F0;
  --os-whatsapp: #4FCE5D;
  --os-error: #B92C3E;
  --os-ok: #2E7D4F;

  --os-fuente: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --os-radio: 12px;
  --os-radio-sm: 8px;
  --os-sombra: 0 2px 10px rgba(9, 15, 28, .10);
  --os-toque: 48px; /* alto mínimo de un control táctil */
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--os-fuente);
  color: var(--os-noche);
  background: var(--os-crema);
  line-height: 1.45;
}
*, *::before, *::after { box-sizing: border-box; }