/* Vibra Fit: escuro, verde-limão, tipografia condensada */
:root {
  --fundo: #0f1012; --cartao: #17191c; --texto: #f2f2ee; --suave: #9a9d98; --linha: #2a2d31;
  --destaque: #d4f23c; --destaque-texto: #0f1012;
  --raio: 4px; --raio-botao: 2px; --raio-campo: 2px;
  --fonte-titulo: 'Barlow Condensed', Impact, sans-serif;
  --fonte-corpo: 'Barlow', system-ui, sans-serif;
  --erro: #ff8a80;
}
h1, h2, h3 { font-weight: 800; text-transform: uppercase; letter-spacing: .005em; }
.marca { font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 26px; }
.hero { border-bottom: 1px solid var(--linha); background: repeating-linear-gradient(115deg, transparent 0 46px, rgba(212, 242, 60, .045) 46px 48px); }
.hero h1 { font-size: clamp(46px, 11vw, 104px); line-height: .92; max-width: 13ch; }
.hero-sobre { color: var(--destaque); }
.card h3 { font-size: 22px; }
.btn { text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.filtro.ativo { background: var(--destaque); color: var(--destaque-texto); border-color: var(--destaque); }
.card-img span { color: rgba(255, 255, 255, .5); }