.category-banner {
    position: relative;
    background-size: cover; /* Ajusta la imagen para cubrir el contenedor */
    background-position: center; /* Centra la imagen */
    height: 300px; /* Ajusta según lo necesario */
}

.category-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Color de fondo semitransparente */
    z-index: 1; /* Asegura que esté detrás del contenido */
}

.category-banner .container {
    position: relative;
    z-index: 2; /* Asegura que el contenido esté encima del overlay */
}

.text-white {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); /* Agrega contraste al texto */
}

.container_categories_grid{
    position: relative;
    top: -50px;
    z-index: 10;

}