/* ─── BUTTONS ─────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 32px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer; transition: all var(--transition); border: none;
}
.btn--gold    { background: var(--gold); color: var(--bg); }
.btn--gold:hover { background: var(--gold-lt); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(200,169,110,0.25); }
.btn--outline { background: transparent; border: 1px solid var(--gold); color: var(--gold); }
.btn--outline:hover { background: var(--gold); color: var(--bg); transform: translateY(-2px); }
.btn--ghost   { background: transparent; border: 1px solid var(--border2); color: var(--text-sub); }
.btn--ghost:hover { border-color: var(--gold); color: var(--gold); }
.btn--full    { width: 100%; justify-content: center; }
.btn--wa      { border-color: rgba(37,211,102,0.5) !important; color: #25d366 !important; }
.btn--wa:hover { background: rgba(37,211,102,0.08) !important; }
.btn svg      { width: 16px; height: 16px; flex-shrink: 0; }

/* ─── DIVIDER ─────────────────────────────────────────────────── */
.divider      { width: 48px; height: 2px; background: var(--gold); margin: 20px 0; }
.divider.center { margin-left: auto; margin-right: auto; }
.divider--hero { margin: 28px 0; }
.divider--sm   { margin: 16px 0; }

/* ─── TAG ─────────────────────────────────────────────────────── */
.tag {
  font-size: 0.7rem; padding: 5px 12px;
  border: 1px solid var(--border2); color: var(--text-sub); letter-spacing: 0.06em;
}