/* ===========================================================================
   reset.css — FichaNutraX
   ---------------------------------------------------------------------------
   El <head> de todas las páginas referencia este archivo PRIMERO, pero faltaba
   (daba 404). Sin él no existía el reset global de `box-sizing`, por lo que
   cualquier contenedor con `width: 100%` + padding desbordaba su ancho — en
   móvil eso cortaba los bloques/tarjetas por la derecha y descuadraba el index.

   Lo esencial es el `box-sizing: border-box` global (el padding y el borde
   quedan DENTRO del ancho declarado, no se suman). Reset mínimo y conservador
   para no alterar el espaciado ya afinado del sitio.
   =========================================================================== */

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

/* Las imágenes y medios nunca desbordan su contenedor */
img,
picture,
video,
canvas,
svg,
iframe {
  max-width: 100%;
}
