/* =================================================
   FLOATING BUTTONS — SHARED ACROSS ALL PAGES
================================================= */
:root {
  --color-gold: #D4AF37;
  --color-footer: #080808;
  --color-white: #FFFFFF;
  --radius-full: 999px;
  --shadow-medium: 0 12px 40px rgba(31, 41, 55, 0.14);
  --transition-fast: 0.2s ease;
}

.floating-buttons {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}

.fab {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: var(--radius-full);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.fab--whatsapp {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #25D366;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-medium);
}

.fab--whatsapp:hover {
  transform: translateY(-4px) scale(1.05);
}

@media (max-width: 480px) {
  .fab--whatsapp {
    width: 46px;
    height: 46px;
  }

  .floating-buttons {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}