/* ===== Hover overlay blanco para tus 3 “super botones” ===== */

#categoria-1,
#categoria-2,
#categoria-3{
  position: relative;
  overflow: hidden;
}

/* Capa blanca */
#categoria-1::after,
#categoria-2::after,
#categoria-3::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.35); /* <- ajustá la opacidad */
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events: none; /* deja clickeable el link */
  z-index: 1;
}

/* Mantener texto/contenido por encima del overlay */
#categoria-1 > *,
#categoria-2 > *,
#categoria-3 > *{
  position: relative;
  z-index: 2;
}

/* Activación al pasar el mouse */
#categoria-1:hover::after,
#categoria-2:hover::after,
#categoria-3:hover::after{
  opacity: 1;
}