/**
 * SOBRESCRITURA ESPECÍFICA PARA DATATABLES PAGINATION
 * Este archivo sobrescribe los estilos de DataTables que están interfiriendo
 * con nuestros colores estandarizados
 */

/* === DATATABLES PAGINATION OVERRIDE === */

/* Sobrescribir estilos específicos de DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    color: #ffffff !important;
    background: #19BCB9 !important;
    background-color: #19BCB9 !important;
    border: 1px solid #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* Asegurar que no hay gradientes o backgrounds adicionales */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-image: none !important;
    background-gradient: none !important;
    filter: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Sobrescribir con especificidad extrema */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:hover,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:focus {
    color: #ffffff !important;
    background-color: #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* Para elementos con clase específica de DataTables */
.paginate_button.current,
.paginate_button.current:hover,
.paginate_button.current:focus,
.paginate_button.current:active,
.paginate_button.current:visited {
    color: #ffffff !important;
    background: #19BCB9 !important;
    background-color: #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* Regla con máxima especificidad para DataTables */
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    color: #ffffff !important;
    background: #19BCB9 !important;
    background-color: #19BCB9 !important;
    border: 1px solid #19BCB9 !important;
    background-image: none !important;
}

/* Sobrescribir estilos inline si existen */
.paginate_button.current[style] {
    color: #ffffff !important;
    background-color: #19BCB9 !important;
}

/* === BOOTSTRAP + DATATABLES COMBINATION === */

/* Para cuando se usan ambos sistemas */
.pagination .page-item.active .page-link.paginate_button,
.pagination .page-item.active .page-link.paginate_button.current {
    color: #ffffff !important;
    background-color: #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* === REGLAS DE RESPALDO === */

/* Usar atributos para máxima especificidad */
a.paginate_button.current[class*="paginate"],
span.paginate_button.current[class*="paginate"] {
    color: #ffffff !important;
    background-color: #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* Regla con :not() para aumentar especificidad */
.paginate_button.current:not(.fake-class):not(.another-fake) {
    color: #ffffff !important;
    background-color: #19BCB9 !important;
    border-color: #19BCB9 !important;
}

/* === ESTADOS HOVER Y FOCUS === */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid var(--primary) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    transition: none !important;
} 

/* === IMPORTANTE: ESTE ARCHIVO DEBE CARGARSE DESPUÉS DE DATATABLES CSS === */