/* ---------- ESTILOS COMPACTOS ---------- */
body {
    background:#f8f9fa;
    font-family:Arial,Helvetica,sans-serif;
}
.container {
    max-width: 960px;
    margin:0 auto;
    padding:1rem;
}
.table-responsive {
    overflow-x:auto;
}
.table th, .table td {
    vertical-align: middle;
    white-space: nowrap;
}
@media (max-width: 576px) {
    /* En móviles mostramos tarjetas en vez de tabla */
    .table {display:none;}
    .card-list {display:block;}
}
@media (min-width: 577px) {
    .card-list {display:none;}
}
/* Tarjetas para móvil */
.card-list .card {
    margin-bottom:0.75rem;
    border:1px solid #dee2e6;
    border-radius:0.25rem;
    padding:0.75rem;
}
.card-list .card h5 {
    margin:0 0 0.25rem;
    font-size:1rem;
}