/* =========================
   NOTÍCIAS (modelo antigo)
========================= */

.multi-carousel {
    position: relative;
}

    /* dá um respiro pros botões ficarem fora */
    .multi-carousel .carousel-inner {
        padding: .25rem 3.25rem;
    }

    /* o slide vira uma "linha" como no antigo */
    .multi-carousel .carousel-slide {
        align-items: stretch;
    }

    /* largura fixa semelhante ao owl (evita card esticar demais) */
    .multi-carousel .carousel-card {
        flex: 0 0 calc(100% / var(--items-per-slide, 1));
        max-width: calc(100% / var(--items-per-slide, 1));
    }

    /* card com cara do antigo */
    .multi-carousel .card {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 25px rgba(0,0,0,.08);
    }

    /* imagem “banner” com crop igual ao antigo */
    .multi-carousel .card-img-top {
        height: 150px; /* ajuste fino aqui */
        width: 100%;
        object-fit: cover;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    /* corpo branco “recortado” (como no print) */
    .multi-carousel .card-body {
        background: #fff;
        padding: 12px 14px;
    }

    /* data pequena */
    .multi-carousel .badge {
        font-weight: 500;
        border-radius: 0;
    }

    /* título mais “forte”, como no antigo */
    .multi-carousel .card-title {
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.2;
    }

    /* ===== Setas amarelas grandes (estilo antigo) ===== */
    .multi-carousel .noticias-prev,
    .multi-carousel .noticias-next {
        width: auto;
        opacity: 1;
        top: 55%;
        transform: translateY(-50%);
    }

    .multi-carousel .noticias-prev {
        left: .25rem;
    }

    .multi-carousel .noticias-next {
        right: .25rem;
    }

    .multi-carousel .noticias-arrow {
        display: grid;
        place-items: center;
        width: 48px;
        height: 48px;
        border-radius: 10px;
        background: #f3b400; /* amarelo */
        color: #fff;
        font-size: 34px;
        line-height: 1;
        box-shadow: 0 10px 25px rgba(0,0,0,.12);
    }

        .multi-carousel .noticias-arrow i {
            transform: translateY(-1px);
        }

    /* remove o ícone padrão do bootstrap (pra não “duplicar”) */
    .multi-carousel .carousel-control-prev-icon,
    .multi-carousel .carousel-control-next-icon {
        display: none !important;
    }

/* mobile: seta menor */
@media (max-width: 575.98px) {
    .multi-carousel .carousel-inner {
        padding: .25rem 2.25rem;
    }

    .multi-carousel .noticias-arrow {
        width: 40px;
        height: 40px;
        font-size: 28px;
        border-radius: 10px;
    }

    .multi-carousel .card-img-top {
        height: 140px;
    }
}