/* ==========================================================================
   BASE GLOBAL
   Normalización mínima, accesibilidad y utilidades compartidas. No contiene estilos específicos de páginas.
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  min-width: 320px;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--brand-accent) 72%, white);
  outline-offset: 3px;
}

.visually-hidden,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
}

.nev-page-shell {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}


/* ==========================================================================
   BASE LEGADO EXTRAÍDO DE styles.css — Fase 37
   Reset mínimo y tipografías base migradas para que styles.css deje de ser dueño global.
   ========================================================================== */

/* ============================================================
   01. TOKENS GLOBALES
   Paleta profesional azul/blanco/celeste + tipografías base.
   ============================================================ */
 body  {
   font-family: var(--font-body);

}
 h1, h2, h3, h4, h5, h6, .brand-title, .section-title  {
   font-family: var(--font-display);

}
 .numero, .num, .number, .resultado-numero, .bolilla, .numero-cabeza  {
   font-family: var(--font-number);

}

/* ============================================================
   CSS ORIGINAL: styles.css
   ============================================================ */
 *,:before,:after {
  box-sizing:border-box;
  margin:0;
  padding:0
}
html {
  scroll-behavior:smooth;
  font-size:16px
}
body {
  color:var(--color-marino);
  background-color:var(--color-gris-claro);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  max-width:100vw;
  min-height:100vh;
  font-family: var(--theme-font-body);
  font-weight:400;
  line-height:1.5;
  overflow-x:hidden
}
html {
  max-width:100vw;
  overflow-x:hidden
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer;
  background:0 0;
  border:none;
  font-family:inherit
}