/* Botón de WhatsApp siempre a mano. Lo usan la home, los juegos y los destinos. */
    /* Botón de WhatsApp siempre a mano. Aparece recién al bajar, para no
       competir con el botón del hero, que ya está a la vista. */
    .wa-flotante {
      position: fixed;
      right: 1.2rem;
      bottom: 1.2rem;
      z-index: 200;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      background: #25D366;
      color: #fff;
      text-decoration: none;
      padding: 0.85rem 1.25rem;
      border-radius: 100px;
      font-size: 0.82rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      box-shadow: 0 6px 22px rgba(37, 211, 102, 0.38);
      opacity: 0;
      visibility: hidden;
      transform: translateY(14px);
      transition: opacity .25s, transform .25s, visibility .25s;
    }
    .wa-flotante.visible { opacity: 1; visibility: visible; transform: translateY(0); }
    .wa-flotante:hover { background: #1fb855; }
    .wa-flotante:active { transform: scale(0.97); }
    .wa-flotante svg { flex-shrink: 0; }
    @media (max-width: 768px) {
      .wa-flotante { right: 0.9rem; bottom: 0.9rem; padding: 0.8rem 1.1rem; font-size: 0.78rem; }
    }

    /* Compacto: solo el ícono, para no tapar otro botón de WhatsApp */
    .wa-flotante.compacto { padding: 0.8rem; gap: 0; font-size: 0; width: 3rem; height: 3rem;
                            justify-content: center; }
    .wa-flotante.compacto svg { width: 22px; height: 22px; }