/* Forzar el color blanco del texto del número activo aunque DataTables use !important internamente */
.dataTables_wrapper .dataTables_paginate .paginate_button.current span,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    fill: #fff !important;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade {
    animation: fadeIn .35s ease-out;
}

.submenu-open {
    animation: fadeIn .25s ease-out;
}

/* Sidebar: ítem activo (valor en contexto `nav_active_class` identifica la fila) */
.sidebar-nav-active {
    background-color: #4F46E5;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.sidebar-nav-active svg {
    color: #fff;
}

.sidebar-nav-active-sub {
    color: #4F46E5;
    background-color: rgba(79, 70, 229, 0.12);
    font-weight: 600;
}


/* dataTables */


/* Personaliza el hover de los botones de DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    border-radius: 0.375rem !important;
    transition: background 0.2s;
    color: #4F46E5 !important;
    background: transparent !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button:focus:not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button:active:not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    background-color: #4F46E5 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px 0 rgba(79, 70, 229, 0.08);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #bdbdbd !important;
    background: #f3f4f6 !important;
    cursor: not-allowed !important;
}