/* Botão flutuante do WhatsApp: bola verde no canto inferior direito.
   O elemento (.rr-whatsapp-float) é criado pelo js/app.js; a folha antiga
   (css/components.css) não é carregada pela vitrine nova, por isso o estilo
   mora aqui. Entrada, pulso e hover/pressão são animados por assets/piri/whatsapp.js
   (motion). --wa-recuo é escrito pelo app.js para sair da frente de um CTA. */
.rr-whatsapp-float {
  --wa-size: 56px;
  --wa-green: #25d366;
  --wa-green-dark: #1ebe5a;
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: var(--wa-size);
  height: var(--wa-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--wa-green);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 28px -8px rgba(37, 211, 102, .6), 0 2px 6px rgba(0, 0, 0, .12);
  z-index: 900;
  transform: translateY(calc(var(--wa-recuo, 0px) * -1));
  transition: background-color .25s ease, box-shadow .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}
.rr-whatsapp-float:hover { background: var(--wa-green-dark); box-shadow: 0 14px 34px -8px rgba(37, 211, 102, .7), 0 3px 8px rgba(0, 0, 0, .14); }
.rr-whatsapp-float:focus-visible { outline: 3px solid #303b23; outline-offset: 3px; }
.rr-whatsapp-float svg { width: 30px; height: 30px; fill: currentColor; position: relative; z-index: 1; }
/* Anel de pulso (motion anima scale/opacity; sem JS ele fica invisível). */
.rr-whatsapp-float .piri-wa-pulse {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--wa-green);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 767px) {
  /* !important: o app.js grava right/bottom inline (24px) por compatibilidade com testes antigos. */
  .rr-whatsapp-float { --wa-size: 52px; right: 16px !important; bottom: 16px !important; }
  .rr-whatsapp-float svg { width: 27px; height: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .rr-whatsapp-float { transition: none; }
  .rr-whatsapp-float .piri-wa-pulse { display: none; }
}