/* Estilos para la paginación */
.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    color: #333;
    padding: 8px 14px;
    text-decoration: none;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Hover */
.pagination ul li a:hover {
    background: #f0f0f0;
    color: #000;
}

/* Página activa */
.pagination ul li a.active {
    background: #ff8a00; /* Amarillo UESG */
    color: #111 !important; /* Negro para contraste */
    font-weight: bold;
    border: 1px solid #ff8a00;
}