/* ==========================================================
   VITRINE PREMIUM
========================================================== */

.featured-properties{
    padding:70px 0;
    position:relative;
}

.featured-properties .container{
    position:relative;
}
.featured-navigation-top{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:20px 0 30px;
}
/* ==========================================================
   SWIPER
========================================================== */

.featured-swiper{
    overflow:visible;
    position:relative;
    padding:10px 6px 120px;
}

.featured-swiper .swiper-wrapper{
    align-items:stretch;
}

.featured-swiper .swiper-slide{
    box-sizing:border-box;
    height:auto;
}

/* ==========================================================
   GRID DESKTOP
========================================================== */

.vitrine-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
    padding-bottom:50px;
}

.vitrine-grid .property-card{
    height:100%;
    display:flex;
    flex-direction:column;
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1199px){

    .vitrine-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .vitrine-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:20px;
        padding-bottom:40px;
    }

    .featured-swiper{
        padding:10px 18px 80px;
    }

}

/* ==========================================================
   SETAS
========================================================== */

.featured-navigation-top{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    margin:20px 0 30px;
}

.featured-prev,
.featured-next,
.featured-prev-top,
.featured-next-top{

    width:46px;
    height:46px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);

    cursor:pointer;

    transition:.25s;

    z-index:30;
}

/* Botões inferiores */

.featured-prev,
.featured-next{
    position:absolute;
    bottom:0;
    top:auto;
    transform:none;
}

.featured-prev{
    left:calc(50% - 60px);
}

.featured-next{
    right:calc(50% - 60px);
}

/* Botões superiores */

.featured-prev-top,
.featured-next-top{
    position:relative;
}

/* Hover IGUAL para os dois conjuntos */

.featured-prev:hover,
.featured-next:hover,
.featured-prev-top:hover,
.featured-next-top:hover{
    background:#d71920;
    color:#fff;
    transform-origin:center center; 
}

.featured-prev svg,
.featured-next svg,
.featured-prev-top svg,
.featured-next-top svg{
    width:22px;
    height:22px;
}

.featured-prev:hover svg,
.featured-next:hover svg,
.featured-prev-top:hover svg,
.featured-next-top:hover svg{
    stroke:#fff;
}

@media (max-width:767px){

    .featured-prev{
        left:calc(50% - 60px);
        bottom:0;
    }

    .featured-next{
        right:calc(50% - 60px);
        bottom:0;
    }

}