/* Indicadores */
/*.carousel-indicators {
    bottom: 15px;
    margin: 0;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.carousel-indicators .active {
    background: #fff;
    transform: scale(1.3);
}*/

/* Efecto hover */
/*.carousel-indicators li:hover {
    border-color: #fff;
    background: rgba(255,255,255,0.7);
}
*/
/* Flechas de navegación */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 35px;
    height: 35px;
    background-size: 60% 60%;
}

.custom-carousel {
    max-height: 100vh;
    /* Máximo alto de la pantalla */
    overflow: hidden;
}

.custom-carousel .carousel-inner,
.custom-carousel .carousel-item {
    height: 100%;
}

.custom-carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Mantiene la proporción de la imagen */
}