@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

/* ==========================================================================
   HERO COMPARTILHADO — MERCADO, NEGOCIAÇÕES E EXPLORAR CLUBES
   ========================================================================== */

body .mpc-page-hero {
  position: relative;
  display: block;
  width: 100%;
  min-height: 232px;
  margin: 0;
  padding: 48px 20px 38px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(1, 5, 4, 0.02), rgba(1, 5, 4, 0.16)),
    transparent;
  box-shadow: none;
  text-align: center;
}

body.body-negociacoes .negociacoes-hero.mpc-page-hero,
body.body-explorar .explorar-hero.mpc-page-hero {
  display: block;
  min-height: 232px;
  margin: 0;
  padding: 48px 20px 38px;
  text-align: center;
}

body.body-negociacoes .negociacoes-hero.mpc-page-hero {
  align-items: initial;
  justify-content: initial;
  gap: 0;
}

body.body-negociacoes .mpc-page-hero .negociacoes-hero-conteudo {
  width: 100%;
  max-width: none;
  text-align: center;
}

body .mpc-page-hero::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(18, 224, 108, 0.38), transparent);
}

body .mpc-page-hero :where(.pagina-kicker, .negociacoes-kicker, .explorar-kicker),
body.body-mercado main.main-main .mpc-page-hero .pagina-kicker,
body.body-negociacoes .mpc-page-hero .negociacoes-kicker,
body.body-explorar .mpc-page-hero .explorar-kicker {
  display: inline-block;
  margin: 0 0 13px;
  color: #12e06c;
  font: 900 0.72rem "Montserrat", sans-serif;
  letter-spacing: 0.2em;
  line-height: 1.2;
  text-transform: uppercase;
}

body .mpc-page-hero :where(.negociacoes-kicker)::before,
body .mpc-page-hero :where(.negociacoes-kicker)::after {
  display: none;
  content: none;
}

body .mpc-page-hero h1,
body.body-torneios .mpc-page-hero h1,
body.body-mercado main.main-main .mpc-page-hero h1,
body.body-negociacoes .mpc-page-hero h1,
body.body-explorar .mpc-page-hero h1 {
  max-width: 1380px;
  margin: 0 auto;
  color: #f7faf8;
  font-family: "Barlow Condensed", "Arial Narrow", "Montserrat", sans-serif;
  font-size: clamp(3rem, 5.15vw, 5.35rem);
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0.015em;
  line-height: 0.94;
  text-align: center;
  text-shadow: 0 12px 38px rgba(0, 0, 0, 0.72);
  text-transform: uppercase;
  text-wrap: balance;
}

body .mpc-page-hero h1 span,
body.body-torneios .mpc-page-hero h1 span,
body.body-mercado main.main-main .mpc-page-hero h1 span,
body.body-negociacoes .mpc-page-hero h1 span,
body.body-explorar .mpc-page-hero h1 span {
  color: #12e06c;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
}

body .mpc-page-hero p,
body.body-torneios .mpc-page-hero p,
body.body-mercado main.main-main .mpc-page-hero p,
body.body-negociacoes .mpc-page-hero p,
body.body-explorar .mpc-page-hero p {
  display: block;
  max-width: 820px;
  margin: 18px auto 0;
  color: #b9c2bd;
  font: 500 clamp(0.95rem, 1.35vw, 1.16rem) / 1.5 "Montserrat", sans-serif;
  text-align: center;
}

body.body-mercado main.main-main .mpc-page-hero-mercado h1 {
  font-size: clamp(2.8rem, 4.55vw, 4.9rem);
}

.negociacoes-hero-acoes {
  display: flex;
  justify-content: flex-end;
  margin: 14px 0 0;
}

@media (max-width: 780px) {
  body .mpc-page-hero {
    min-height: 180px;
    padding: 32px 10px 28px;
  }

  body.body-negociacoes .negociacoes-hero.mpc-page-hero,
  body.body-explorar .explorar-hero.mpc-page-hero {
    min-height: 180px;
    padding: 32px 10px 28px;
  }

  body .mpc-page-hero :where(.pagina-kicker, .negociacoes-kicker, .explorar-kicker),
  body.body-mercado main.main-main .mpc-page-hero .pagina-kicker,
  body.body-negociacoes .mpc-page-hero .negociacoes-kicker,
  body.body-explorar .mpc-page-hero .explorar-kicker {
    margin-bottom: 12px;
    font-size: 0.63rem;
  }

  body .mpc-page-hero h1,
  body.body-torneios .mpc-page-hero h1,
  body.body-mercado main.main-main .mpc-page-hero h1,
  body.body-negociacoes .mpc-page-hero h1,
  body.body-explorar .mpc-page-hero h1,
  body.body-mercado main.main-main .mpc-page-hero-mercado h1 {
    font-size: clamp(2.2rem, 10vw, 3.5rem);
    line-height: 0.95;
  }

  body.body-mercado main.main-main .mpc-page-hero-mercado h1 {
    font-size: clamp(1.4rem, 7.45vw, 3rem);
  }

  body .mpc-page-hero p,
  body.body-torneios .mpc-page-hero p,
  body.body-mercado main.main-main .mpc-page-hero p,
  body.body-negociacoes .mpc-page-hero p,
  body.body-explorar .mpc-page-hero p {
    margin-top: 16px;
    font-size: 0.83rem;
  }

  .negociacoes-hero-acoes {
    margin-top: 12px;
  }

  .negociacoes-hero-acoes .negociacoes-cta {
    width: 100%;
  }
}

@media (max-width: 360px) {
  body.body-mercado main.main-main .mpc-page-hero-mercado h1 {
    font-size: 6.8vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .mpc-page-hero * {
    scroll-behavior: auto;
  }
}