.vencidocartao {
    color: red;
    font-weight:bold;
}
.vencehojecartao {
    color: firebrick;
    font-weight: bold;
}
.Naovencidocartao {
    color: green;
    font-weight: bold;
}




.card-virtual {
    background: linear-gradient(135deg,#f6f9ff 0%,#ffffff 60%);
}

.bg-brand {
    background: radial-gradient(1200px 600px at -10% -10%, #4cc3ff 0%, rgba(76,195,255,0) 50%), linear-gradient(135deg, #0066ff 0%, #00c2ff 100%);
}

.card-img {
    max-height: 260px;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.15));
}

.form-control-plain {
    background: #f8f9fb;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 12px;
    padding: .75rem 1rem;
    min-height: 44px;
}

.badge-status {
    --bg: #ffe5e5;
    --fg: #b00020;
    background: var(--bg);
    color: var(--fg);
    border-radius: 999px;
    padding: .25rem .6rem;
    font-size: .75rem;
    font-weight: 600;
}

    .badge-status.ok {
        --bg: #e7f8ec;
        --fg: #157347;
    }

.btn {
    border-radius: 14px;
}

.btn-outline-primary {
    border-width: 2px;
}

.inv {
    display: none;
}

.vencido { /* classe original mantida para compatibilidade */
}

@media (max-width: 767.98px) {
    .card-img {
        max-height: 200px;
    }
}


#listaDependentes .list-group-item {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    margin-bottom: .5rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

    #listaDependentes .list-group-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,.06);
    }