/* Contenedor principal para suavizar bordes */
.pagination-custom .page-link {
    color: #2c2c2c; /* Gris oscuro como tus textos */
    border-color: #e0e0e0;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

/* Estado de página activa (Dorado) */
.pagination-custom .page-item.active .page-link {
    background-color: #f2b01e;
    border-color: #f2b01e;
    color: #fff;
    font-weight: bold;
}

/* Efecto Hover */
.pagination-custom .page-link:hover {
    background-color: #f8f9fa;
    color: #f2b01e;
    border-color: #f2b01e;
    z-index: 2;
}

/* Estado Deshabilitado */
.pagination-custom .page-item.disabled .page-link {
    color: #999;
    background-color: #fff;
    border-color: #eee;
}

/* Quitar el molesto resplandor azul de Bootstrap al hacer click */
.pagination-custom .page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(242, 176, 30, 0.25);
    background-color: #fff;
}