/* ============================================================
       CARROSSEL INFINITO — estilos compartilhados pelos dois
    ============================================================ */

    /* Wrapper externo */
    .inf-car-outer {
        position: relative;
        padding: 0  30px;
        box-sizing: border-box;
        background:#10141D ;
    }

    /* Janela de visualização: esconde o overflow */
    .inf-car-vp {
        overflow: hidden;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
    }
    .inf-car-vp:active { cursor: grabbing; }

    /* Trilha que se move */
    .inf-car-track {
        display: flex;
        gap: 16px;
        padding: 20px 0;
        will-change: transform;
        /* transição padrão: DESLIGADA (JS liga/desliga) */
    }
    .inf-car-track.is-smooth    { transition: transform 0.42s cubic-bezier(.25,.8,.25,1); }
    .inf-car-track.is-dragging  { transition: none; }

    /* Setas — ficam abaixo do carrossel, alinhadas à direita */
    .inf-car-controls {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        padding: 12px 0 4px;
    }
    .inf-car-btn {
        background: transparent;  border: 1px solid rgba(214, 179, 119, 0.35);
        width: 40px; height: 40px; border-radius: 5px;
        cursor: pointer; font-size: 16px; font-weight: bold; color: #D6B377;
        display: flex; align-items: center; justify-content: center;
        transition: background .2s, color .2s;
        line-height: 1;
        flex-shrink: 0;
    }
    .inf-car-btn:hover {  color: #fff; }

    /* ── Carrossel 1: Agenda Semanal ── */
    .car-card {
        flex: 0 0 300px;
        background:#090314;
        border-radius: 12px;
        overflow: hidden;
        color: #fff;
    }
    .car-img img  { width: 100%; height: 200px; object-fit: cover; display: block; }
    .car-info     { padding: 15px; }
    .car-title    { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
    .car-sub      { font-size: 14px; color: #D6B377; margin-bottom: 10px; }
    .car-meta     { font-size: 12px; color: #8d8c8c; display: flex; gap: 10px; }
    
    
    /* ============================================================
   RESPONSIVO — CARROSSEL INFINITO
============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

    .inf-car-outer {
        padding: 20px;
    }

    .inf-car-track {
        gap: 12px;
    }

    /* Agenda Semanal */
    .car-card {
        flex: 0 0 42%;
    }

    .car-img img {
        height: 160px;
    }

    .car-title { font-size: 15px; }
    .car-sub   { font-size: 12px; }
    .car-meta  { font-size: 11px; }

    /* Eventos Culturais */
    .partner-card {
        flex: 0 0 42%;
    }

    .partner-image,
    .partner-image img {
        height: 150px;
    }

    .partner-title       { font-size: 14px; }
    .partner-description { font-size: 13px; }
}
/* ── MOBILE (≤768px) ── */
@media (max-width: 768px) {

    .inf-car-outer {
        padding: 15px;
    }

    .inf-car-track {
        gap: 10px;
        padding: 10px 0;
    }

    .car-card {
        flex: 0 0 75%;
    }

    .car-img img {
        height: 140px;
    }

    .car-info  { padding: 10px; }
    .car-title { font-size: 14px; }
    .car-sub   { font-size: 12px; margin-bottom: 6px; }
    .car-meta  { font-size: 10px; gap: 6px; }

    .inf-car-btn {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}

/* ── TABLET (769px–1024px) ── */
@media (min-width: 769px) and (max-width: 1024px) {

    .inf-car-outer {
        padding: 20px;
    }

    .inf-car-track {
        gap: 12px;
    }

    .car-card {
        flex: 0 0 42%;
    }

    .car-img img {
        height: 160px;
    }

    .car-title { font-size: 15px; }
    .car-sub   { font-size: 12px; }
    .car-meta  { font-size: 11px; }
}