.galeria_imagenes .carousel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
    /* El degradado: transparente hasta 50%, luego hacia negro al 40% */
    background: linear-gradient(
    to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 1) 100%
    );
    
    pointer-events: none; /* Para no bloquear clics en el carousel */
    z-index: 2; /* Que quede arriba de las imágenes, pero abajo de controles/textos */
}

.galeria_imagenes:hover .carousel::after {
  opacity: 0;
}

.galeria_imagenes .carousel-control-prev,
.galeria_imagenes .carousel-control-next {
  z-index: 3;
}