/* Fondo general */
body {
    background-color: #f8f9fa;
}

/* Título principal */
h2 {
    color: #0d6efd;
    font-weight: bold;
}

/* Tabla */
.table thead th {
    vertical-align: middle;
    text-align: center;
}

.table td, .table th {
    white-space: nowrap;
    padding: 0.4rem 0.75rem;
    text-align: center;
}

/* Badges de Status */
.badge {
    font-size: 0.9rem;
    padding: 0.5em 0.75em;
    border-radius: 0.5rem;
}

/* Checkbox Pagada */
input[type="checkbox"] {
    cursor: pointer;
    transform: scale(1.2);
}

/* Input buscador */
#buscador {
    max-width: 400px;
    width: 100%;
    margin: 0;
}

/* Botones en la parte superior */
.btn {
    margin-bottom: 0.5rem;
}

/* Responsive ajustes */
@media (max-width: 768px) {
    .row.mb-3.align-items-center {
        flex-direction: column;
        text-align: center;
    }

    .row.mb-3 .col-md-6 {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .row.mb-3 .col-md-6.text-end {
        text-align: center !important;
    }
}

/* ✅ NUEVO: Tarjetas de conteo */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    border-width: 2px;
}

.row.mb-4 {
    justify-content: center;
}