/* Estilos personalizados para la paginación */
.pagination-area .page-item.active .page-link,
.pagination li.active span,
.pagination li.active a {
    background-color: var(--button-background, #F15412) !important;
    border-color: var(--button-background, #F15412) !important;
    color: var(--button-text-color, white) !important;
}

.pagination-area .page-link:hover,
.pagination-area .page-link:focus,
.pagination li a:hover,
.pagination li span:hover {
    background-color: var(--hover-color, #d33a00) !important;
    border-color: var(--hover-color, #d33a00) !important;
    color: var(--button-text-color, white) !important;
}

.pagination-area .page-link,
.pagination li a,
.pagination li span {
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
}