/* Centrar contenido de columnas de datos */
.text-center {
    text-align: center;
}

/* Estilo de Tarjeta Amarilla */
.badge-amarilla {
    background-color: #ffeb3b;
    color: #000;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #fbc02d;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Estilo de Tarjeta Roja */
.badge-roja {
    background-color: #f44336;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #d32f2f;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Wrapper para scroll en móviles si la tabla crece mucho */
.table-wrapper {
    overflow-x: auto;
    width: 100%;
}