/* Botón de WhatsApp: flotante + enlace en la sección de contacto */
.wa-flotante{
  position:fixed;
  right:calc(1rem + env(safe-area-inset-right,0px));
  bottom:calc(1rem + env(safe-area-inset-bottom,0px));
  z-index:900;
  display:flex;align-items:center;gap:.5rem;
  padding:.8rem 1.1rem .8rem .9rem;
  border-radius:999px;
  background:#25D366;color:#fff;
  font-weight:700;font-size:.95rem;line-height:1;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .15s ease;
}
.wa-flotante:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.wa-flotante:focus-visible{outline:3px solid #0a3d33;outline-offset:3px}
.wa-flotante svg{width:26px;height:26px;flex:none}
/* En celular solo el ícono, para no tapar contenido */
@media (max-width:600px){
  .wa-flotante{padding:.85rem}
  .wa-flotante span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.wa-flotante{transition:none}}
@media print{.wa-flotante{display:none}}

.wa-alterno{
  margin-top:1.6rem;padding:1rem 1.1rem;
  border:1px solid rgba(37,211,102,.45);border-radius:12px;
}
.wa-alterno p{margin:0 0 .6rem}
.wa-alterno a{
  display:inline-flex;align-items:center;gap:.45rem;
  color:#128C7E;font-weight:700;text-decoration:none;
}
.wa-alterno a:hover{text-decoration:underline}
.wa-alterno svg{width:20px;height:20px}