/* =========================
   RESET (MINIMAL & EDITORIAL)
   - Elimina estilos por defecto del navegador
   - Establece una base limpia y predecible
   - NO define estética
   - NO define layout
   - NO define comportamiento
   ========================= */

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

/* =========================
   DOCUMENT
   - Elimina márgenes invisibles
   - Evita desplazamientos inesperados
   ========================= */
html,
body {
  margin: 0;
  padding: 0;
}

/* =========================
   TYPOGRAPHY
   - Elimina márgenes por defecto
   - El ritmo vertical se define en base.css
   ========================= */
h1,
h2,
h3,
p {
  margin: 0;
}

/* =========================
   LISTS
   - Neutraliza listas
   - Útil para navegación o UI futura
   ========================= */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================
   MEDIA
   - Evita espacios fantasma
   - Mantiene proporción
   ========================= */
img {
  display: block;
  max-width: 100%;
}