/* ── TYPOGRAPHY ─────────────────────────────────────────── */
h1, h2, h3, h4 { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; line-height: 1; }
.section-tag { display: flex; align-items: center; gap: 10px; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: var(--red); margin-bottom: 14px; }
.section-tag::before { content: ''; display: block; width: 24px; height: 2px; background: var(--red); flex-shrink: 0; }
.section-tag.on-dark         { color: var(--gold); }
.section-tag.on-dark::before { background: var(--gold); }
.section-tag.on-red          { color: var(--gold); }
.section-tag.on-red::before  { background: var(--gold); }
.section-title { font-size: clamp(2.2rem, 4.5vw, 3.5rem); margin-bottom: 20px; color: var(--text); text-transform: uppercase; }
.section-title--white { color: var(--white); }
.section-lead { font-family: 'Open Sans', sans-serif; font-size: 1.2rem; color: var(--muted); font-weight: 500; line-height: 1.85; max-width: 640px; }
.section-lead + .section-lead { margin-top: 14px; }

/* ── LAYOUT ─────────────────────────────────────────────── */
.container     { max-width: 1200px; margin: 0 auto; padding: 0 5vw; }
section        { padding: 96px 5vw; }
.section-inner { max-width: 1200px; margin: 0 auto; }

/* ── STRIPE ─────────────────────────────────────────────── */
.stripe    { height: 8px; background: var(--stripe); }
.stripe-sm { height: 8px; background: var(--stripe); }
.stripe-ft { height: 1px; background: rgb(41,41,41); }

/* ── UTILITY ─────────────────────────────────────────────── */
.mt-14 { margin-top: 14px; }
.mt-32 { margin-top: 32px; }
.mt-36 { margin-top: 36px; }
.mt-40 { margin-top: 40px; }
.mt-48 { margin-top: 48px; }
.color-gold     { color: var(--gold); }
.niv-title-gold { color: var(--gold); }

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'Montserrat', sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; padding: 14px 26px; transition: all .2s; white-space: nowrap; }
.btn-gold        { background: var(--gold);   color: var(--black); }
.btn-gold:hover  { background: var(--amber);  transform: translateY(-2px); }
.btn-red         { background: var(--red);    color: #fff; }
.btn-red:hover   { background: #b52e2e;       transform: translateY(-2px); }
.btn-blue        { background: var(--blue); color: #fff; }
.btn-blue:hover  { background: var(--cobalt);   transform: translateY(-2px); }
.btn-black       { background: var(--black);  color: #fff; }
.btn-black:hover { background: #333;          transform: translateY(-2px); }
.btn-ghost       { background: transparent; color: var(--text); border: 1px solid rgba(26,26,26,.2); }
.btn-ghost:hover { border-color: var(--red); color: var(--red); transform: translateY(-2px); }
.btn-wa          { background: #25D366; color: #fff; }
.btn-wa:hover    { background: #1ead55; transform: translateY(-2px); }
.btn-icon        { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }

