#programacao a {
    color: rgb(40, 40, 40)
}

#programacao a {
    text-decoration: none;
}

#filtro-data .table-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.owl-stage-outer {
    padding-bottom: 1.5rem;
}
.date-close-icon {
    position: absolute;
    left: 14px;
}

    .date-close-icon.slide {
        transform: translateX(35px);
        transition: all .3s;
    }

.modal-content {
opacity:.95!important;
}

.card-media {
    /* Mantém 16:9 sem precisar de altura fixa */
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    border-radius: .5rem; /* opcional */
    background: #f6f6f6; /* placeholder suave */
}

    .card-media > img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* preenche sem deformar */
        display: block;
    }

/* Fallback para browsers sem aspect-ratio */
@supports not (aspect-ratio: 16 / 9) {
    .card-media {
        position: relative;
        height: 0;
        padding-top: 56.25%;
    }

        .card-media > img {
            position: absolute;
            inset: 0;
        }
}


.card-evento {
    border-radius: 1rem;
    overflow: hidden;
    transition: transform .12s ease
}

    .card-evento:hover {
        transform: translateY(-2px)
    }

.card-img-wrap {
    position: relative;
    aspect-ratio: 16/9;
    background: #f6f6f6
}

    .card-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

.badge-pill.status {
    position: absolute;
    top: .6rem;
    left: .6rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.status-pago {
    background: #0d6efd;
    color: #fff
}

.status-gratis {
    background: #198754;
    color: #fff
}

.status-esgotado {
    right: .6rem;
    left: auto;
    background: #dc3545;
    color: #fff
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
/* Máscara escura só no bloco da imagem quando esgotado */
.card-img-wrap.mask-esgotado::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45); /* transparência */
    border-radius: inherit;
    pointer-events: none;
    z-index: 2; /* abaixo dos selos */
}
/* dá uma “apagada” na imagem */
.card-img-wrap.mask-esgotado img {
    filter: grayscale(40%) brightness(.85);
}

/* garante que os selos fiquem acima da máscara */
.badge-pill.status {
    z-index: 3;
}

/* opcional: cursor “não disponível” no card esgotado */
.card-evento.is-esgotado {
    cursor: not-allowed;
}