/* Estilos para los carruseles */
.carousel {
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.carousel-inner {
    border-radius: 10px;
}

.carousel-item img {
    border-radius: 10px;
    transition: transform 0.5s ease;
    height: 300px; /* Altura fija para todas las imágenes */
    object-fit: cover; /* Asegura que la imagen cubra el espacio sin distorsionarse */
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .carousel-item img {
        height: 250px;
    }
    
    .row.g-4 {
        flex-direction: column;
    }
    
    .col-md-4 {
        margin-bottom: 20px;
    }
}

/* Efecto hover sutil */
.carousel-item img:hover {
    transform: scale(1.02);
}

/* Asegurar que los carruseles tengan el mismo tamaño */
.carousel {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Ajustes para la transición automática */
.carousel-item {
    transition: transform 1s ease-in-out;
}