/* ========================================================= CupomOK — CSS do Header (cabeçalho) Extraído do design system oficial do site (mesmas variáveis e classes usadas em header.html). Fonte: Manual de Identidade Visual v1.0 — Julho 2026. ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700&family=Inter:wght@400;600&display=swap'); :root{ --violeta-profundo:#38205E; --violeta-medio:#6542A6; --lime:#C9F55B; --creme:#FFF9F0; --branco:#FFFFFF; --carvao:#20182B; --cinza:#837C8C; --carvao-08: rgba(32,24,43,.08); --radius-btn:12px; --font-heading:'Manrope', Arial, sans-serif; --font-body:'Inter', Arial, sans-serif; --container: 1180px; } .container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; } /* Sticky (não fixed): some com a página no topo e gruda ao rolar, sem tirar espaço nem cobrir conteúdo antes disso. Fundo sólido + z-index alto evitam qualquer sobreposição estranha ao grudar. */ .site-header{ position:sticky; top:0; z-index:9999; background:var(--creme); border-bottom:1px solid var(--carvao-08); } .header-inner{ display:flex; align-items:center; gap:24px; padding:14px 24px; } .logo{ display:flex; align-items:center; gap:8px; font-family:var(--font-heading); font-weight:700; font-size:22px; color:var(--violeta-profundo); flex:none; } .logo img, .logo svg.logo-svg{height:30px; width:auto; display:block;} .search-form{ flex:1; max-width:420px; display:flex; align-items:center; background:var(--branco); border:1px solid var(--carvao-08); border-radius:var(--radius-btn); padding:0 14px; min-height:44px; } .search-form input{ border:none; outline:none; flex:1; font-family:var(--font-body); font-size:14px; background:transparent; color:var(--carvao); min-height:44px; } .search-form button{ background:none; border:none; cursor:pointer; color:var(--violeta-profundo); display:flex; align-items:center; padding:6px; } .main-nav{display:flex; align-items:center; gap:22px; margin-left:auto;} .main-nav a{ font-family:var(--font-body); font-weight:600; font-size:14px; color:var(--carvao); white-space:nowrap; } .main-nav a:hover{color:var(--violeta-profundo); text-decoration:none;} .main-nav a.active{color:var(--violeta-profundo);} .nav-toggle{display:none;} @media (max-width:920px){ .main-nav{display:none;} .search-form{max-width:none;} } /* --------------------------------------------------------------------- Classe alternativa para builders (Elementor e afins): quando o campo "Classe CSS" do bloco não permite usar "site-header" diretamente, use "header-sticky" — regra idêntica, decisão já validada (sticky, não fixo, para o site inteiro). Sticky não precisa de padding-top compensatório no body: ele reserva o próprio espaço no fluxo normal até grudar no topo, diferente de position:fixed. */ .header-sticky{ position:sticky; top:0; z-index:9999; background:var(--creme); border-bottom:1px solid var(--carvao-08); } /* Variante NÃO usada no CupomOK (decisão do projeto foi sticky) — deixada aqui só de referência, caso um dia troquem de ideia. Fixed tira o header do fluxo normal, então PRECISA de padding-top no body igual à altura real do header (ajuste o valor abaixo). */ /* .header-fixo{ position:fixed; top:0; left:0; right:0; z-index:9999; width:100%; background:var(--creme); } body{ padding-top:80px; } */
CupomOK — Cupons verificados e ofertas selecionadas todos os dias

Economia inteligente e confiável

Cupons que funcionam.
Economia de verdade.

Organizamos ofertas verificadas para você decidir rápido, sem exageros, armadilhas ou urgência artificial.

Verificação diária Condições sempre visíveis 100% gratuito para usar

Curadoria da nossa equipe

Ofertas em destaque

Ver todas as ofertas
Cupom verificado

20% OFF

Em eletrônicos selecionados

Válido para itens vendidos e entregues pela Amazon. Não cumulativo com outras promoções.

CUPOMOK20
Verificado hoje Atualizado em 24/07/2026
Oferta em destaque

Até 30% OFF

Em itens da coleção anterior

Estoque limitado por numeração. Sem código, aplicado direto no preço.

Oferta atualizada Atualizado em 24/07/2026
Cupom verificado

10% OFF

Em móveis e eletrodomésticos

Exclui itens em liquidação e ofertas relâmpago.

MAGA10OK
Verificado hoje Atualizado em 24/07/2026

Marcas participantes

Lojas populares

Ver todas as lojas

Explore por intenção

Categorias

Ver todas as categorias

Confiança, sem enrolação

Como funciona o CupomOK

1

Encontre

Busque uma loja, categoria, cupom ou oferta.

