/* Botón flotante de WhatsApp (partials/whatsapp-flotante): píldora con el texto y el círculo verde a la derecha. */
.wa-ayuda{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;text-decoration:none;font-family:"Poppins",system-ui,sans-serif;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22));transition:transform .15s}
.wa-ayuda:hover{transform:translateY(-2px)}
.wa-ayuda-texto{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-right:-30px;padding:11px 44px 11px 24px;border-radius:999px;background:linear-gradient(90deg,#0C8DA3,#12B0CB);color:#fff;font-size:15px;font-weight:700;line-height:1.25}
.wa-ayuda-texto b{font-weight:800}
.wa-ayuda-ic{position:relative;flex:none;width:62px;height:62px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 0 0 6px #0C8DA3}
.wa-ayuda:hover .wa-ayuda-ic{background:#1EBE5A}
/* páginas con barra fija abajo en móvil (layouts.sitio) */
body.con-barra .wa-ayuda{display:none}
@media (min-width:1024px){body.con-barra .wa-ayuda{display:flex}}
/* móvil: solo el círculo */
@media (max-width:640px){
  .wa-ayuda{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .wa-ayuda-texto{display:none}
  .wa-ayuda-ic{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){.wa-ayuda{transition:none}}