.gs-hero-home {
    position: relative;
    height: 530px;
    overflow: hidden;
    width: 100%;
}

.gs-hero-slide{
position:relative;
min-height:530px;
}

.gs-hero-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.gs-hero-slide::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #3c67bc 0%, #3c67bce6 40%, rgb(78 115 185 / 50%) 70%, rgba(78, 115, 185, 0) 100%);
    z-index: 2;
}

.gs-hero-banner {
    position: absolute;
    left: 10%;
    top: 60%;
    transform: translateY(-50%);
    max-width: 430px;
    z-index: 3;
}

.hero-pagination{
    position: absolute;
    width: 20px !important;
    right: 40px;
    height: auto !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 10px;
    z-index: 5;
}

.hero-pagination .swiper-pagination-bullet{
width:6px;
height:40px;
border-radius:4px;
background:var(--color-blanco);
opacity:1;
}

.hero-pagination .swiper-pagination-bullet-active{
background:var(--color-primario-anaranjado);
}

/* ============================
   HERO RESPONSIVE
============================ */

@media (max-width:767px){

.gs-hero-home {
        height: 420px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
}

.gs-hero-slide{
min-height:420px;
}

.gs-hero-banner{
left:50%;
top:57%;
transform:translate(-50%, -50%);
max-width:300px;
}

.hero-pagination{
width:auto !important;
right:auto;
left:50% !important;
top:auto !important;
bottom:20px !important;
transform:translateX(-50%);

flex-direction:row;
justify-content:center;
gap:8px;
}

.hero-pagination .swiper-pagination-bullet{
width:40px;
height:6px;
}

}