/* custom.css */

/* Cambiar el color de fondo para los ítems activos */
.pagination .page-item.active .page-link {
    background-color: #000000; /* color de fondo */
    border-color: #000000; /* color del borde */
    color: #fff; /* color del texto */
}

/* Cambiar el color de fondo y texto para los ítems normales */
.pagination .page-link {
    color: #000; /* color del texto */
    background-color: #fff; /* color de fondo */
    border: 1px solid #ddd; /* color del borde */
}

/* Cambiar el color al pasar el mouse */
.pagination .page-link:hover {
    color: #ffff; /* color del texto */
    background-color: #000; /* color de fondo */
    border-color: #000; /* color del borde */
}