/* Boton flotante de WhatsApp.
   Vivia copiado dentro del <style> de 4 paginas. Se saca aqui para que las
   29 lo compartan y un cambio de color no haya que hacerlo 29 veces.
   El verde #188741 no es el de la marca WhatsApp: es el mismo tono y la
   misma saturacion con la luz bajada hasta pasar WCAG AA (4,58:1 en blanco,
   4,29:1 el boton contra la crema de la pagina). Ver autofix-log-2026-09. */
.wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#188741;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .22s ease;animation:waPulse 2.4s ease-out infinite;text-decoration:none}
.wa svg{width:34px;height:34px;fill:#fff;display:block}
.wa:hover{transform:scale(1.08);animation-play-state:paused}
.wa-label{position:absolute;right:78px;top:50%;transform:translateY(-50%);background:#fff;color:#1a3a24;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.2px;box-shadow:0 6px 18px rgba(0,0,0,.18);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.wa-label::after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}
.wa:hover .wa-label{opacity:1;transform:translateY(-50%) translateX(-4px)}
@media(max-width:640px){.wa-label{display:none}}
@keyframes waPulse{
  0%{box-shadow:0 12px 28px rgba(24,135,65,.4),0 4px 10px rgba(0,0,0,.2),0 0 0 0 rgba(24,135,65,.55)}
  70%{box-shadow:0 12px 28px rgba(24,135,65,.4),0 4px 10px rgba(0,0,0,.2),0 0 0 22px rgba(24,135,65,0)}
  100%{box-shadow:0 12px 28px rgba(24,135,65,.4),0 4px 10px rgba(0,0,0,.2),0 0 0 0 rgba(24,135,65,0)}
}