/* V13 — botão de grupo com o visual verde, contorno e sombra da referência.
   O convite é nativo: não depende de popup, script de terceiros ou formulário. */
:root { --group-green: #19d365; --group-green-hover: #12bd56; --group-outline: #111512; }
.group-cta.btn,
.hero-v4 .hero-actions .group-cta,
.mobile-nav .group-cta,
.community-action .group-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 20px;
  min-height: 44px;
  border: 2px solid var(--group-outline);
  border-radius: 999px;
  background: var(--group-green);
  color: #fff;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 3px 4px 0 var(--group-outline);
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.group-cta.btn:hover,
.hero-v4 .hero-actions .group-cta:hover,
.mobile-nav .group-cta:hover,
.community-action .group-cta:hover {
  background: var(--group-green-hover);
  color: #fff;
  transform: translate(-1px, -1px);
  box-shadow: 4px 5px 0 var(--group-outline);
}
.group-cta.btn:active,
.hero-v4 .hero-actions .group-cta:active,
.mobile-nav .group-cta:active,
.community-action .group-cta:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 2px 0 var(--group-outline);
}
.group-cta:focus-visible {
  outline: 3px solid #076731;
  outline-offset: 6px;
}
.group-cta .whatsapp-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: 1.75;
}
.site-header .nav > .group-cta.nav-cta {
  display: inline-flex;
  min-height: 38px;
  padding: 8px 17px;
  font-size: 12px;
  flex-shrink: 0;
}
.mobile-nav .group-cta {
  width: auto;
  margin: 9px 0 7px;
  padding: 10px 18px;
}
/* O botão continua visível no topo; os links de navegação passam para o menu. */
@media (max-width: 1000px) {
  .site-header .nav { gap: 16px; }
  .site-header .nav-links { display: none; }
  .site-header .menu-toggle { display: flex; flex-shrink: 0; }
  .site-header .nav > .group-cta.nav-cta { margin-left: auto; }
}
@media (max-width: 760px) {
  .site-header .nav { height: 72px; gap: 10px; }
  .site-header .brand { gap: 7px; }
  .site-header .brand-name { display: flex; flex-direction: column; gap: 1px; font-size: 18px; letter-spacing: -.45px; line-height: 1.07; }
  .site-header .brand-mark { width: 28px; height: 28px; border-radius: 8px; }
  .site-header .brand-symbol { width: 22px; height: 22px; }
  .site-header .brand-suffix { font-size: 15px; letter-spacing: -.2px; }
  .site-header .nav > .group-cta.nav-cta { font-size: 11px; padding: 8px 11px; gap: 6px; min-height: 38px; box-shadow: 2px 3px 0 var(--group-outline); }
  .site-header .nav > .group-cta.nav-cta .whatsapp-icon { width: 14px; height: 14px; flex-basis: 14px; }
  .site-header .menu-toggle { width: 34px; height: 36px; }
  .site-header .menu-toggle .icon { width: 18px; height: 18px; }
  .hero-v4 .hero-actions .group-cta { font-size: 12px; padding: 11px 16px; }
}
@media (max-width: 370px) {
  .site-header .nav { gap: 8px; }
  .site-header .brand-mark { display: none; }
  .site-header .brand-name { font-size: 18px; }
  .site-header .brand-suffix { font-size: 15px; }
  .site-header .menu-toggle { width: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .group-cta.btn, .hero-v4 .hero-actions .group-cta, .mobile-nav .group-cta,
  .community-action .group-cta { transition: none; }
}