/* ==========================================================================
   Componente: Botón flotante de WhatsApp (global, presente en todas las páginas)
   ========================================================================== */

.whatsapp-float {
  position: fixed;
  right: var(--space-24);
  bottom: var(--space-24);
  z-index: 1500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--success);
  color: var(--white);
  font-size: 1.75rem;
  box-shadow: var(--shadow-soft);
  transition: var(--transition-base);
}

.whatsapp-float:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-4px) scale(1.05);
}

.whatsapp-float:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 3px;
}