/* =============================================
   DIVI TABLAS HORARIOS - Estilos
   ============================================= */

.dth-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto;
}

.dth-tabla {
    border-collapse: collapse;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.dth-tabla td {
    transition: background-color 0.2s ease;
}

.dth-tabla .dth-row-title td {
    font-size: 15px;
    letter-spacing: 0.3px;
}

.dth-tabla .dth-row-sub td {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dth-tabla .dth-row-data td {
    font-size: 14px;
}

/* Hover en filas de datos */
.dth-tabla .dth-row-data:hover td {
    opacity: 0.85;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .dth-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .dth-tabla {
        min-width: 300px;
    }

    .dth-tabla td {
        padding: 6px 8px !important;
        font-size: 13px !important;
    }

    .dth-tabla .dth-row-title td {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 480px) {
    .dth-tabla td {
        padding: 5px 6px !important;
        font-size: 12px !important;
    }
}