@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&family=Open+Sans:wght@400;600&display=swap');

/* ===== RESET E VARIÁVEIS ===== */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --azul:#002266;
  --amarelo:#FFD900;
  --verde:#006633;
  --offwhite:#F5F2E9;
  --texto:#333;
}
body{font-family:'Open Sans',sans-serif;color:var(--texto);background:var(--offwhite)}
body.no-scroll{overflow:hidden;} /* Para evitar scroll quando menu/carrinho abertos */

/* ===== HEADER ===== */
header{
  background:#fff;
  border-bottom:4px solid var(--amarelo);
  padding:12px 40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 12px rgba(0,0,0,.08)
}
.logo-area img{height:64px;width:auto}

/* NAV PRINCIPAL */
nav{display:flex;align-items:center;gap:8px}
nav a{
  color:var(--azul);
  text-decoration:none;
  margin-left:20px;
  font-family:'Montserrat',sans-serif;
  font-size:.88rem;
  font-weight:700;
  transition:color .3s;
  min-height: 44px; /* Aumentar área de toque */
  display: flex;
  align-items: center;
}
nav a:hover{color:var(--verde)}

/* DROPDOWN — abre e fecha por clique, não por hover */
.nav-dropdown{position:relative;margin-left:20px}
.nav-dropdown-btn{
  background:none;border:none;
  color:var(--azul);
  font-family:'Montserrat',sans-serif;
  font-size:.88rem;font-weight:700;
  cursor:pointer;
  display:flex;align-items:center;gap:5px;
  padding:4px 0;
  transition:color .3s;
  user-select:none;
  min-height: 44px; /* Aumentar área de toque */
}
.nav-dropdown-btn:hover{color:var(--verde)}
.nav-dropdown-btn.aberto{color:var(--verde)}
.nav-dropdown-btn.aberto .seta{transform:rotate(180deg)}

