/* ==========================================================================
   RESET — configuración base del documento
   ========================================================================== */

html {
  font-size: 62.5%; /* 1rem = 10px */
  box-sizing: border-box;
  scroll-behavior: smooth;
  /* scroll-snap-type eliminado — causaba scroll roto en todas las páginas */
}

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  font-size: 1.6rem;
  font-family: var(--fuente-texto);
  min-height: 100vh;
  background: var(--tema-pagina-bg);
  transition: background 0.4s ease;
}

body.no-scroll {
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   ELEMENTOS BASE
   Consolidan el boilerplate que antes se repetía en cada componente:
   los controles de formulario heredan la tipografía, los botones se
   "desnudan" (sin fondo/borde, cursor de mano) y los enlaces no subrayan.
   Cualquier componente (clase) sigue pudiendo sobrescribir esto.
   -------------------------------------------------------------------------- */
button, input, select, textarea {
  font: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

a {
  text-decoration: none;
}