/*
#152d42 — azul
#f3efec — gris suave
#587c8f — azul claro

Primario
#152D42

Secundario
#587C8F

Fondo
#F3EFEC

Texto
#152D42

Hover
#1D3C57

Bordes
#DAD5D0
*/

/* Color principal del Swiper */
.homeSlider {
    --swiper-theme-color: #D4F04A;
}

/* Contenedor */
.homeSlider {
    border-radius: 30px;
    overflow: hidden;
}

/* Imágenes */
.homeSlider .swiper-slide img {

    width: 100%;
    height: 400px;
    object-fit: cover;

    transition: transform 8s linear;

}

/* Efecto Zoom lento */

.homeSlider .swiper-slide-active img {

    transform: scale(1.08);

}


/* Hover */

/* Icono */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 22px;
    font-weight: bold;
}

/* Paginación */
.swiper-pagination {
    bottom: 20px !important;
}


/* Sombras del Banner */
.homeSlider::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    box-shadow: inset 0 0 120px rgba(0, 0, 0, .35);
}

/* Flechas */

.swiper-button-next,
.swiper-button-prev {

    width: 46px;
    height: 46px;

    border-radius: 50%;

    /*    background: rgba(15, 23, 42, .75);

    backdrop-filter: blur(10px);

    color: #D4F04A !important;

    border: 1px solid rgba(255, 255, 255, .08);
*/
    transition: .3s;
}

/* Hover */



/* Icono */

.swiper-button-next::after,
.swiper-button-prev::after {

    font-size: 16px;
    font-weight: bold;

}

/* Separarlas del borde */

.swiper-button-prev {

    left: 18px;

}

.swiper-button-next {

    right: 18px;

}

.swiper-pagination-bullet {

    width: 12px;
    height: 12px;

    background: #D4F04A;

    opacity: .30;

    transition: .3s;

}

.swiper-pagination-bullet-active {

    width: 34px;

    border-radius: 999px;

    background: #D4F04A;

    opacity: 1;

}

/* Responsive */
@media(max-width:768px) {
    .homeSlider .swiper-slide img {
        height: 260px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 42px;
        height: 42px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 15px;
    }
}