/* ==========================================================================
    CARRUSEL / HERO
   ========================================================================== */
.pt-5-custom {
    padding-top: 90px !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    padding: 25px;
    background-size: 50%;
    transition: background-color 0.3s ease;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background-color: var(--primary);
}

#carouselOfertas {
    margin-top: 0;
}