﻿/* ====================================
   CARRUSEL PROGRAMA - UNA IMAGEN POR SLIDE
   ==================================== */

.programa-slide {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
}

.programa-slide-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.programa-slide-content {
    text-align: center;
}


/* Responsive */
@media (max-width: 768px) {
    .programa-slide {
        height: 400px;
    }

}

@media (max-width: 480px) {
    .programa-slide {
        height: 220px;
    }

    .programa-slide-img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        transition: transform 0.5s ease;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
        opacity: 1;
    }

.carousel-control-prev {
    left: 15px;
}

.carousel-control-next {
    right: 15px;
}

