.paginacion {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.paginacion a,
.paginacion span {
    min-width: 36px;
    min-height: 36px;
    padding: 0 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid var(--borde);
    border-radius: 5px;
    text-decoration: none;
    color: var(--texto-principal);
    font-size: var(--texto-sm);
    background: var(--fondo-card);
    box-sizing: border-box;
}

.paginacion a:hover {
    border-color: var(--color-marca);
    color: var(--color-marca);
}

.paginacion .paginacion-actual {
    background: var(--color-marca);
    color: #fff;
    border-color: var(--color-marca);
    font-weight: 600;
}

.paginacion .paginacion-corte {
    border: none;
    background: none;
    color: var(--texto-tenue);
    cursor: default;
}

.paginacion .paginacion-nav {
    gap: 0.25rem;
    color: var(--texto-secundario);
}

.paginacion .paginacion-nav:hover {
    color: var(--color-marca);
    border-color: var(--color-marca);
}