/* ===== Desktop ===== */
.table-responsive {
    overflow-x: hidden !important;
}

table {
    width: 100% !important;
    table-layout: fixed !important;
}

table th, table td {
    white-space: normal !important;
    word-break: break-word !important;
}

/* ===== Móvil ===== */
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Tabla más ancha que la pantalla para evitar columnas aplastadas */
    table {
        table-layout: auto !important;
        width: auto !important;

        /* Se calcula automáticamente según la cantidad de columnas */
        min-width: calc(var(--cols) * 140px) !important;
    }

    /* Cada celda tiene un ancho mínimo universal */
    table th, table td {
        min-width: 140px !important;
    }
}

.chart-container-2 canvas {
    /* filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.15)); */
}

.chart-container-2 {
    position: relative;
    height: 188px;
    width: 100%;
}