/* ════════════════════════════════════════════════════════════════════
   COMPONENTS — botões, helpers de seção, badges genéricos
   Componentes reutilizáveis em várias seções.
   ════════════════════════════════════════════════════════════════════ */

/* ─── BOTÕES ─── */
.btn-primary {
  background: var(--gold); color: #000;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 14px; letter-spacing: .12em; text-transform: uppercase;
  padding: 17px 34px; border-radius: 4px; text-decoration: none;
  display: inline-flex; align-items: center; gap: 10px;
  transition: all .25s var(--ease);
  box-shadow: 0 6px 20px rgba(245,168,0,0.3);
}
.btn-primary:hover {
  background: var(--gold-2); transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(245,168,0,0.5);
}

.btn-outline {
  border: 1.5px solid rgba(255,255,255,0.25); color: var(--text);
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
  font-size: 14px; letter-spacing: .12em; text-transform: uppercase;
  padding: 17px 34px; border-radius: 4px; text-decoration: none;
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,0.04); backdrop-filter: blur(8px);
  transition: all .25s var(--ease);
}
.btn-outline:hover {
  border-color: var(--gold); color: var(--gold); transform: translateY(-2px);
  background: rgba(245,168,0,0.08);
}

/* ─── HELPERS DE SEÇÃO (label, title, subtitle) ─── */
section { padding: 120px 5vw; position: relative; }
.section-inner { max-width: 1280px; margin: 0 auto; }

.section-label {
  font-family: 'Barlow Condensed', sans-serif; font-size: 11px;
  font-weight: 800; letter-spacing: .25em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 16px;
  display: inline-flex; align-items: center; gap: 12px;
}
.section-label::before {
  content: ''; width: 32px; height: 1px; background: var(--gold);
}

.section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(42px, 5.8vw, 72px);
  font-weight: 900; text-transform: uppercase; line-height: .95;
  margin-bottom: 20px; letter-spacing: -.015em;
  color: var(--silver);
}
.section-title .gold {
  font-style: italic;
  font-family: 'Saira Condensed', 'Barlow Condensed', sans-serif;
  letter-spacing: -.025em;
  background: var(--grad-azul-verde);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

.section-sub {
  color: var(--text-2); font-size: 17px; line-height: 1.7;
  max-width: 620px; margin-bottom: 64px;
}