.paginador {
    margin-top: 20px;
    text-align: center;
}

.paginador ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.paginador ul li {
    display: inline-block;
    margin: 0 3px;
}

.paginador ul li a,
.paginador ul li span {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    color: #007bff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer; /* Añadir cursor pointer a los links */
}

.paginador ul li a:hover {
    background-color: #eee;
    border-color: #ccc;
}

.paginador ul li.active span,
.paginador ul li.active a { /* Aplicar también a 'a' si se usa en activo */
    background-color: #007bff;
    color: white;
    border-color: #007bff;
    cursor: default;
}

.paginador ul li.disabled span,
.paginador ul li.disabled a { /* Aplicar también a 'a' si se usa en deshabilitado */
    color: #aaa;
    background-color: #f8f8f8;
    border-color: #ddd;
    cursor: default;
    pointer-events: none; /* Evita clicks en elementos deshabilitados */
}