/* 1. CONTROL DE SALTOS DE LÍNEA EN EL ENCABEZADO (POR PALABRA) */
        .bootstrap-table .fixed-table-container th .th-inner {
            white-space: normal !important;
            word-break: normal !important; 
            overflow-wrap: break-word !important;
            line-height: 1.3 !important;
            text-align: left !important; /* El título del fondo se queda alineado a la izquierda */
            padding-right: 24px !important; 
            padding-left: 6px !important;
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

        /* 2. FLECHAS DE ORDENACIÓN FIJAS A LA DERECHA */
        .bootstrap-table .fixed-table-container th .th-inner .sortable {
            position: absolute !important;
            right: 6px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            margin: 0 !important;
        }

        /* 3. PROHIBICIÓN ABSOLUTA DE SALTO DE LÍNEA EN DATOS Y EN EL FOOTER */
        .bootstrap-table .fixed-table-container td, 
        .bootstrap-table .fixed-table-footer table td, 
        .bootstrap-table .fixed-table-footer table th {
            white-space: nowrap !important; 
            vertical-align: middle !important;
        }

        /* 4. RANGO DE ANCHOS FLEXIBLES PARA LOS FONDOS */
        .bootstrap-table .fixed-table-container th[data-field]:not([data-field="municipio"]) {
            min-width: 150px !important; 
            max-width: 250px !important; 
            vertical-align: middle !important;
            position: relative !important;
        }

        /* 5. FUERZA BRUTA: ALINEACIÓN DERECHA PARA TODA LA ESTRUCTURA DEL FOOTER */
        /* Apuntamos a absolutamente TODO lo que se dibuje dentro de las celdas del footer */
        .bootstrap-table .fixed-table-footer table th,
        .bootstrap-table .fixed-table-footer table td,
        .bootstrap-table .fixed-table-footer table th *,
        .bootstrap-table .fixed-table-footer table td * {
            text-align: right !important; /* El asterisco obliga a divs, spans, strongs y text-end a ir a la derecha */
        }

        /* 6. EXCEPCIÓN RADICAL: Forzar la primera columna (TOTAL) a la izquierda */
        /* Usamos :first-child en cascada profunda para rescatar la palabra TOTAL */
        .bootstrap-table .fixed-table-footer table tr th:first-child,
        .bootstrap-table .fixed-table-footer table tr td:first-child,
        .bootstrap-table .fixed-table-footer table tr th:first-child *,
        .bootstrap-table .fixed-table-footer table tr td:first-child * {
            text-align: left !important;
        }

        /* --- AJUSTE FINO PARA ESTILO FINANCIERO COMPACTO --- */

        /* 1. Reducir la letra y el espaciado en celdas de datos (Cuerpo de la tabla) */
        #tableMatriz td {
            font-size: 0.85rem !important;
            padding: 4px 6px !important; /* Padding vertical y horizontal mínimo */
            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
        }

        /* 2. Reducir la letra en la fila de totales (Footer) */
        .bootstrap-table .fixed-table-footer table td,
        .bootstrap-table .fixed-table-footer table th,
        .bootstrap-table .fixed-table-footer table td *,
        .bootstrap-table .fixed-table-footer table th * {
            font-size: 0.85rem !important;
            padding: 4px 6px !important;
        }

        /* 3. Ajustar el tamaño del texto en los encabezados para mantener equilibrio visual */
        #tableMatriz th .th-inner {
            font-size: 0.88rem !important;
            font-weight: 600 !important;
        }

        /* 4. Optimizar el tamaño de los controles de paginación y búsqueda inferiores/superiores */
        .bootstrap-table .fixed-table-pagination .pagination-detail,
        .bootstrap-table .fixed-table-pagination .pagination-list .page-link,
        .bootstrap-table .fixed-table-toolbar .search input {
            font-size: 0.85rem !important;
            padding: 3px 8px !important;
        }

        /* --- AJUSTE DE FILAS ALTERNAS (ESTILO FINANCIERO) --- */

        /* 1. Cambiar el color de las filas impares (Striped) */
        #tableMatriz tbody tr:nth-of-type(odd) {
            background-color: rgba(244, 247, 246, 0.7) !important; /* Gris-azul claro muy limpio */
        }

        /* 2. Cambiar el color de las filas pares (por si quieres asegurar el fondo blanco) */
        #tableMatriz tbody tr:nth-of-type(even) {
            background-color: #ffffff !important;
        }

        /* 3. Resaltado dinámico al pasar el cursor (Hover) */
        /* Esto ayuda a seguir la línea horizontal del municipio de izquierda a derecha sin perderse */
        #tableMatriz tbody tr:hover td {
            background-color: #e8f0fe !important; /* Azul suave de enfoque (estilo Google Sheets) */
            transition: background-color 0.15s ease-in-out;
        }

        /* Espaciado y tipografía para el Header Institucional */
        .tracking-wider {
            letter-spacing: 0.08em !important;
        }

        /* Suavizar los bordes generales del contenedor */
        .border-bottom {
            border-bottom: 1px solid #e3e6f0 !important;
        }

        /* Asegura que las celdas congeladas mantengan la misma altura exacta */
        /* .fixed-table-body-columns table,
        .fixed-table-body table {
            word-break: break-all;
            white-space: nowrap;
        } */