/* Suporte por WhatsApp + dados da empresa nas páginas públicas (home e /partners).
   Autocontido: cores fixas (verde do WhatsApp) pra não depender do tema de cada página. */

.wa-ic { width: 1em; height: 1em; fill: currentColor; display: block; flex: 0 0 auto; }
.wa-sr {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Botão flutuante, canto inferior direito. z-index 80: abaixo do fundo dos modais (90) e do aviso de cookies (máximo), pra não
   ficar por cima do menu/cadastro abertos. */
.wa-float {
  position: fixed; right: 18px; bottom: 18px; z-index: 80;
  width: 58px; height: 58px; border-radius: 50%;
  display: grid; place-items: center;
  background: #25d366; color: #fff; font-size: 32px;
  box-shadow: 0 10px 26px -8px rgba(37, 211, 102, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wa-float:hover { transform: scale(1.07); box-shadow: 0 14px 30px -8px rgba(37, 211, 102, 0.75), 0 2px 8px rgba(0, 0, 0, 0.4); }
.wa-float:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) { .wa-float { right: 14px; bottom: 14px; width: 54px; height: 54px; font-size: 30px; } }
@media (prefers-reduced-motion: reduce) { .wa-float { transition: none; } .wa-float:hover { transform: none; } }

/* Ícone no cabeçalho (desktop): círculo com borda, mesmo porte do .icon-btn. */
.wa-head {
  display: inline-grid; place-items: center; flex: 0 0 auto;
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(37, 211, 102, 0.45);
  background: rgba(37, 211, 102, 0.12); color: #25d366; font-size: 20px;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.wa-head:hover { background: rgba(37, 211, 102, 0.24); border-color: #25d366; }
.wa-head:focus-visible { outline: 2px solid #25d366; outline-offset: 2px; }

/* Item do menu mobile: quadradinho verde sólido, como os outros itens (cada um tem a sua cor). */
.menu-icon-box.wa-menu-ic { background: #25d366; color: #fff; font-size: 20px; }

/* Link de texto no rodapé, com o ícone na frente. */
.wa-link { display: inline-flex; align-items: center; gap: 8px; }
.wa-link .wa-ic { color: #25d366; font-size: 1.15em; }

/* Respiro no fim do rodapé: o botão flutuante nunca cobre o último texto. */
.lp-footer { padding-bottom: 76px; }

/* Dados da empresa: linha própria, largura toda, sob a linha legal. */
.lp-footer-company {
  flex: 1 1 100%; margin: 4px 0 0; padding-top: var(--space-10, 10px);
  border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
  font-size: 0.78rem; line-height: 1.6; color: var(--text-dim, var(--text-muted, #8b90a8));
}
.lp-footer-company strong { font-weight: 600; color: var(--text-muted, #a4a9c2); }