/* =========================
   WRAPPER FILTROS
========================= */
.contegral-filters-wrapper{
    margin-bottom:20px;
    display:flex;
    justify-content:flex-end;
}

/* =========================
   FILTROS
========================= */
.contegral-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}

.contegral-filters select{
    padding:10px 12px;
    border-radius:6px;
    border:1px solid #ddd;
    background:#fff;
    font-weight:500;
    outline:none;
}

.contegral-filters button{
    padding:10px 16px;
    background:#f4a300;
    border:none;
    font-weight:bold;
    cursor:pointer;
    border-radius:6px;
    transition:0.2s ease;
}

.contegral-filters button:hover{
    opacity:0.85;
}

/* =========================
   SLIDER CARD
========================= */
.news-card{
    height:320px;
    border-radius:14px;
    overflow:hidden;
    position:relative;
}

/* IMAGEN */
.news-card .img{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    z-index:0;
}

/* OVERLAY COLOR (AFTER EFFECT) */
.news-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:#C89425;
    opacity:0.35;
    z-index:1;
}

/* =========================
   TEXTO ENCIMA
========================= */
.overlay{
    position:absolute;
    bottom:0;
    width:100%;
    padding:20px;
    color:#fff;
    z-index:2;
    background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
        z-index: 999;
}

/* TITULO */
.overlay h3{
    margin:0;
    font-size:18px;
    color:#fff;
    font-weight:600;
    position:relative;
    z-index:3;
}

/* BOTON */
.overlay a {
    display: inline-block;
    margin-top: 10px;
    background: #fcc664;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    position: relative;
    z-index: 3;
    transition: 0.2s ease;
}

.overlay a:hover{
    transform:translateY(-2px);
}

/* =========================
   NAV SLIDER
========================= */
.swiper-button-next,
.swiper-button-prev{
    color:#C89425;
}

/* ocultar bullets */
.swiper-pagination{
    display:none !important;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px){
    .contegral-filters-wrapper,
    .contegral-filters{
        justify-content:center;
    }
}

.swiper-button-next, .swiper-button-prev {
    color: #2e0c02 !important;
}