/* Asegurar que las imágenes del carrusel se vean bien en móviles */
@media (max-width: 767.98px) {
    .carousel-item img {
        height: 300px !important; /* Altura menor para pantallas pequeñas */
    }
    .carousel-caption {
        display: none !important; /* Ocultar leyendas en móviles para ahorrar espacio */
    }
}

/* Mejorar la visibilidad de los controles */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 15px;
}