.paginacion {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    list-style: none;
    gap: 10px;
}

.paginacion .page-item {
    width: 60px; /* Tamaño uniforme para cada botón */
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.paginacion .page-item .page-link {
    font-size: 20px;
    text-align: center;
    line-height: 60px; /* Centrar texto verticalmente */
    width: 100%;
    height: 100%;
    color: black;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: silver; /* Fondo por defecto */
    border-radius: 16px;
}

.paginacion .page-item:hover .page-link {
    background: #9c7a2a;
    color: white; /* Color más oscuro al pasar el mouse */
}

.paginacion .page-item.active .page-link,
.paginacion .page-item.activo .page-link {
    background: #B88E2F;
    color: white;
    border-radius: 16px;
}

.paginacion .page-item.disabled .page-link {
    background: #ddd;
    color: black;
    pointer-events: none;
}