/* WhatsApp flotante, en TODAS las páginas (08/11/2026, Marina): siempre a la vista, abajo a la derecha, desde que carga la página.
   Es un enlace normal (sin scripts, widgets ni cookies) y el icono es un SVG propio. Lo cargan index.html, recursos/, recursos/gracias/
   y los tres legales; en la portada va ANTES de portada.css, que cambia lo de su pie.
   En el móvil (menos de 1024 px) es algo más pequeño y va a la altura de la barra «Reserva tu demo» de la portada, que le deja hueco
   a la derecha (portada.css): así no hay dos botones de WhatsApp ni se tapan. */
.wa{position:fixed;right:max(16px, env(safe-area-inset-right, 0px));bottom:max(16px, calc(10px + env(safe-area-inset-bottom, 0px)));z-index:1000;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-sizing:border-box;
  background:#1FA855;color:#fff;box-shadow:0 8px 24px -6px rgba(0,0,0,.45), 0 0 0 3px rgba(255,255,255,.9);text-decoration:none;transition:transform .2s}
.wa svg{display:block}
.wa:hover{transform:scale(1.06)}
/* el foco, visible en las páginas oscuras y en las claras: anillo blanco del botón + contorno azul por fuera */
.wa:focus-visible{outline:3px solid #1A73E8;outline-offset:4px}
@media (max-width:1023.98px){
  .wa{width:50px;height:50px;right:max(14px, env(safe-area-inset-right, 0px));bottom:max(10px, env(safe-area-inset-bottom, 0px))}
  .wa svg{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){ .wa{transition:none} .wa:hover{transform:none} }
/* sitio abajo, para que al final de la página el botón no tape el pie ni el envío de un formulario (la portada tiene el suyo) */
body::after{content:"";display:block;height:88px}