/* Estilos específicos para colores de slide-title y slide-desc */

/* Overlay negro translúcido para resaltar el texto del slider */
.image-slide-overlay {
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

/* Asegura que el contenido (título y descripción) quede por encima del overlay */
.image-slide-content {
    z-index: 2;
}

/* Título del slide */
.image-slide-content .slide-title {
    color: #92d348 !important; /* Verde - Puedes cambiar este color */
    font-size: 2rem;
    margin: 0 0 0.4rem 0;
    
}

/* Descripción del slide */
.image-slide-content .slide-desc {
    color: #ffffff; /* Azul - Puedes cambiar este color */
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

/* Media queries para responsive */
@media (max-width: 768px) {
    .image-slide-content .slide-title { 
        font-size: 1.6rem; 
    }
    .image-slide-content .slide-desc { 
        font-size: 1rem; 
    }
}

@media (max-width: 480px) {
    .image-slide-content .slide-title { 
        font-size: 1.3rem; 
    }
    .image-slide-content .slide-desc { 
        font-size: 0.95rem; 
    }
}