/* Ajustes só do site estático (institucional). O site.css é o do projeto Laravel, copiado
   sem alteração para que marca, tema claro/escuro e tipografia fiquem idênticos. */

/* -- botão flutuante de WhatsApp --
   Fica fora do fluxo para o cliente não precisar rolar até o rodapé para falar com a gente. */
.wa-flutuante { position: fixed; right: 1rem; bottom: 1rem; z-index: 10;
  display: flex; align-items: center; gap: .5rem;
  background: #0f7a3f; color: #fff; text-decoration: none; font-weight: 650;
  padding: .7rem 1.1rem; border-radius: 999px; box-shadow: 0 6px 20px rgb(0 0 0 / .25); }
.wa-flutuante:hover { background: #0b6534; }
.wa-flutuante svg { width: 22px; height: 22px; fill: currentColor; flex: none; }
@media (max-width: 560px) { .wa-flutuante span { display: none; } .wa-flutuante { padding: .9rem; } }
@media (prefers-reduced-motion: no-preference) { .wa-flutuante { transition: background .15s, transform .15s; } .wa-flutuante:hover { transform: translateY(-2px); } }

/* O botão flutuante cobriria o rodapé no celular. */
.rodape { padding-bottom: 5rem; }