/* =====================================================================
   RV25 Relojería · BOTÓN FLOTANTE DE WHATSAPP
   ---------------------------------------------------------------------
   Queda fijo abajo a la derecha. Se esconde sobre la foto de portada
   y mientras la ficha de un reloj está abierta, porque en ambos casos
   ya hay otro botón de WhatsApp a la vista.
   ===================================================================== */

.wa-flotante {
  position: fixed; z-index: 30;
  right: calc(16px + env(safe-area-inset-right, 0px));
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  width: 58px; height: 58px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--whatsapp); color: #fff;
  box-shadow: 0 6px 18px rgba(6, 26, 40, .25);
  transition: transform .3s ease, opacity .3s ease;
}
.wa-flotante:active { transform: scale(.94); }

/* Sobre la foto de portada no se muestra (la barra ya tiene WhatsApp);
   aparece al bajar. La clase la pone js/secciones/cabecera.js */
.en-portada .wa-flotante { opacity: 0; transform: translateY(16px); pointer-events: none; }

.con-ficha .wa-flotante { display: none; }