/* base.css — estilos globales */

:root {
  --red:        #e31b1b;
  --black:      #0d0d0d;
  --white:      #ffffff;
  --nav-height: calc(50px + env(safe-area-inset-top, 0px));
}

html {
  scroll-behavior: smooth;
}

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

body {
  background: var(--black);
  color: var(--white);
  font-family: system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
  overflow-y: auto; /* declarado explícitamente para evitar bloqueo de scroll en algunos navegadores */
}