:root {
  --bg: #f6f0e5;
  --surface: #fffdfa;
  --surface-2: #fbf5ea;
  --ink: #29251f;
  --muted: #756d61;
  --line: #eadfce;
  --yellow: #efb52b;
  --yellow-strong: #d89a12;
  --yellow-soft: #fff3cc;
  --dark: #211f1b;
  --shadow: 0 18px 48px rgba(85, 63, 30, 0.11);
}

body {
  background: radial-gradient(circle at 12% 0, rgba(239, 181, 43, 0.10), transparent 32%), #f6f0e5;
  color: var(--ink);
}

.brand { gap: 11px; }
.brand__mark--guararapes {
  width: 48px;
  height: 48px;
  padding: 3px;
  overflow: hidden;
  border: 1px solid rgba(232, 173, 34, 0.42);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(147, 96, 8, 0.16);
}
.brand__mark--guararapes img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}
.brand > div:last-child strong { letter-spacing: .085em; }

.button--primary,
.client-access-submit,
.public-booking-cta {
  color: #241a08;
  background: linear-gradient(135deg, #f8cf68, #e8ad22 52%, #d8950d);
  border-color: #f5ce70;
  box-shadow: 0 12px 30px rgba(196, 132, 13, 0.22);
}

.access-gateway__overlay {
  background: linear-gradient(100deg, rgba(30, 27, 22, .91), rgba(35, 31, 24, .78));
}
.access-gateway__content,
.client-access-form-card {
  border-color: rgba(240, 183, 46, .45);
}
.access-gateway__signature,
.access-gateway__intro > span,
.client-access-copy > span { color: #f2c75d !important; }

.panel,
.client-step-panel,
.public-booking-card {
  border-color: var(--line);
  box-shadow: var(--shadow);
}

@media (max-width: 680px) {
  .brand__mark--guararapes { width: 42px; height: 42px; border-radius: 13px; }
  .brand > div:last-child strong { font-size: 9px; letter-spacing: .055em; }
}

/* V8: elimina os contatos flutuantes antigos mesmo se um HTML anterior os injetar. */
.guararapes-contact,
[id^="guararapes-contact"],
body > a[aria-label*="WhatsApp"],
body > a[aria-label*="Instagram"],
body > a[href*="instagram.com"],
body > a[href*="wa.me"],
body > a[href*="whatsapp.com"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
