/* Confut Nordeste — mock com badge vermelho + CTA laranja. */
:root {
  /* Fundo hero: treinador (shared/assets/hero-trainer-bg.png) */
  --hero-bg-image: url('shared/assets/hero-trainer-bg.png');
  --hero-badge-bg: #e3262f;
  --hero-badge-fg: #ffffff;
  --cta-bg: linear-gradient(180deg, #ffb020, #ff7a18);
  --cta-fg: #1a1206;
  --glow-color: #2ef2ff;
}

/* Barra topo: sombra mais leve para não “tapar” a foto do treinador */
.lp-top-bar {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.38) 0%,
    rgba(0, 0, 0, 0.16) 58%,
    transparent 100%
  );
}

/* Hero: vinheta lateral leve — deixa o treinador + prancheta visíveis */
.hero::before {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.42) 0%,
    rgba(0, 0, 0, 0.22) 34%,
    rgba(0, 0, 0, 0.06) 58%,
    transparent 100%
  );
}

/* Foto anexo 2: sujeito à direita — puxa o crop para a direita (1º plano = foto, 2º = radial). */
.hero {
  background-position: 88% center, left center;
}