.dropdown-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
  min-width:250px;
  padding:6px 0;
  z-index:9999;
  display:none; /* controlado por JS */
}
.dropdown-menu.aberto{display:block}
.dropdown-menu a{
  display:flex;align-items:center;gap:10px;
  padding:11px 18px;
  color:var(--azul);text-decoration:none;
  font-family:'Montserrat',sans-serif;
  font-size:.84rem;font-weight:700;
  transition:background .15s,color .15s;
  white-space:nowrap
}
.dropdown-menu a:hover{background:var(--offwhite);color:var(--verde)}
.dropdown-divider{height:1px;background:#eee;margin:4px 0}

/* BOTÕES HEADER DIREITA */
.header-right{display:flex;align-items:center;gap:14px}
.header-whats{
  background:var(--verde);color:#fff;
  padding:8px 18px;border-radius:999px;
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;font-weight:700;
  text-decoration:none;
  transition:background .3s
}
.header-whats:hover{background:#004d26}
.btn-carrinho-header{
  background:var(--amarelo);color:var(--azul);
  border:none;padding:8px 18px;border-radius:999px;
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;font-weight:800;
  cursor:pointer;
  display:flex;align-items:center;gap:6px;
  transition:background .25s
}
.btn-carrinho-header:hover{background:#f5c800}
.carrinho-contador{
  background:var(--verde);color:#fff;
  border-radius:50%;width:22px;height:22px;
  font-size:.75rem;font-weight:900;
  display:flex;align-items:center;justify-content:center
}

/* HAMBURGER MENU (MOBILE) */
.hamburger-btn{
  display:none; /* Escondido por padrão no desktop */
  background:none;
  border:none;
  cursor:pointer;
  padding:10px;
  position:relative;
  z-index:1001; /* Acima da nav mobile */
}
.hamburger-icon{
  display:block;
  width:24px;
  height:2px;
  background:var(--azul);
  position:relative;
  transition:background .2s ease-out;
}
.hamburger-icon::before,.hamburger-icon::after{
  content:'';
  display:block;
  width:100%;
  height:2px;
  background:var(--azul);
  position:absolute;
  transition:transform .2s ease-out;
}
.hamburger-icon::before{top:-7px;}
.hamburger-icon::after{top:7px;}

/* Animação do hamburger */
.hamburger-btn.aberto .hamburger-icon{background:transparent;}
.hamburger-btn.aberto .hamburger-icon::before{transform:rotate(45deg);top:0;}
.hamburger-btn.aberto .hamburger-icon::after{transform:rotate(-45deg);top:0;}


/* ===== HERO ===== */
.hero{
  background:linear-gradient(135deg,var(--azul) 55%,#003399 100%);
  color:#fff;text-align:center;
  padding:90px 20px 80px
}
.hero-badge{
  display:inline-block;
  background:var(--amarelo);color:var(--azul);
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:.9rem;
  padding:6px 20px;border-radius:999px;margin-bottom:22px
}
.hero h1{
  font-family:'Montserrat',sans-serif;
  font-size:2.8rem;font-weight:900;
  margin-bottom:18px;line-height:1.2
}
.hero h1 span{color:var(--amarelo)}
.hero p{
  font-size:1.1rem;max-width:640px;
  margin:0 auto 30px;opacity:.93;line-height:1.6
}
.hero-badges{
  display:flex;justify-content:center;
  gap:12px;flex-wrap:wrap;margin-bottom:34px
}
.badge{
  background:rgba(255,255,255,.1);
  border-radius:999px;padding:7px 18px;
  font-size:.82rem;
  border:1px solid rgba(255,255,255,.25)
}
/* CTAs do hero — principal em destaque, secundário em borda */
.hero-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn-primary{
  background:var(--amarelo);color:var(--azul);
  border:none;padding:14px 32px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;
  cursor:pointer;text-decoration:none;
  transition:background .25s,transform .1s;
}
.btn-primary:hover{background:#f5c800;transform:translateY(-2px)}
.btn-secondary{
  background:transparent;color:#fff;
  border:2px solid rgba(255,255,255,.6);
  padding:12px 30px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:700;
  cursor:pointer;text-decoration:none;
  transition:background .25s,border-color .25s,transform .1s;
}
.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px)}

/* ===== PROVA SOCIAL (barra abaixo do hero) ===== */
.prova-social{
  background:var(--azul);
  color:#fff;
  padding:18px 40px;
  display:flex;
  justify-content:space-around;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  text-align:center;
}
.ps-item{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:.85rem;
}
.ps-item span{
  font-size:1.8rem;
  line-height:1;
}
.ps-item strong{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  color:var(--amarelo);
  margin-bottom:2px;
}

/* ===== SEÇÕES GERAIS ===== */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}
.section{
  padding:70px 0;
  text-align:center;
}
.section-tag{
  display:inline-block;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:.85rem;
  color:var(--azul); /* Corrigido para azul */
  margin-bottom:12px;
}
.section-title{
  font-family:'Montserrat',sans-serif;
  font-size:2.2rem;
  font-weight:900;
  color:var(--azul);
  margin-bottom:16px;
  line-height:1.2;
}
.section-sub{
  font-size:1rem;
  color:#555;
  max-width:720px;
  margin:0 auto 40px;
  line-height:1.6;
}

/* ===== COMO FUNCIONA / DIFERENCIAIS / DEPOIMENTOS (cards com mais contraste) ===== */
.como-grid,.dif-grid,.dep-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px; /* Aumentado um pouco o gap */
}
.como-step,.dif-card,.dep-card{
  background:#fff;
  border-radius:14px;
  padding:22px 20px 24px; /* Aumentado padding */
  box-shadow:0 6px 20px rgba(0,0,0,.06); /* Sombra mais visível */
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.como-step:hover,.dif-card:hover,.dep-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 30px rgba(0,0,0,.1);
}
.como-num{
  font-family:'Montserrat',sans-serif;
  font-size:2.2rem;
  font-weight:900;
  color:var(--amarelo);
  margin-bottom:10px;
}
.como-step h3,.dif-card h3,.dep-card h3{
  font-family:'Montserrat',sans-serif;
  font-size:1.1rem;
  font-weight:800;
  color:var(--azul);
  margin-bottom:6px;
}
.como-step p,.dif-card p,.dep-card p{
  font-size:.88rem;
  color:#444; /* Escurecido para melhor contraste */
  line-height:1.6;
}
.dif-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); /* Layout mais flexível */
}
.dep-stars{
  font-size:1.2rem;
  margin-bottom:8px;
}
.dep-texto{
  font-style:italic;
  margin-bottom:10px;
}
.dep-autor{
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  font-weight:700;
  color:var(--azul);
}

