/* ================================================= */
/* _base.css / RESET ESENCIAL               */
/* ================================================= */

/* 1. RESET CRÍTICO: MODELO DE CAJA UNIFORME */
/* ************************************************* */
/* Hace que el padding y border se incluyan en el ancho/alto total del elemento. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. RESET BASE DE MARGEN Y PADDING */
/* ************************************************* */
/* Elimina el margen por defecto del navegador en los elementos raíz. */
html,
body {
  margin: 0;
  padding: 0;
}

/* 3. MEJORAS DE ACCESIBILIDAD Y RENDIMIENTO */
/* ************************************************* */
/* Asegura el antialiasing de la fuente para un texto más nítido. */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5; /* Mejora la legibilidad del texto base */
  min-height: 100vh; /* Asegura que el body ocupe al menos la altura completa de la ventana */
}

/* 4. RESET DE ELEMENTOS ESTRUCTURALES Y TIPOGRAFÍA */
/* ************************************************* */
/* Elimina el margen y padding por defecto de los elementos comunes. */
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl {
  margin: 0;
  padding: 0;
}

/* 5. LISTAS */
/* ************************************************* */
/* Elimina el estilo de lista y el margen/padding inconsistente. */
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 6. IMÁGENES RESPONSIVAS */
/* ************************************************* */
/* Asegura que las imágenes y contenido incrustado nunca desborden el contenedor. */
img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
  display: block; /* Ayuda a eliminar el espacio en blanco inferior que a veces tienen las imágenes */
}

/* 7. FORMULARIOS Y BOTONES */
/* ************************************************* */
/* Reinicia los estilos de botón para un control total. */
button, input, select, textarea {
  font: inherit; /* Hereda las propiedades de fuente de body */
}

/* 8. ENLACES */
/* ************************************************* */
/* Reset básico: los estilos completos se definen en _typography.css */
a {
    color: inherit; /* Opcional: Hereda el color del padre por defecto */
    text-decoration: none; /* Opcional: Elimina el subrayado por defecto */
}