/* ==========================================================================
   WhatsAppPrivacyGate — 07 §9.5
   ========================================================================== */

.whatsapp-gate {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gutter);
}

.whatsapp-gate[hidden] {
  display: none;
}

.whatsapp-gate__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgb(46 35 26 / 55%); /* --color-tinta, never pure black */
}

.whatsapp-gate__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 28rem;
  padding: var(--space-7);
  background-color: var(--surface-base);
  border-radius: var(--radius-card);
}

.whatsapp-gate__title {
  margin: 0 0 var(--space-4);
  font-family: var(--font-display);
  font-size: var(--text-h4);
  color: var(--text-strong);
}

.whatsapp-gate__text {
  margin: 0 0 var(--space-6);
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
}

.whatsapp-gate .cta-group {
  flex-direction: column;
  align-items: stretch;
}

.whatsapp-gate .btn {
  width: 100%;
}