/* ===== PRODUTOS (cards mais limpos) ===== */
.produtos-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:26px;
}
.produto-card{
  background:#fff;
  border-radius:14px;
  border:1px solid #e3e6f0;
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.produto-card:hover{
  transform:translateY(-5px);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  border-color:#d0d5e6;
}
.produto-card img{
  width:100%;
  border-radius:10px;
  display:block;
}
.produto-card h3{
  font-family:'Montserrat',sans-serif;
  font-size:1.02rem;
  font-weight:800;
  color:var(--azul);
}
.produto-card p{
  font-size:.86rem;
  color:#666;
  line-height:1.6;
}
.card-tag-minimo{
  font-size:.78rem;
  color:#888;
}
.card-actions{
  margin-top:6px;
  display:flex;
  justify-content:flex-start;
}
.btn-add{
  background:var(--azul);color:#fff;
  border:none;padding:10px 20px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:700;
  cursor:pointer;text-decoration:none;
  transition:background .25s,transform .1s;
  display:flex;align-items:center;gap:8px;
}
.btn-add:hover{background:#001a4d;transform:translateY(-2px)}
.btn-add.adicionado{
  background:#e0e0e0;color:#888;
  cursor:not-allowed;
  transform:none;
}

/* ===== CTA FINAL ===== */
.cta-final{
  background:linear-gradient(135deg,var(--azul) 55%,#003399 100%);
  color:#fff;text-align:center;
  padding:80px 20px;
}
.cta-final h2{
  font-family:'Montserrat',sans-serif;
  font-size:2.4rem;
  font-weight:900;
  margin-bottom:18px;line-height:1.2;
}
.cta-final p{
  font-size:1.1rem;max-width:720px;
  margin:0 auto 30px;opacity:.93;line-height:1.6;
}
.cta-final-btns{
  display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
}
.btn-cta-wa,.btn-cta-orc{
  padding:14px 32px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-size:.92rem;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  transition:background .25s,transform .1s,border-color .25s;
  display:flex;align-items:center;gap:8px;
}
.btn-cta-wa{
  background:var(--verde);color:#fff; /* Usando a variável de verde */
  border:none;
}
.btn-cta-wa:hover{background:#004d26;transform:translateY(-2px);}
.btn-cta-orc{
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.7);
}
.btn-cta-orc:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px);}

/* ===== HISTÓRIA ===== */
.historia-section{
  padding:60px 0 70px;
  background:#f4f6fb;
  text-align:center;
}
.historia-section h2{
  font-family:'Montserrat',sans-serif;
  font-size:1.7rem;
  font-weight:900;
  color:var(--azul);
  margin-bottom:14px;
}
.historia-section p{
  font-size:.9rem;
  color:#555;
  line-height:1.7;
  max-width:720px;
  margin:0 auto;
}

/* ===== WHATS FIXO ===== */
.whats-fixo{
  position:fixed;
  bottom:20px;
  right:20px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--verde); /* Usando a variável de verde */
  color:#fff;
  font-size:1.9rem;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
  z-index:999;
  transition:transform .15s;
}
.whats-fixo:hover{transform:translateY(-3px);}

