.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination a,
.pagination span {
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid var(--nav-background); /* Cambia el color según necesites */
    color: var(--nav-background); /* Color del texto */
    
}

.pagination .active span {
    background-color: var(--nav-background); /* Color del fondo activo */
    color: white; /* Color del texto activo */
}

.pagination .disabled span {
    color: #ccc; /* Color del texto deshabilitado */
}