2

Confira

Leia o benefício, as restrições e a data de verificação.

3

Use

Copie o código ou acesse a oferta direto no site da loja.

Ver o processo completo de verificação

Do blog

Conteúdo para economizar melhor

Ver todos os artigos

Perguntas frequentes

Transparência antes de tudo

Os cupons do CupomOK são gratuitos?

Sim. Todos os cupons e ofertas listados são gratuitos para o usuário. Podemos receber uma comissão da loja quando você compra pelo nosso link, sem alterar o preço para você.

Como vocês verificam se um cupom funciona?

Nossa equipe testa os códigos periodicamente no checkout real das lojas e registra a data e o resultado de cada verificação.

O preço muda se eu acessar um link de afiliado?

Não. O preço final é definido pela loja, com ou sem link de afiliado. A comissão sai da margem da loja, não do seu bolso.

Podemos receber uma comissão se você comprar pelo nosso link, sem alterar o preço para você. A verificação dos cupons é feita pela nossa equipe, de forma independente das lojas.

/* ========================================================= CupomOK — CSS do Footer (rodapé) Extraído do design system oficial do site (mesmas variáveis e classes usadas em footer.html). Fonte: Manual de Identidade Visual v1.0 — Julho 2026. ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700&family=Inter:wght@400;600&display=swap'); :root{ --violeta-profundo:#38205E; --lime:#C9F55B; --branco:#FFFFFF; --carvao:#20182B; --cinza:#837C8C; --carvao-08: rgba(32,24,43,.08); --radius-btn:12px; --font-heading:'Manrope', Arial, sans-serif; --font-body:'Inter', Arial, sans-serif; --container: 1180px; } .container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; } .site-footer{ background:var(--violeta-profundo); color:var(--branco); margin-top:64px; } .footer-search{ border-bottom:1px solid rgba(255,255,255,.12); padding-top:28px; padding-bottom:28px; } .footer-search form{ display:flex; gap:10px; max-width:480px; background:rgba(255,255,255,.08); border-radius:var(--radius-btn); padding:6px; } .footer-search input{ flex:1; border:none; background:transparent; outline:none; color:var(--branco); padding:0 12px; font-family:var(--font-body); min-height:38px; } .footer-search input::placeholder{color:rgba(255,255,255,.6);} .footer-search .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:0 16px; border-radius:var(--radius-btn); font-family:var(--font-body); font-weight:600; font-size:13px; border:none; cursor:pointer; text-decoration:none; white-space:nowrap; } .footer-search .btn-lime{background:var(--lime); color:var(--violeta-profundo);} .footer-search .btn-lime:hover{background:#bce84a;} .footer-cols{ display:grid; grid-template-columns:1.3fr repeat(4,1fr); gap:28px; padding-top:44px; padding-bottom:28px; } .footer-brand .logo{ display:flex; align-items:center; gap:8px; color:var(--branco); font-family:var(--font-heading); font-weight:700; font-size:22px; } .footer-brand .logo img, .footer-brand .logo svg.logo-svg{height:30px; width:auto; display:block;} .footer-brand p{color:rgba(255,255,255,.65); font-size:14px; max-width:260px; margin-top:12px;} .footer-col h4{ font-family:var(--font-heading); font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--lime); margin-bottom:14px; } .footer-col a{ display:block; color:rgba(255,255,255,.82); font-size:14px; padding:5px 0; } .footer-col a:hover{color:var(--lime); text-decoration:none;} .footer-social{display:flex; gap:12px; margin-top:16px;} .footer-social a{ width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; padding:0; } .footer-bottom{ border-top:1px solid rgba(255,255,255,.12); padding-top:20px; padding-bottom:32px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:13px; color:rgba(255,255,255,.6); } @media (max-width:900px){ .footer-cols{grid-template-columns:repeat(2,1fr);} } @media (max-width:560px){ .footer-cols{grid-template-columns:1fr;} } /* --------------------------------------------------------------------- Decisão do projeto: footer ESTÁTICO (fluxo normal da página, não fixo na tela). Por isso .site-footer acima não recebe position nenhum — não precisa de nenhuma classe extra nem de padding-bottom no body. Variante NÃO usada no CupomOK, deixada só de referência — só aplique se um dia quiserem o rodapé sempre visível na tela (fixed tira o footer do fluxo normal, então PRECISA de padding-bottom no body igual à altura real do footer): */ /* .footer-fixo{ position:fixed; bottom:0; left:0; right:0; z-index:9999; width:100%; background:var(--violeta-profundo); } body{ padding-bottom:70px; } @media (max-width:768px){ body{ padding-bottom:56px; } .footer-fixo{ height:56px; } } */