/* ===== CARRINHO LATERAL ===== */
.carrinho-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s;
  z-index:900;
}
.carrinho-overlay.aberto{
  opacity:1;
  pointer-events:auto;
}
.carrinho-panel{
  position:fixed;
  top:0;right:0;
  width:380px;
  max-width:100%;
  height:100%;
  background:#fff;
  box-shadow:-4px 0 18px rgba(0,0,0,.2);
  transform:translateX(100%);
  transition:transform .25s;
  z-index:901;
  display:flex;
  flex-direction:column;
}
.carrinho-panel.aberto{
  transform:translateX(0);
}
.carrinho-header{
  padding:16px 18px;
  border-bottom:1px solid #eee;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.carrinho-header h2{
  font-family:'Montserrat',sans-serif;
  font-size:1.1rem;
  font-weight:900;
  color:var(--azul);
}
.btn-fechar{
  background:none;
  border:none;
  font-size:1.2rem;
  cursor:pointer;
}
.carrinho-body{
  flex:1;
  overflow-y:auto;
  padding:16px 18px 10px;
}
.carrinho-vazio{
  text-align:center;
  font-size:.9rem;
  color:#555;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}
.carrinho-dados h3{
  font-family:'Montserrat',sans-serif;
  font-size:.95rem;
  font-weight:800;
  margin:14px 0 10px;
  color:var(--azul);
}
.campo{
  margin-bottom:10px;
}
.campo label{
  display:block;
  font-size:.8rem;
  color:#555;
  margin-bottom:4px;
}
.campo input,.campo textarea{
  width:100%;
  font-size:.85rem;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid #d7dbe8;
  font-family:'Open Sans',sans-serif;
}
.campo textarea{
  min-height:70px;
  resize:vertical;
}
.carrinho-footer{
  padding:14px 18px;
  border-top:1px solid #eee;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.btn-enviar-wa,.btn-enviar-email,.btn-limpar{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.9rem;
  border-radius:8px;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  border:none;
}
.btn-enviar-wa{background:var(--verde);color:#fff;}
.btn-enviar-email{background:var(--azul);color:#fff;}
.btn-limpar{
  background:#f3f4f6;
  color:#555;
}

/* ITENS DO CARRINHO */
.c-item{
  display:flex;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #f0f0f0;
}
.c-item-thumb{
  width:56px;
  height:56px;
  border-radius:10px;
  overflow:hidden;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
}
.c-item-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.c-item-nome{
  font-family:'Montserrat',sans-serif;
  font-size:.9rem;
  font-weight:800;
  color:var(--azul);
}
.c-item-minimo{
  font-size:.75rem;
  color:#888;
  margin-bottom:4px;
}
.qtd-stepper{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid #d7dbe8;
  overflow:hidden;
}
.qtd-btn{
  width:28px;height:26px;
  border:none;
  background:#f3f4f6;
  cursor:pointer;
  font-size:1rem;
}
.qtd-input{
  width:42px;
  border:none;
  text-align:center;
  font-size:.85rem;
}
.aviso-minimo{
  margin-top:4px;
  font-size:.75rem;
  color:#b45309;
  display:none;
}
.aviso-minimo.show{
  display:block;
}
.c-item-obs{
  margin-top:6px;
  width:100%;
  min-height:60px;
  font-size:.8rem;
  border-radius:6px;
  border:1px solid #e5e7eb;
  padding:6px 8px;
  resize:vertical;
}
.btn-remover{
  align-self:flex-start;
  background:none;
  border:none;
  cursor:pointer;
  font-size:1rem;
  color:#999;
}

/* TOAST */
.toast{
  position:fixed;
  bottom:90px;
  right:20px;
  background:#111827;
  color:#fff;
  padding:10px 16px;
  border-radius:999px;
  font-size:.85rem;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .2s, transform .2s;
  z-index:950;
}
.toast.show{
  opacity:1;
  transform:translateY(0);
}

/* FOOTER */
.site-footer{
  background:var(--azul);
  color:#fff;
  padding:40px 0 0;
  font-size:.9rem;
}
.footer-main{
  display:flex;
  justify-content:space-between;
  gap:40px;
  padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-brand{
  flex:1;
  max-width:300px;
}
.footer-brand img{
  max-height:50px; /* Controla a altura máxima */
  width:auto; /* Mantém a proporção */
  margin-bottom:14px;
  /* Se o logoFB.png for colorido e precisa aparecer colorido no fundo azul, remova o filtro abaixo. */
  /* Se o logoFB.png for um logo branco e precisa aparecer branco no fundo azul, mantenha o filtro. */
  /* filter:brightness(0) invert(1); */
}
.footer-brand p{
  line-height:1.6;
  opacity:.85;
}
.footer-info{
  display:flex;
  gap:40px;
}
.footer-col{
  flex:1;
}
.footer-col h4{
  font-family:'Montserrat',sans-serif;
  font-size:.95rem;
  font-weight:800;
  margin-bottom:12px;
  color:var(--amarelo);
}
.footer-col p,.footer-col a{
  color:#fff;
  text-decoration:none;
  line-height:1.8;
  opacity:.8;
  display:block;
  transition:opacity .15s;
}
.footer-col a:hover{opacity:1;}
.footer-bottom{
  background:#001a4d;
  padding:14px 0;
  margin-top:26px;
}
.footer-bottom-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#9aa7c4;
  font-size:.78rem;
}

/* ===== MEDIA QUERIES ===== */
@media (max-width:992px){
  header{
    padding:12px 20px;
    justify-content:space-between; /* Ajusta para mobile */
  }
  .logo-area img{height:50px;}
  .hamburger-btn{display:block;} /* Mostra o hambúrguer */
  nav{
    display:none; /* Esconde a nav principal por padrão */
    flex-direction:column;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background:#fff;
    padding-top:80px; /* Espaço para o header */
    box-shadow:0 0 20px rgba(0,0,0,.1);
    z-index:990;
    transform:translateX(-100%);
    transition:transform .3s ease-out;
    align-items:flex-start; /* Alinha itens à esquerda */
  }
  nav.aberto{
    transform:translateX(0);
    display:flex; /* Mostra a nav quando aberta */
  }
  nav a{
    margin-left:0; /* Remove margin-left */
    padding:15px 20px; /* Aumenta área de clique */
    width:100%;
    border-bottom:1px solid #eee;
  }
  .nav-dropdown{
    width:100%;
    margin-left:0;
  }
  .nav-dropdown-btn{
    padding:15px 20px;
    width:100%;
    justify-content:space-between;
    border-bottom:1px solid #eee;
  }
  .dropdown-menu{
    position:static; /* Remove posicionamento absoluto */
    box-shadow:none;
    border-radius:0;
    padding:0;
    min-width:auto;
    width:100%;
    border-bottom:1px solid #eee;
  }
  .dropdown-menu a{
    padding-left:40px; /* Indenta itens do dropdown */
    border-bottom:none;
  }
  .dropdown-divider{display:none;} /* Esconde divider no mobile */

  .header-right{gap:10px;}
  .header-whats,.btn-carrinho-header{
    padding:6px 12px;
    font-size:.78rem;
  }
  .carrinho-contador{
    width:18px;height:18px;
    font-size:.65rem;
  }
  .hero{
    padding:70px 20px 60px;
  }
  .hero h1{font-size:2.2rem;}
  .hero p{font-size:1rem;}
  .hero-btns{flex-direction:column;}
  .btn-primary,.btn-secondary{
    width:100%;
    padding:12px 25px;
    font-size:.9rem;
  }
  .prova-social{
    gap:15px;
    padding:14px 10px;
  }
  .section{padding:50px 0;}
  .section-title{font-size:1.7rem;}
  /* Ajustes para cards de produtos no mobile */
  .produtos-grid{
    grid-template-columns:1fr; /* Coluna única */
    gap:20px; /* Espaçamento reduzido */
  }
  .produto-card{
    max-width:350px; /* Largura máxima para o card */
    width:90%; /* Ocupa 90% da largura disponível */
    margin:0 auto; /* Centraliza */
  }
  .como-grid,.dif-grid,.dep-grid{
    grid-template-columns:1fr;
  }
  .cta-final h2{font-size:1.8rem;}
  .cta-final p{font-size:.88rem;}
  .cta-final-btns{flex-direction:column;}
  .btn-cta-wa,.btn-cta-orc{
    width:100%;
    padding:12px 25px;
    font-size:.9rem;
  }
  .whats-fixo{
    width:50px;height:50px;
    font-size:1.8rem;
    bottom:15px;right:15px;
  }
  .carrinho-panel{max-width:90%;}
}
@media (max-width:768px){
  header{padding:10px 15px;}
  .logo-area img{height:45px;}
  .prova-social{
    gap:10px;
    padding:12px 8px;
  }
  .ps-item{font-size:.7rem;}
  .section-title{font-size:1.5rem;}
  .carrinho-panel{max-width:100%;}
  .close-modal{
    top:10px;right:20px;
    font-size:30px;
  }
  .footer-main{
    flex-direction:column;
    gap:22px;
  }
  .footer-info{
    flex-direction:column;
    gap:16px;
  }
  .footer-bottom-inner{
    flex-direction:column;
    text-align:center;
  }
}
@media (hover:none){
  .produto-card:hover{
    border-color:#e3e6f0;
    transform:none;
    box-shadow:0 6px 18px rgba(0,0,0,.03);
  }
  .btn-primary:hover,.btn-cta-orc:hover,.btn-add-product-page:hover{
    transform:none;
    background:var(--amarelo);
  }
  .header-whats:hover,.btn-cta-wa:hover{
    background:var(--verde);
  }
  .btn-carrinho-header:hover{
    background:var(--amarelo);
  }
  .btn-add:hover{
    background:var(--azul);
    transform:none;
  }
  .whats-fixo:hover{transform:none;}
}