/* AJUSTES RESPONSIVE */
@media (max-width: 768px) {
    .grid-2, .grid-3 {
        grid-template-columns: 1fr; /* Una sola columna en móvil */
    }
    
    .tab-btn {
        font-size: 11px;
        padding: 10px;
    }

    .table-ui {
        display: block;
        overflow-x: auto; /* Permite scroll horizontal en la tabla de ítems */
    }

    .app-container {
        padding: 10px;
        box-shadow: none;
    }
}