/* ============================================================
   HOMBRES — hombres.css
   Todo el layout (banner, marcas, filtros, grilla de productos,
   paginación, carrito, etc.) se reutiliza tal cual de mujeres.css.
   Este archivo solo cambia lo que es distinto: la imagen de fondo
   del banner de categoría.
   Recuerda subir la imagen a "img/fondo_hombres.png" (o ajusta la
   ruta de abajo si le pones otro nombre/extensión).
   ============================================================ */

.cat-banner--hombres::before {
  background-image:
    linear-gradient(to bottom, rgba(20,20,25,0.4) 0%, rgba(10,10,15,0.65) 100%),
    url('img/fondo_hombres.png');
}