/* --- 1. RECUPERACIÓN DEL DISEÑO ORIGINAL (Windows) --- */
html {
    position: relative;
    min-height: 100%;
    font-size: 14px; /* Tu tamaño base original */
    -webkit-text-size-adjust: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px; /* Lo que hace que tus tablas no se vean pequeñas */
    }
}

.pe-nav-content {
    font-size: 1.25rem !important;
}
.pe-nav-link {
    font-size: 1.15rem !important;
}

body {
    margin-bottom: 60px;
    color: #212529;
    text-rendering: optimizeLegibility;
}

.mac .pe-nav-content {
    font-size: 1.25rem !important;
}

.mac .pe-nav-link {
    font-size: 1.05rem !important;
}

/* --- 3. COMPONENTES Y LIMPIEZA (Tu diseño de Mellon) --- */
.btn, .navbar-nav .nav-link {
    font-weight: 600 !important;
}

.filtro-btn {
    display: inline-block;
    padding: 10px 18px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 400 !important;
    transition: all 0.2s ease;
}

    .filtro-btn:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
        cursor:pointer !important;
    }

/* Quitar resplandores azules */
button:focus, input:focus, .form-control:focus, .btn:focus, a:focus, i:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #d1d1d1 !important;
}

/* Tipografía Calibri Light */
.card-body h4, .text-calibri-light {
    font-family: "Calibri Light", "Calibri", sans-serif !important;
    font-weight: 300;
}

.table-custom thead tr th {
    color: black !important;
    font-weight: bold !important;
}

/* CONTENEDOR GENERAL TABLAS */
.table-responsive,
.dataTables_wrapper,
.dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* MENOS ESPACIO INFERIOR */
.dataTables_scrollBody {
    padding-bottom: 2px;
}

/* SCROLL MÁS DELGADO */
.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
    height: 4px;
}

/* TRACK */
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 20px;
}

/* THUMB */
    .dataTables_scrollBody::-webkit-scrollbar-thumb,
    .table-responsive::-webkit-scrollbar-thumb {
        background: rgba(108,117,125,.6);
        border-radius: 20px;
    }

/* HOVER */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #495057;
}

.titulo-reporte {
    word-break: keep-all;
    overflow-wrap: normal;
    white-space: normal;
}