/* ========================================
   HOME - HERO SLIDER + COMPONENTES
   ======================================== */

/* Slider Hero da Home (baseado no slider do blog) */
.bcn-home-hero-slider .swiper-wrapper {
    transition-timing-function: ease-in-out;
}

@media (min-width: 768px) {
    .bcn-home-hero-slider {
        min-height: 462px;
    }

    .bcn-home-hero-slider .swiper-slide {
        min-height: 462px;
    }
}

.bcn-home-hero-slider .swiper-pagination {
    bottom: 5% !important;
    width: 100% !important;
    z-index: 20;
    position: absolute;
}

.bcn-home-hero-slider .swiper-pagination-bullet {
    width: 20px;
    height: 5px !important;
    background: #C3C3C3;
    opacity: 1;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

.bcn-home-hero-slider .swiper-pagination-bullet-active {
    background: var(--bcn-secondary);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 32px;
    border-radius: 6px;
}

.bcn-home-hero-slider .swiper-button-next,
.bcn-home-hero-slider .swiper-button-prev {
    width: 36px;
    height: 36px;
    color: var(--bcn-secondary);
    font-weight: 700;
    background: #999FAA;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 3;
}

.bcn-home-hero-slider .swiper-button-next:hover,
.bcn-home-hero-slider .swiper-button-prev:hover {
    background: #fff;
}

.bcn-home-hero-slider .swiper-button-next::after,
.bcn-home-hero-slider .swiper-button-prev::after {
    font-size: 18px;
    font-weight: 700;
}

.bcn-home-hero-slider .swiper-button-prev {
    left: 3% !important;
}

.bcn-home-hero-slider .swiper-button-next {
    right: 3% !important;
}

@media (min-width: 1800px) {
    .bcn-home-hero-slider .swiper-button-prev {
        left: 12% !important;
    }

    .bcn-home-hero-slider .swiper-button-next {
        right: 12% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .bcn-home-hero-slider .swiper-button-prev {
        left: 2% !important;
    }

    .bcn-home-hero-slider .swiper-button-next {
        right: 2% !important;
    }
}

@media (max-width: 768px) {
    .bcn-home-hero-slider .swiper-button-prev {
        left: 1% !important;
        width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
    }

    .bcn-home-hero-slider .swiper-button-next {
        right: 1% !important;
        width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
    }
}

.bcn-courses-slider-wrapper .bcn-courses-slider-desktop {
    display: none !important;
}
.bcn-courses-slider-wrapper .bcn-courses-slider-mobile {
    display: block !important;
}
@media (min-width: 768px) {
    .bcn-courses-slider-wrapper .bcn-courses-slider-desktop {
        display: block !important;
    }
    .bcn-courses-slider-wrapper .bcn-courses-slider-mobile {
        display: none !important;
    }
}

@media (-webkit-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) and (max-resolution: 132dpi) {
    .bcn-sobre-nos-bg {
        right: 3% !important;
    }
}