/* ==================================== [01] RESET Y CONTENEDOR GENERAL ------------------------------------ Este bloque tiene como objetivo establecer un punto de partida limpio y coherente para el diseño. 1. Elimina los márgenes y el padding predeterminados del navegador. 2. Define el modelo de caja (box model) global como border-box, lo cual facilita el cálculo de dimensiones. 3. Aplica una fuente predeterminada para todo el sitio. 4. Establece un fondo blanco como base para toda la página. ==================================== */ body { margin: 0; /* Elimina el margen exterior del */ padding: 0; /* Elimina el espacio interior del */ box-sizing: border-box; /* Hace que el ancho/alto incluyan padding y border */ font-family: sans-serif; /* Define una fuente genérica moderna y limpia */ background: #fff; /* Fija el color de fondo del sitio como blanco */ }