/* =========================================================
   BELA PLÁSTICA – WHATSAPP FLUTUANTE (CSS ÚNICO)
   ========================================================= */

/* Botão base (sem fundo sólido) */
.bpw-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px !important;
  height: 80px !important;
  padding: 0 !important;              /* evita reduzir o SVG */
  background: transparent !important; /* sem círculo/fundo */
  border-radius: 50% !important;
  box-shadow: none !important;        /* sem sombra interna que cria “halo” */
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease;
  cursor: pointer;
}
.bpw-btn:hover{ transform: scale(1.08); opacity:.98; }

/* Ícone do WhatsApp – tamanho final e cor */
.bpw-icon{ display:flex !important; align-items:center !important; justify-content:center !important; }
.bpw-icon svg{
  width: 80px !important;
  height: 80px !important;
  fill: #25D366 !important; /* verde oficial */
  filter: none !important;  /* remove brilho duplicado */
}

/* Tooltip “Posso ajudar?” – verde e responsivo */
.bpw-btn .bpw-tooltip{
  position: absolute !important;
  bottom: calc(100% + 12px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #25D366 !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.15) !important;
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  transform-origin: bottom center;
}
.bpw-btn:hover .bpw-tooltip{
  opacity: 1 !important;
  transform: translateX(-50%) translateY(-5px) !important;
}
@media (max-width:768px){
  .bpw-btn .bpw-tooltip{
    font-size: 12px !important;
    padding: 5px 10px !important;
    bottom: calc(100% + 10px) !important;
  }
}

/* Posição fixa – canto inferior direito (com respiro) */
.bpw-float{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 99999 !important;
}
@media (max-width:768px){
  .bpw-float{ right: 14px !important; bottom: 14px !important; }
}

/* Pulso verde translúcido (rápido e vibrante) */
.bpw-float::after{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  background:#25D366 !important;
  opacity:.25 !important;
  filter: blur(2px) !important;
  animation: bpw-pulse 1s ease-out infinite !important;
  z-index:-1;
}
@keyframes bpw-pulse{
  0%   { transform:scale(1);   opacity:.25; }
  70%  { transform:scale(1.6); opacity:0; }
  100% { transform:scale(1.6); opacity:0; }
}

/* Oculta qualquer label/texto dentro do botão flutuante */
.bpw-label{ display:none !important; }