.table-responsive {
    overflow-x: auto;
    margin-bottom: 1em;
}

/* Mensaje por defecto oculto */
.scroll-hint {
    display: none;
    background: #f9f9f9;
    padding: 6px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
}

/* Solo mostrar en pantallas menores a 600px */
@media (max-width: 600px) {
    .scroll-hint {
        display: block;
    }
}