/* VAG Rundschrift D: fonte dos títulos e botões do Figma (arquivos em fonts/VAGRundschriftD) */
@font-face {
  font-family: "VAG Rundschrift D";
  src: url("../fonts/VAGRundschriftD/VAGRundschriftD.woff2") format("woff2"),
       url("../fonts/VAGRundschriftD/VAGRundschriftD.woff") format("woff"),
       url("../fonts/VAGRundschriftD/VAGRundschriftD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.card {
  box-shadow: 0px 6px 15px #00000027;
  border-radius: 10px;
  border: none;
}

header .menu li:nth-last-child(n + 2) a:hover,
header .menu li:nth-last-child(n + 2) a:focus {
  box-shadow: none !important;
}
header .menu li.participar.logado {
  background: none;
}
header .menu li.participar:after {
  display: none !important;
}
header .menu li.participar {
  background-color: var(--primary) !important;
}
/* .socials li a {
  color: #fff;
}
header {
  background: #fff;
} */
#faq .btn-link.collapsed[aria-expanded="false"],
#faq .btn-link.collapsed[aria-expanded="true"],
#faq .btn-link[aria-expanded="true"] {
  background-color: #ffffff;
  text-decoration: none;
}
/* Cor de seleção de acordo com a cor primária setada no admin */
::selection {
  background-color: var(--primary);
}

/* Para fazer a transição de ancoragem - Homepage */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 130px;
}

/* Problema do footer ficar voando em algumas páginas */
/* calc(Altura da tela inteira - Altura do header - Altura do footer) */
.scene-form {
  height: 100%;
  min-height: calc(100vh - 80px - 200px);
  margin-top: 50px;
}

/* No FAQ o elemento já vem com expanded=true */
#faq .btn-link {
  min-height: 75px;
  font-weight: 500;
  border-radius: 30px;
}
#faq .card {
  border-radius: 30px !important;
}

#faq .btn-link.collapsed[aria-expanded="true"] {
  background-color: #fff;
  text-decoration: none;
  color: var(--secondary) !important;
}

#faq .btn-link.collapsed[aria-expanded="false"] {
  background-color: #fff;
  text-decoration: none;
}

#faq .btn-link[aria-expanded="true"] {
  color: #61270e !important;
}
/* .special-title {
  color: var(--mc-roxo-texto) !important;
} */
.special-title:after {
  background: var(--primary);
  margin: 10px auto 0;
  border-radius: 25px;
}
.btn-primary {
  font-family: Poppins;
  color: #fff;
  /* border-radius: 50vw; */
  box-shadow: 0 4px 10px #0000004d;
}
.btn-secondary {
  /* border-radius: 50vw; */
  color: #fff !important;
  box-shadow: 0 4px 10px #0000004d;
}
footer .footer_line {
  border: none;
}
li.participar {
  background-color: transparent !important;
}
header .menu li:nth-last-child(n + 2) a {
  color: var(--mc-roxo-texto) !important;
}
/* footer {
  background-color: #fff !important;
  min-height: 200px;
}
.footer_menu li a {
  color: #fff !important;
} */

header .abrirMenu div {
  background-color: var(--secondary) !important;
}
.cadastreSe {
  max-width: 289px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  margin-bottom: 30px;
  font-weight: 700;
}

@media (max-width: 991px) {
  header .menu li {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .comoParticipar .boxStep {
    margin-bottom: 30px;
  }
  .comoParticipar .description,
  .comoParticipar .description a {
    min-height: auto;
  }
  /* header {
    background-color: #fff;
  } */
  header .menu li:nth-last-child(n + 2) a {
    display: block;
    padding: 15px 0;
  }

  header .menu li.participar {
    border: 1px var(--white) solid;
    padding: 0;
    max-width: 220px;
  }

  header .menu li.participar a {
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* =====================================================
   MULTICOISAS 2026 (WF-11294) - tokens, header, menu e footer
   Desktop desenhado em 2560px com coluna central de 1118px:
   --u = 1px a partir de 1200px e escala proporcional entre 992 e 1199.
   Mobile desenhado em 414px: --m escala a coluna ate 560px.
   ===================================================== */
:root {
  --mc-laranja: #f6a200;
  --mc-amarelo: #ffb300;
  --mc-roxo: #43266e;
  --mc-roxo-texto: #482c6f;
  --mc-roxo-escuro: #2d193f;
  --mc-azul-escuro: #030b2e;
  --mc-cinza-base: #262626;
  --mc-cinza-linha: #787878;
  /* Edo SZ (Vic Fieger) e uma fonte de pincel paga e fora do projeto; a Caveat Brush (Google Fonts, OFL) e a mais proxima.
     Se a Edo SZ for licenciada, basta declarar o @font-face dela: ela ja e a primeira da lista. */
  --mc-fonte-edo: "Edo SZ", "Caveat Brush", "Inter", sans-serif;
  --u: 1px;
  --m: 1px;
  --mc-header-h: calc(94 * var(--u));
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  :root { --u: calc(100vw / 1200); }
}
@media (max-width: 991.98px) {
  :root {
    --m: calc(min(100vw, 560px) / 414);
    --mc-header-h: calc(53 * var(--m));
  }
}

body {
  padding-top: var(--mc-header-h);
}
body.mc-nav-open {
  overflow: hidden;
}

/* ---------- Header ---------- */
header.mc-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  height: var(--mc-header-h);
  background: var(--mc-laranja);
  box-shadow: none;
  overflow: visible;
}
.mc-header img {
  max-height: none;
}
.mc-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(1118 * var(--u));
  height: 100%;
  margin: 0 auto;
  padding: calc(15 * var(--u)) calc(9 * var(--u)) 0 0;
}
.mc-header__brand {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(367 * var(--u));
  height: calc(124 * var(--u));
}
.mc-header__aba {
  position: absolute;
  top: calc(-17.29 * var(--u));
  left: 0;
  width: calc(367 * var(--u));
  height: calc(141.137 * var(--u));
}
.mc-header__logo {
  position: absolute;
  top: calc(42.75 * var(--u));
  left: calc(70.52 * var(--u));
  width: calc(225.631 * var(--u));
  height: calc(44.852 * var(--u));
}
.mc-header__tagline {
  position: absolute;
  top: calc(92.45 * var(--u));
  left: calc(180.2 * var(--u));
  width: calc(116.285 * var(--u));
  height: calc(13.777 * var(--u));
}
.mc-header__logo-m,
.mc-header__toggle,
.mc-nav__top,
.mc-nav__mobile-only {
  display: none;
}

.mc-nav__list {
  display: flex;
  align-items: center;
  margin: 0 calc(24 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.mc-nav__list a {
  display: block;
  padding: calc(4 * var(--u)) calc(10 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: calc(13 * var(--u));
  line-height: 1.5;
  color: var(--mc-azul-escuro);
  text-decoration: none;
  white-space: nowrap;
}
/* XD: hover/ativo com texto branco e barrinha branca arredondada centralizada abaixo */
.mc-nav__list a {
  position: relative;
}
.mc-nav__list a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(-12 * var(--u));
  width: calc(52 * var(--u));
  height: calc(5 * var(--u));
  border-radius: calc(5 * var(--u));
  background: #fff;
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.2s ease;
}
.mc-nav__list a:hover,
.mc-nav__list a:focus,
.mc-nav__list a.is-active {
  color: #fff;
  text-decoration: none;
}
.mc-nav__list a:hover::after,
.mc-nav__list a:focus-visible::after,
.mc-nav__list a.is-active::after {
  transform: translateX(-50%) scaleX(1);
}

.mc-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(140 * var(--u));
  height: calc(39 * var(--u));
  padding: 0 calc(18 * var(--u));
  border-radius: calc(22 * var(--u));
  background: var(--mc-roxo);
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: calc(17 * var(--u));
  line-height: calc(20 * var(--u));
  letter-spacing: 0;
  color: var(--mc-laranja);
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.mc-header__cta:hover,
.mc-header__cta:focus {
  color: #fff;
  text-decoration: none;
}
.mc-header__perfil {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--u));
}
/* Sair: mesmo botao, em vermelho (como no tema da Lavateria) */
.mc-header__cta--sair {
  min-width: 0;
  background: #dc3545;
  color: #fff;
}
.mc-header__cta--sair:hover,
.mc-header__cta--sair:focus {
  background: #b82a38;
  color: #fff;
}

@media (max-width: 991.98px) {
  .mc-header__inner {
    width: 100%;
    padding: 0;
  }
  /* XD "HOME - Mobile": logo 118 x 32 (com o "além das coisas") encostado a esquerda (x 27, y 8)
     e menu de 32 x 22 a direita (x 366, y 14). O Figma convertido deixou a logo quebrada/centralizada. */
  .mc-header__brand {
    left: calc(27 * var(--m));
    width: calc(118 * var(--m));
    height: 100%;
  }
  .mc-header__aba,
  .mc-header__logo,
  .mc-header__cta,
  .mc-header__perfil {
    display: none;
  }
  .mc-header__logo-m {
    display: block;
    position: absolute;
    top: calc(8 * var(--m));
    left: 0;
    width: calc(118 * var(--m));
    height: calc(23.5 * var(--m));
  }
  .mc-header__tagline {
    display: block;
    position: absolute;
    top: calc(32.3 * var(--m));
    left: calc(57.2 * var(--m));
    width: calc(60.8 * var(--m));
    height: calc(7.2 * var(--m));
  }
  .mc-header__toggle {
    display: block;
    position: absolute;
    top: calc(13.7 * var(--m));
    right: calc(15.8 * var(--m));
    width: calc(32.4 * var(--m));
    height: calc(21.6 * var(--m));
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .mc-header__toggle img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mc-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    overflow-y: auto;
    background: #1e1e1e;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 0.3s ease, visibility 0.3s;
  }
  .mc-nav.is-open {
    transform: translateX(0);
    visibility: visible;
  }
  .mc-nav__top {
    display: block;
    position: relative;
    height: calc(53.78 * var(--m));
    background: #d6d6d6;
  }
  .mc-nav__logo {
    position: absolute;
    top: calc(9 * var(--m));
    left: 50%;
    width: calc(152.826 * var(--m));
    height: calc(30.423 * var(--m));
    transform: translateX(-50%);
  }
  .mc-nav__close {
    position: absolute;
    top: calc(16 * var(--m));
    right: calc(10 * var(--m));
    width: calc(21.77 * var(--m));
    height: calc(21.77 * var(--m));
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .mc-nav__close img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .mc-nav__list {
    display: block;
    margin: 0;
    padding-top: calc(6 * var(--m));
  }
  .mc-nav__list li {
    border-bottom: 2px solid rgba(255, 255, 255, 0.45);
  }
  .mc-nav__list .mc-nav__mobile-only {
    display: block;
  }
  .mc-nav__list a,
  .mc-nav__list a:hover,
  .mc-nav__list a:focus {
    padding: calc(6 * var(--m)) calc(15 * var(--m));
    font-size: calc(18 * var(--m));
    text-align: center;
    color: #fff;
    white-space: normal;
  }

  /* XD "Menu mobile aberto": barra laranja com logo central e X preto, fundo preto,
     itens (vindos do admin) em laranja com divisorias recuadas e botao de login em pilula. */
  .mc-nav {
    background: #000;
  }
  .mc-nav__top {
    height: calc(56 * var(--m));
    background: var(--mc-laranja);
  }
  .mc-nav__logo {
    top: calc(11 * var(--m));
    width: calc(162 * var(--m));
    height: calc(32 * var(--m));
  }
  .mc-nav__close {
    top: calc(17 * var(--m));
    right: calc(14 * var(--m));
  }
  .mc-nav__close img {
    filter: brightness(0);
  }
  .mc-nav__list {
    padding: calc(10 * var(--m)) 0 calc(40 * var(--m));
  }
  .mc-nav__list li {
    width: calc(302 * var(--m));
    margin: 0 auto;
    border-bottom: 1px solid #8a8a8a;
  }
  .mc-nav__list a,
  .mc-nav__list a:hover,
  .mc-nav__list a:focus {
    display: block;
    padding: calc(8 * var(--m)) calc(10 * var(--m));
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: calc(18 * var(--m));
    line-height: calc(22 * var(--m));
    color: var(--mc-laranja);
    text-decoration: none;
  }
  .mc-nav__list a::after {
    display: none;
  }
  .mc-nav__list a.is-active {
    color: var(--mc-laranja);
  }
  .mc-nav__list .mc-nav__cta {
    width: auto;
    margin-top: calc(26 * var(--m));
    border-bottom: 0;
    text-align: center;
  }
  .mc-nav__list .mc-nav__cta a,
  .mc-nav__list .mc-nav__cta a:hover,
  .mc-nav__list .mc-nav__cta a:focus {
    display: inline-block;
    min-width: calc(155 * var(--m));
    padding: calc(13 * var(--m)) calc(24 * var(--m));
    border-radius: calc(30 * var(--m));
    background: linear-gradient(90deg, #e2245a 0%, #f2546e 100%);
    box-shadow: 0 calc(4 * var(--m)) calc(10 * var(--m)) rgba(226, 36, 90, 0.35);
    font-weight: 700;
    font-size: calc(17 * var(--m));
    text-transform: uppercase;
    color: #fff;
  }
}

/* ---------- Footer ----------
   Padrao (paginas internas): textura comeca 99.7px abaixo do topo e o footer
   sobe 163px por cima do fim do conteudo, deixando o fundo aparecer atras da onda.
   body.home usa a geometria propria da HOME (595px, sem coluna lateral por causa do iPhone). */
footer.mc-footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: transparent;
  font-family: "Poppins", sans-serif;
}
/* So sobrepoe o conteudo nas paginas ja redesenhadas (.mc-page); nas demais o footer fica abaixo. */
body:has(.mc-page) footer.mc-footer {
  margin-top: calc(-163 * var(--u));
}
.mc-footer::before {
  content: "";
  position: absolute;
  top: calc(363 * var(--u));
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
}
.mc-footer__onda {
  position: absolute;
  top: calc(99.7 * var(--u));
  left: 50%;
  width: calc(2559 * var(--u));
  max-width: none;
  height: calc(431 * var(--u));
  transform: translateX(-50%);
}
.mc-footer__body {
  position: relative;
  z-index: 1;
  min-height: calc(545 * var(--u));
  padding: calc(385 * var(--u)) 0 calc(16 * var(--u));
}
.mc-footer__inner {
  position: relative;
  width: calc(1118 * var(--u));
  margin: 0 auto;
}
.mc-footer__body .mc-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mc-footer__logo {
  display: block;
  width: calc(251 * var(--u));
  height: calc(69 * var(--u));
  margin-left: calc(13 * var(--u));
}
footer.mc-footer p.mc-footer__legal {
  width: calc(814 * var(--u));
  max-width: 100%;
  margin: calc(23 * var(--u)) 0 0 calc(5 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(14 * var(--u));
  line-height: calc(24.8 * var(--u));
  color: #fbfbfb;
}
footer.mc-footer p.mc-footer__legal a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.mc-footer__side {
  width: calc(190 * var(--u));
  margin-right: calc(15 * var(--u));
}
footer.mc-footer p.mc-footer__social-title {
  margin: 0;
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(21.5 * var(--u));
  line-height: calc(25.8 * var(--u));
  color: #fbfbfb;
  text-transform: uppercase;
}
.mc-footer__social-list {
  display: flex;
  align-items: center;
  gap: calc(38.5 * var(--u));
  margin: calc(10 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
footer.mc-footer .mc-footer__social-list a {
  display: flex;
  align-items: center;
  font-size: calc(19 * var(--u));
  color: var(--mc-laranja);
  text-decoration: none;
}
.mc-footer__social-list a:hover,
.mc-footer__social-list a:focus {
  opacity: 0.8;
}
footer.mc-footer .mc-footer__social-list .fab { font-size: calc(22 * var(--u)); line-height: 1; color: var(--mc-laranja); }
.mc-footer__social-list svg { width: calc(18 * var(--u)); height: calc(20 * var(--u)); }
.mc-footer__links {
  margin: calc(25 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.mc-footer__links li {
  height: calc(25 * var(--u));
}
footer.mc-footer .mc-footer__links a {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(12.5 * var(--u));
  line-height: calc(15 * var(--u));
  color: #fbfbfb;
  text-decoration: none;
}
footer.mc-footer .mc-footer__links a:hover,
footer.mc-footer .mc-footer__links a:focus {
  color: var(--mc-laranja);
}
.mc-footer__base {
  position: relative;
  z-index: 1;
  background: var(--mc-cinza-base);
}
.mc-footer__base-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(46.47 * var(--u));
}
.mc-footer__base-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(15.5 * var(--u));
  right: calc(13.5 * var(--u));
  border-top: 1px solid var(--mc-cinza-linha);
}
.mc-footer__dev {
  display: inline-flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(12 * var(--u));
  color: #cfcfcf;
}
/* A base pinta todo span de preto: sobre o cinza do footer o texto sumia (XD: #CFCFCF) */
footer.mc-footer .mc-footer__dev span {
  color: #cfcfcf;
}
.mc-footer__dev img[src$="coracao.svg"] {
  width: calc(20.9 * var(--u));
  height: calc(18.23 * var(--u));
  margin-left: calc(12 * var(--u));
}
.mc-footer__dev img[src$="hands-on-rodape.svg"] {
  width: calc(68 * var(--u));
  height: calc(20 * var(--u));
  margin-left: calc(8 * var(--u));
}

body.home footer.mc-footer {
  margin-top: 0;
}
body.home .mc-footer::before {
  top: calc(344.64 * var(--u));
}
body.home .mc-footer__onda {
  top: calc(82 * var(--u));
}
body.home .mc-footer__body {
  min-height: calc(548.53 * var(--u));
  padding-top: calc(367 * var(--u));
}
body.home .mc-footer__logo {
  width: calc(311 * var(--u));
  height: calc(85 * var(--u));
  margin-left: 0;
}
body.home footer.mc-footer p.mc-footer__legal {
  margin-top: calc(28.7 * var(--u));
}
/* XD "1 - HOME" mostra "Nas redes" e os links no rodape (o Figma convertido perdeu essa camada) */
body.home .mc-footer__side {
  display: block;
}

@media (max-width: 991.98px) {
  footer.mc-footer,
  body.home footer.mc-footer,
  body:has(.mc-page) footer.mc-footer {
    margin-top: 0;
  }
  .mc-footer::before,
  body.home .mc-footer::before {
    top: calc(100vw * 40.72 / 414);
  }
  .mc-footer__onda,
  body.home .mc-footer__onda {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: none;
  }
  .mc-footer__body,
  body.home .mc-footer__body {
    min-height: calc(544.53 * var(--m));
    padding: calc(85 * var(--m)) 0 calc(24 * var(--m));
  }
  .mc-footer__inner {
    width: calc(414 * var(--m));
  }
  .mc-footer__body .mc-footer__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mc-footer__logo,
  body.home .mc-footer__logo {
    width: calc(237 * var(--m));
    height: calc(65 * var(--m));
    margin: 0 auto;
  }
  /* XD: logo, "Nas redes", icones, texto legal e, por ultimo, os links empilhados */
  .mc-footer__side,
  body.home .mc-footer__side {
    display: contents;
  }
  .mc-footer__main {
    display: contents;
  }
  .mc-footer__logo {
    order: -3;
  }
  footer.mc-footer p.mc-footer__social-title,
  .mc-footer__social-list {
    order: -2;
  }
  footer.mc-footer p.mc-footer__legal,
  body.home footer.mc-footer p.mc-footer__legal {
    order: -1;
  }
  .mc-footer__links {
    order: 1;
  }
  footer.mc-footer p.mc-footer__social-title {
    margin-top: calc(26 * var(--m));
    font-size: calc(21.5 * var(--m));
    line-height: calc(25.8 * var(--m));
  }
  .mc-footer__social-list {
    justify-content: center;
    gap: calc(38.5 * var(--m));
    margin-top: calc(12 * var(--m));
  }
  footer.mc-footer .mc-footer__social-list .fab { font-size: calc(25 * var(--m)); }
  .mc-footer__social-list svg { width: calc(20.7 * var(--m)); height: calc(23 * var(--m)); }
  footer.mc-footer .mc-footer__social-list a {
    font-size: calc(19 * var(--m));
  }
  .mc-footer__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(18 * var(--m));
  }
  .mc-footer__links li {
    height: calc(37 * var(--m));
  }
  footer.mc-footer .mc-footer__links a {
    font-size: calc(12.5 * var(--m));
    line-height: calc(18 * var(--m));
    color: #cfcfcf;
  }
  footer.mc-footer p.mc-footer__legal,
  body.home footer.mc-footer p.mc-footer__legal {
    width: auto;
    margin: calc(26 * var(--m)) calc(15 * var(--m)) 0 calc(12 * var(--m));
    font-size: calc(14 * var(--m));
    line-height: calc(21 * var(--m));
  }
  .mc-footer__base-inner {
    width: 100%;
    min-height: calc(46.47 * var(--m));
  }
  .mc-footer__base-inner::before {
    display: none;
  }
  .mc-footer__dev {
    font-size: calc(12 * var(--m));
  }
  /* XD: coracao vermelho de ~10px (no Figma convertido tinha 21px e contorno quase preto) */
  .mc-footer__dev img[src$="coracao.svg"] {
    width: calc(10.5 * var(--m));
    height: calc(9.3 * var(--m));
    margin: 0 calc(8 * var(--m)) 0 calc(10 * var(--m));
  }
  .mc-footer__dev img[src$="hands-on-rodape.svg"] {
    width: calc(68 * var(--m));
    height: calc(20 * var(--m));
    margin-left: calc(8 * var(--m));
  }
}

/* ---------- Paginas internas: fundo, card e formularios ---------- */
body:not(.home) {
  /* A textura acaba em ~1346px; o degrade funde a borda inferior com o roxo liso nas paginas mais altas (painel) */
  background:
    linear-gradient(to bottom, transparent calc(100% - 300 * var(--u)), #3f2969 calc(100% - 20 * var(--u))) center top / 100% calc(1352 * var(--u)) no-repeat,
    #3f2969 url("../images/site/bg-pattern.webp") center calc(-5 * var(--u)) / calc(2583 * var(--u)) auto no-repeat;
}
/* Figma (paginas internas mobile): fundo roxo solido, sem o padrao */
@media (max-width: 991.98px) {
  body:not(.home) {
    background: #3f2969;
  }
}
/* min-height: footer (512px, dos quais 163px sobrepostos ao conteudo) fica sempre no fim da tela */
.mc-page {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - var(--mc-header-h) - 428 * var(--u));
  padding-bottom: calc(1 * var(--u));
}
@media (max-width: 991.98px) {
  .mc-page {
    min-height: calc(100vh - var(--mc-header-h) - 591 * var(--m));
  }
}

.mc-card {
  position: relative;
  background: #fff;
  border-radius: calc(20 * var(--u));
  box-shadow: 0 calc(6 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.15);
}
.mc-titulo {
  margin: 0;
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(40 * var(--u));
  line-height: calc(44 * var(--u));
  color: #45494c;
}
.mc-texto {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  color: var(--mc-roxo-texto);
}

/* Campo com rotulo sobre a borda (Figma: input--email) */
.mc-campo {
  position: relative;
  margin: 0;
}
.mc-campo > label,
.mc-campo label.mc-campo__label {
  position: absolute;
  z-index: 1;
  top: calc(-9 * var(--u));
  left: calc(14 * var(--u));
  margin: 0;
  padding: 0 calc(6 * var(--u));
  background: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  color: var(--mc-roxo-texto);
}
.mc-campo input.form-control,
.mc-campo select.form-control,
.mc-campo textarea.form-control {
  height: calc(54 * var(--u));
  padding: 0 calc(20 * var(--u)) 0 calc(63.74 * var(--u));
  border: 1px solid var(--mc-roxo-texto);
  border-radius: calc(10 * var(--u));
  background: #fff url("../images/site/icone-campo.svg") calc(22.12 * var(--u)) center / calc(22 * var(--u)) calc(16 * var(--u)) no-repeat;
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(18 * var(--u));
  color: var(--mc-roxo-texto);
  text-align: left;
}
.mc-campo textarea.form-control {
  height: auto;
  min-height: calc(120 * var(--u));
  padding-top: calc(14 * var(--u));
  background-position: calc(22.12 * var(--u)) calc(19 * var(--u));
}
.mc-campo .form-control::placeholder {
  color: #cfcfcf;
  opacity: 1;
}
.mc-campo .form-control:focus {
  border-color: var(--mc-roxo);
  box-shadow: 0 0 0 2px rgba(67, 38, 110, 0.15);
}
.mc-campo .error-message,
.mc-campo .invalid-feedback {
  display: block;
  margin-top: calc(2 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(11 * var(--u));
  line-height: calc(17 * var(--u));
  color: #ef5942;
}

.mc-botao,
input.mc-botao,
button.mc-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(225 * var(--u));
  height: calc(44 * var(--u));
  padding: 0 calc(28 * var(--u));
  border: 0;
  border-radius: calc(22 * var(--u));
  background: var(--mc-laranja);
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(18 * var(--u));
  letter-spacing: calc(0.36 * var(--u));
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease;
}
.mc-botao:hover,
.mc-botao:focus {
  color: #fff;
  text-decoration: none;
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.mc-botao:disabled {
  opacity: 0.6;
  cursor: wait;
}
.mc-botao--branco,
input.mc-botao--branco {
  min-width: calc(260 * var(--u));
  border: 2px solid #fff;
  background: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  color: var(--mc-roxo-texto);
}
.mc-botao--branco:hover,
.mc-botao--branco:focus {
  color: var(--mc-roxo);
}
.mc-link {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(16 * var(--u));
  line-height: calc(26 * var(--u));
  color: var(--mc-roxo-texto);
}
.mc-link:hover,
.mc-link:focus {
  color: var(--mc-roxo);
}

@media (max-width: 991.98px) {
  .mc-card {
    border-radius: calc(20 * var(--m));
  }
  .mc-titulo {
    font-size: calc(30 * var(--m));
    line-height: calc(36 * var(--m));
  }
  .mc-texto {
    font-size: calc(14 * var(--m));
    line-height: calc(18 * var(--m));
  }
  .mc-campo > label,
  .mc-campo label.mc-campo__label {
    top: calc(-9 * var(--m));
    left: calc(14 * var(--m));
    padding: 0 calc(6 * var(--m));
    font-size: calc(14 * var(--m));
    line-height: calc(18 * var(--m));
  }
  .mc-campo input.form-control,
  .mc-campo select.form-control,
  .mc-campo textarea.form-control {
    height: calc(54 * var(--m));
    padding: 0 calc(16 * var(--m)) 0 calc(56 * var(--m));
    border-radius: calc(10 * var(--m));
    background-position: calc(18 * var(--m)) center;
    background-size: calc(22 * var(--m)) calc(16 * var(--m));
    font-size: calc(16 * var(--m));
  }
  .mc-campo textarea.form-control {
    height: auto;
    min-height: calc(120 * var(--m));
    padding-top: calc(14 * var(--m));
    background-position: calc(18 * var(--m)) calc(19 * var(--m));
  }
  .mc-campo .error-message,
  .mc-campo .invalid-feedback {
    font-size: calc(11 * var(--m));
    line-height: calc(17 * var(--m));
  }
  .mc-botao,
  input.mc-botao,
  button.mc-botao {
    min-width: calc(225 * var(--m));
    height: calc(44 * var(--m));
    padding: 0 calc(24 * var(--m));
    border-radius: calc(22 * var(--m));
    box-shadow: 0 calc(4 * var(--m)) calc(10 * var(--m)) rgba(0, 0, 0, 0.3);
    font-size: calc(18 * var(--m));
  }
  .mc-botao--branco,
  input.mc-botao--branco {
    min-width: calc(260 * var(--m));
  }
  .mc-link {
    font-size: calc(16 * var(--m));
    line-height: calc(26 * var(--m));
  }
}

.mc-campo--cinza > label,
.mc-campo--cinza label.mc-campo__label {
  color: #737373;
}
.mc-campo--claro input.form-control,
.mc-campo--claro select.form-control,
.mc-campo--claro textarea.form-control {
  border-color: #cfcfcf;
}

/* ---------- Titulo de pagina (Figma: "Titulo de pagina") ---------- */
.mc-pagetitulo {
  margin: 0;
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(36 * var(--u));
  line-height: calc(38 * var(--u));
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.mc-pagetitulo::after {
  content: "";
  display: block;
  width: calc(176 * var(--u)); /* XD: barra do titulo 176 x 6px (o Figma converteu para 166 x 7 / largura do texto) */
  height: calc(6 * var(--u));
  margin: calc(3 * var(--u)) auto 0;
  position: relative;
  top: calc(-1 * var(--u));
  border-radius: 100px;
  background: #fff;
}

/* ---------- Card de aviso / formulario curto (522px) ---------- */
/* padding inferior = 163px (sobreposicao do footer) - distancia do fim do card ao footer no Figma */
.mc-aviso {
  padding: calc(117.5 * var(--u)) 0 calc(104 * var(--u));
}
.mc-aviso--alterada {
  padding-top: calc(138.5 * var(--u));
  padding-bottom: calc(113 * var(--u));
}
.mc-aviso--form {
  padding-top: calc(109.5 * var(--u));
  padding-bottom: calc(43 * var(--u));
}
.mc-aviso__flash {
  width: calc(522 * var(--u));
  margin: 0 auto;
}
.mc-aviso__flash:empty {
  display: none;
}
.mc-aviso__card {
  display: flex;
  flex-direction: column;
  width: calc(522 * var(--u));
  margin: calc(49.5 * var(--u)) auto 0;
  padding: calc(17 * var(--u)) calc(13 * var(--u)) calc(39 * var(--u)) calc(22 * var(--u));
}
.mc-aviso--alterada .mc-aviso__card {
  padding: calc(19 * var(--u)) calc(22 * var(--u)) calc(44.5 * var(--u)) calc(29 * var(--u));
}
.mc-aviso--form .mc-aviso__card {
  align-items: center;
  margin-top: calc(22.5 * var(--u));
  padding: calc(9 * var(--u)) 0 calc(27.5 * var(--u));
}
.mc-aviso__card p {
  margin: 0 0 calc(18 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  color: var(--mc-roxo-texto);
}
.mc-aviso__card p:last-of-type {
  margin-bottom: 0;
}
.mc-aviso__card .mc-aviso__destaque {
  font-weight: 700;
}
.mc-aviso__botao {
  align-self: center;
  margin-top: calc(40 * var(--u));
}
.mc-aviso--alterada .mc-aviso__botao {
  margin-top: calc(54 * var(--u));
}
.mc-aviso--form .mc-aviso__botao {
  margin-top: calc(22.5 * var(--u));
}

.mc-senha .mc-senha__intro {
  margin: 0;
  text-align: center;
}
.mc-senha__campo {
  width: calc(335 * var(--u));
  margin-top: calc(30.7 * var(--u));
}
.mc-senha__campo + .mc-senha__campo {
  margin-top: calc(38.57 * var(--u));
}
.mc-aviso__card .mc-senha__regra {
  width: calc(335 * var(--u));
  margin-top: calc(26 * var(--u));
}

@media (max-width: 991.98px) {
  .mc-pagetitulo {
    font-size: calc(28 * var(--m));
    line-height: calc(32 * var(--m));
  }
  .mc-pagetitulo::after {
    width: calc(130 * var(--m));
    height: calc(6 * var(--m));
    margin-top: calc(4 * var(--m));
  }
  .mc-aviso,
  .mc-aviso--alterada,
  .mc-aviso--form {
    padding: calc(40 * var(--m)) calc(16 * var(--m)) calc(60 * var(--m));
  }
  .mc-aviso__flash,
  .mc-aviso__card {
    width: 100%;
    max-width: calc(414 * var(--m));
  }
  .mc-aviso__card,
  .mc-aviso--alterada .mc-aviso__card {
    margin-top: calc(28 * var(--m));
    padding: calc(22 * var(--m)) calc(20 * var(--m)) calc(30 * var(--m));
  }
  .mc-aviso--form .mc-aviso__card {
    margin-top: calc(28 * var(--m));
    padding: calc(20 * var(--m)) calc(20 * var(--m)) calc(28 * var(--m));
  }
  .mc-aviso__card p {
    margin-bottom: calc(18 * var(--m));
    font-size: calc(14 * var(--m));
    line-height: calc(18 * var(--m));
  }
  .mc-aviso__botao,
  .mc-aviso--alterada .mc-aviso__botao,
  .mc-aviso--form .mc-aviso__botao {
    margin-top: calc(26 * var(--m));
  }
  .mc-senha__campo,
  .mc-aviso__card .mc-senha__regra {
    width: 100%;
  }
  .mc-senha__campo {
    margin-top: calc(28 * var(--m));
  }
  .mc-senha__campo + .mc-senha__campo {
    margin-top: calc(30 * var(--m));
  }
  .mc-aviso__card .mc-senha__regra {
    margin-top: calc(22 * var(--m));
  }
}

/* Confirmacao de cadastro (Figma "Cadastro Realizado") */
.mc-aviso--sucesso {
  padding-top: calc(99 * var(--u));
}
.mc-aviso--sucesso .mc-aviso__card {
  padding: calc(28 * var(--u)) calc(15 * var(--u)) calc(42 * var(--u)) calc(30 * var(--u));
}
.mc-aviso__card .mc-aviso__titulo {
  margin-bottom: calc(20 * var(--u));
  font-weight: 700;
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
}
.mc-aviso__card .mc-aviso__codigo-label {
  margin-top: calc(20 * var(--u));
  text-align: center;
}
.mc-aviso__card .mc-aviso__codigo {
  margin: calc(6 * var(--u)) 0 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: calc(40 * var(--u));
  line-height: 1.2;
  color: var(--mc-roxo);
  text-align: center;
}
.mc-aviso__link {
  align-self: center;
  margin-top: calc(15.5 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(16 * var(--u));
  line-height: calc(26 * var(--u));
  color: var(--mc-roxo-texto);
  text-decoration: underline;
}
.mc-aviso__link:hover,
.mc-aviso__link:focus {
  color: var(--mc-roxo);
}
@media (max-width: 991.98px) {
  .mc-aviso--sucesso {
    padding-top: calc(40 * var(--m));
  }
  .mc-aviso--sucesso .mc-aviso__card {
    padding: calc(24 * var(--m)) calc(20 * var(--m)) calc(30 * var(--m));
  }
  .mc-aviso__card .mc-aviso__titulo {
    margin-bottom: calc(14 * var(--m));
    font-size: calc(20 * var(--m));
    line-height: calc(24 * var(--m));
  }
  .mc-aviso__card .mc-aviso__codigo {
    font-size: calc(34 * var(--m));
  }
  .mc-aviso__link {
    margin-top: calc(14 * var(--m));
    font-size: calc(16 * var(--m));
    line-height: calc(26 * var(--m));
  }
}

/* Botao secundario em contorno (variacao sem modelo no Figma) */
.mc-botao--contorno,
input.mc-botao--contorno {
  border: 2px solid var(--mc-laranja);
  background: #fff;
  box-shadow: none;
  color: var(--mc-laranja);
}
.mc-botao--contorno:hover,
.mc-botao--contorno:focus {
  color: var(--mc-roxo);
  border-color: var(--mc-roxo);
}
.mc-aviso__card p a {
  color: var(--mc-roxo);
  text-decoration: underline;
}
.mc-aviso__acoes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(16 * var(--u));
  margin-top: calc(30 * var(--u));
}
.mc-aviso--confirmar .mc-aviso__card {
  padding: calc(28 * var(--u)) calc(30 * var(--u)) calc(36 * var(--u));
}
.mc-aviso--confirmar .mc-aviso__card p {
  text-align: center;
}
@media (max-width: 991.98px) {
  .mc-aviso__acoes {
    gap: calc(12 * var(--m));
    margin-top: calc(24 * var(--m));
  }
  .mc-aviso--confirmar .mc-aviso__card {
    padding: calc(24 * var(--m)) calc(20 * var(--m)) calc(30 * var(--m));
  }
}

/* ---------- Titulo de secao (Figma H4: VAG 22/45 + barra 51x6) ---------- */
.mc-secao {
  margin: 0;
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(22 * var(--u));
  line-height: calc(45 * var(--u));
  color: #fff;
}
.mc-secao::after {
  content: "";
  display: block;
  width: calc(51 * var(--u));
  height: calc(6 * var(--u));
  border-radius: 100px;
  background: #fff;
}
@media (max-width: 991.98px) {
  .mc-secao {
    font-size: calc(22 * var(--m));
    line-height: calc(36 * var(--m));
  }
  .mc-secao::after {
    width: calc(51 * var(--m));
    height: calc(6 * var(--m));
  }
}

/* ---------- Paginas de texto: Regulamento, Politica, Termos (Figma "Regulamento") ---------- */
.mc-texto-pagina {
  padding: calc(24.5 * var(--u)) 0 calc(190 * var(--u));
}
.mc-texto-pagina__coluna {
  width: calc(1096 * var(--u));
  margin: 0 auto;
  transform: translateX(calc(3 * var(--u)));
}
.mc-texto-pagina__conteudo {
  margin-top: calc(21.5 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  color: #fff;
}
.mc-texto-pagina__conteudo * {
  color: inherit !important;
  background-color: transparent !important;
}
.mc-texto-pagina__conteudo p,
.mc-texto-pagina__conteudo ul,
.mc-texto-pagina__conteudo ol {
  margin: 0 0 calc(20 * var(--u));
}
.mc-texto-pagina__conteudo h1,
.mc-texto-pagina__conteudo h2,
.mc-texto-pagina__conteudo h3,
.mc-texto-pagina__conteudo h4 {
  margin: calc(28 * var(--u)) 0 calc(12 * var(--u));
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-size: calc(20 * var(--u));
  line-height: 1.3;
}
.mc-texto-pagina__conteudo a {
  color: var(--mc-laranja) !important;
  text-decoration: underline;
}
.mc-texto-pagina__vazio {
  margin-top: calc(24 * var(--u));
  font-family: "Poppins", sans-serif;
  font-size: calc(16 * var(--u));
  color: #fff;
  text-align: center;
}
.mc-texto-pagina__abas {
  margin-top: calc(21.5 * var(--u));
}
.mc-texto-pagina__abas .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(12 * var(--u));
  border: 0;
}
.mc-texto-pagina__abas .nav-link {
  border: 2px solid #fff;
  border-radius: calc(22 * var(--u));
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: calc(14 * var(--u));
  color: #fff;
}
.mc-texto-pagina__abas .nav-link.active,
.mc-texto-pagina__abas .nav-link:hover {
  border-color: var(--mc-laranja);
  background: var(--mc-laranja);
  color: #fff;
}
.mc-texto-pagina__pdf {
  margin-top: calc(21.5 * var(--u));
  padding: calc(10 * var(--u));
  border-radius: calc(10 * var(--u));
  background: #fff;
  box-shadow: 0 calc(6 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.15);
}
.mc-texto-pagina__pdf iframe {
  display: block;
  height: calc(900 * var(--u));
  border-radius: calc(6 * var(--u));
}
@media (max-width: 991.98px) {
  .mc-texto-pagina {
    padding: calc(24 * var(--m)) calc(16 * var(--m)) calc(50 * var(--m));
  }
  .mc-texto-pagina__coluna {
    width: auto;
    max-width: calc(414 * var(--m));
    transform: none;
  }
  .mc-texto-pagina__conteudo {
    margin-top: calc(22 * var(--m));
    font-size: calc(14 * var(--m));
    line-height: calc(18 * var(--m));
  }
  .mc-texto-pagina__conteudo p,
  .mc-texto-pagina__conteudo ul,
  .mc-texto-pagina__conteudo ol {
    margin-bottom: calc(20 * var(--m));
  }
  .mc-texto-pagina__conteudo h1,
  .mc-texto-pagina__conteudo h2,
  .mc-texto-pagina__conteudo h3,
  .mc-texto-pagina__conteudo h4 {
    font-size: calc(18 * var(--m));
  }
  .mc-texto-pagina__abas .nav-link {
    font-size: calc(13 * var(--m));
  }
  .mc-texto-pagina__pdf {
    margin-top: calc(20 * var(--m));
    padding: calc(6 * var(--m));
    border-radius: calc(10 * var(--m));
  }
  .mc-texto-pagina__pdf iframe {
    height: 75vh;
  }
}

/* ---------- FAQ (Figma "FAQ" / "FAQ – Mobile") ---------- */
.mc-faq {
  padding: calc(30 * var(--u)) 0 calc(190 * var(--u));
}
.mc-faq__lista {
  width: calc(863 * var(--u));
  margin: calc(13 * var(--u)) auto 0;
}
.mc-faq__item {
  margin-bottom: calc(20 * var(--u));
  border-radius: calc(10 * var(--u));
  background: #fff;
  box-shadow: 0 calc(6 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.05);
}
.mc-faq__pergunta {
  margin: 0;
}
.mc-faq__pergunta button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20 * var(--u));
  width: 100%;
  min-height: calc(81 * var(--u));
  padding: calc(16 * var(--u)) calc(24 * var(--u)) calc(16 * var(--u)) calc(30 * var(--u));
  border: 0;
  border-radius: calc(10 * var(--u));
  background: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: calc(18 * var(--u));
  line-height: calc(28.8 * var(--u));
  color: var(--mc-roxo-texto);
  text-align: left;
  cursor: pointer;
}
.mc-faq__pergunta button:focus-visible {
  outline: 2px solid var(--mc-laranja);
  outline-offset: 2px;
}
.mc-faq__pergunta img {
  flex: none;
  width: calc(10 * var(--u));
  height: calc(20 * var(--u));
  transform: rotate(-90deg);
  transition: transform 0.2s ease;
}
.mc-faq__pergunta button.collapsed img {
  transform: rotate(90deg);
}
.mc-faq__resposta {
  padding: 0 calc(38 * var(--u)) calc(35 * var(--u)) calc(39 * var(--u));
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(14.13 * var(--u));
  line-height: calc(18.17 * var(--u));
  color: #45494c;
}
.mc-faq__resposta p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .mc-faq {
    padding: calc(24 * var(--m)) calc(10 * var(--m)) calc(50 * var(--m));
  }
  .mc-faq__lista {
    width: auto;
    max-width: calc(414 * var(--m));
    margin-top: calc(22 * var(--m));
  }
  .mc-faq__item {
    margin-bottom: calc(14 * var(--m));
    border-radius: calc(10 * var(--m));
  }
  .mc-faq__pergunta button {
    gap: calc(14 * var(--m));
    min-height: calc(64 * var(--m));
    padding: calc(14 * var(--m)) calc(16 * var(--m)) calc(14 * var(--m)) calc(18 * var(--m));
    border-radius: calc(10 * var(--m));
    font-size: calc(15 * var(--m));
    line-height: calc(22 * var(--m));
  }
  .mc-faq__pergunta img {
    width: calc(9 * var(--m));
    height: calc(18 * var(--m));
  }
  .mc-faq__resposta {
    padding: 0 calc(18 * var(--m)) calc(20 * var(--m));
    font-size: calc(14 * var(--m));
    line-height: calc(19 * var(--m));
  }
}

/* ---------- Sorteios / Ganhadores (Figma "Sorteios / Ganhadores" e "Sorteios – Mobile") ---------- */
.mc-sorteios {
  width: calc(1115 * var(--u));
  margin: 0 auto;
  padding: calc(66 * var(--u)) 0 calc(190 * var(--u));
  transform: translateX(calc(1.5 * var(--u)));
}
.mc-sorteios .mc-secao {
  margin: calc(36 * var(--u)) 0 0 calc(24 * var(--u));
  line-height: calc(36 * var(--u));
}
.mc-sorteios__card {
  margin-top: calc(15 * var(--u));
  padding: calc(11 * var(--u)) calc(13 * var(--u)) calc(18 * var(--u));
  border-radius: calc(10 * var(--u));
}
.mc-sorteios__tabela {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: calc(14 * var(--u));
  line-height: calc(18 * var(--u));
  color: var(--mc-roxo-texto);
}
.mc-sorteios__tabela thead th {
  height: calc(53 * var(--u));
  padding: 0 calc(12 * var(--u)) 0 calc(14 * var(--u));
  border: 0;
  background: #000;
  vertical-align: middle;
  font-weight: 600;
  font-size: calc(18 * var(--u));
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
.mc-sorteios__tabela thead th:first-child {
  padding-left: calc(40 * var(--u));
}
.mc-sorteios__tabela thead th:last-child {
  border-radius: 0 calc(20 * var(--u)) calc(20 * var(--u)) 0;
}
.mc-sorteios__th {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--u));
  color: #fff;
}
.mc-sorteios__th img {
  width: auto;
  height: calc(20 * var(--u));
}
.mc-sorteios__tabela tbody td {
  height: calc(50 * var(--u));
  padding: calc(7 * var(--u)) calc(12 * var(--u)) calc(7 * var(--u)) calc(40 * var(--u));
  border: 0;
  vertical-align: middle;
}
.mc-sorteios__tabela tbody td:first-child {
  padding-left: calc(66 * var(--u));
}
.mc-sorteios__tabela tbody tr:nth-child(even) {
  background: #f2f2f2;
}
.mc-sorteios__posicao {
  display: inline-block;
  min-width: calc(17 * var(--u));
}
.mc-sorteios__trofeu {
  width: calc(15 * var(--u));
  height: calc(13.4 * var(--u));
  margin: calc(-3 * var(--u)) calc(4 * var(--u)) 0;
}
.mc-sorteios__tabela .mc-sorteios__vazio {
  padding-left: 0 !important;
  text-align: center;
  font-style: italic;
}
.mc-sorteios__busca {
  margin-bottom: calc(12 * var(--u));
}
.mc-sorteios__busca .form-control {
  height: calc(46 * var(--u));
  border: 1px solid #a8aeaf;
  border-radius: calc(10 * var(--u));
  font-family: "Poppins", sans-serif;
  font-size: calc(15 * var(--u));
}
.mc-sorteios__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: calc(14 * var(--u));
  margin: calc(4 * var(--u)) 0 calc(12 * var(--u));
  font-family: "Poppins", sans-serif;
  font-size: calc(13 * var(--u));
  color: #737373;
}
.mc-sorteios__card .table-responsive + .mc-sorteios__acoes {
  margin: calc(16 * var(--u)) 0 0;
}
@media (max-width: 991.98px) {
  .mc-sorteios {
    width: auto;
    max-width: calc(414 * var(--m));
    padding: calc(24 * var(--m)) calc(10 * var(--m)) calc(50 * var(--m));
    transform: none;
  }
  .mc-sorteios .mc-secao {
    margin: calc(22 * var(--m)) 0 0 calc(2 * var(--m));
    line-height: calc(36 * var(--m));
  }
  .mc-sorteios__card {
    margin-top: calc(12 * var(--m));
    padding: calc(10 * var(--m)) calc(8 * var(--m)) calc(14 * var(--m));
    border-radius: calc(10 * var(--m));
  }
  .mc-sorteios__tabela {
    font-size: calc(12 * var(--m));
    line-height: calc(16 * var(--m));
  }
  .mc-sorteios__tabela thead th {
    height: calc(44 * var(--m));
    padding: 0 calc(8 * var(--m));
    font-size: calc(13 * var(--m));
  }
  .mc-sorteios__tabela thead th:first-child {
    padding-left: calc(12 * var(--m));
  }
  .mc-sorteios__tabela thead th:last-child {
    border-radius: 0 calc(20 * var(--m)) calc(20 * var(--m)) 0;
  }
  .mc-sorteios__th {
    gap: calc(5 * var(--m));
  }
  .mc-sorteios__th img {
    height: calc(15 * var(--m));
  }
  .mc-sorteios__tabela tbody td,
  .mc-sorteios__tabela tbody td:first-child {
    height: calc(46 * var(--m));
    padding: calc(6 * var(--m)) calc(8 * var(--m)) calc(6 * var(--m)) calc(12 * var(--m));
  }
  .mc-sorteios__trofeu {
    width: calc(13 * var(--m));
    height: calc(11.5 * var(--m));
  }
  .mc-sorteios__busca .form-control {
    height: calc(44 * var(--m));
    border-radius: calc(10 * var(--m));
    font-size: calc(14 * var(--m));
  }
  .mc-sorteios__acoes {
    justify-content: center;
    gap: calc(10 * var(--m));
    font-size: calc(12 * var(--m));
  }
}

/* Cabecalhos pretos: celulas com largura fracionada deixam uma emenda clara entre elas. */
.mc-sorteios__tabela thead th:not(:last-child),
.mc-painel__tabela thead th:not(:last-child) {
  box-shadow: 1px 0 0 0 #000;
}
.mc-sorteios__th {
  font-weight: inherit;
}

/* =====================================================
   Paginas legadas (sem .mc-page): Atendimentos, Numeros da sorte, Indicados, Quiz,
   Premio instantaneo, Lojas... Os templates delas sao compartilhados entre promocoes
   (src/Template), entao o visual novo e aplicado so por CSS deste template.
   ===================================================== */
body:not(.home):not(:has(.mc-page)) > .container,
body:not(.home):not(:has(.mc-page)) > section > .container,
body:not(.home):not(:has(.mc-page)) > form > .container {
  margin-top: calc(40 * var(--u));
  margin-bottom: calc(60 * var(--u));
}
body:not(.home):not(:has(.mc-page)) .special-title,
body:not(.home):not(:has(.mc-page)) .internal-page > .container > h2,
body:not(.home):not(:has(.mc-page)) .internal-page > .container > h3 {
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
body:not(.home):not(:has(.mc-page)) .special-title::after {
  background: #fff;
}
body:not(.home):not(:has(.mc-page)) .card {
  border: 0;
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(6 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.15);
  font-family: "Poppins", sans-serif;
  color: var(--mc-roxo-texto);
}
body:not(.home):not(:has(.mc-page)) .card .card {
  box-shadow: none;
  border: 1px solid #ececec;
}
body:not(.home):not(:has(.mc-page)) .card-header {
  border: 0;
  border-radius: calc(10 * var(--u)) calc(10 * var(--u)) 0 0 !important;
  background: transparent;
  padding: calc(22 * var(--u)) calc(24 * var(--u)) calc(6 * var(--u));
}
body:not(.home):not(:has(.mc-page)) .card-title {
  margin: 0;
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(26 * var(--u));
  color: #45494c;
}
body:not(.home):not(:has(.mc-page)) .card-title .fa {
  color: var(--mc-laranja);
}
body:not(.home):not(:has(.mc-page)) .card-body {
  padding: calc(18 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u));
}
body:not(.home):not(:has(.mc-page)) label {
  font-family: "Poppins", sans-serif;
  font-size: calc(13 * var(--u));
  color: #737373;
}
body:not(.home):not(:has(.mc-page)) .form-control {
  min-height: calc(46 * var(--u));
  border: 1px solid #a8aeaf;
  border-radius: calc(10 * var(--u));
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  font-size: calc(15 * var(--u));
  color: var(--mc-roxo-texto);
}
body:not(.home):not(:has(.mc-page)) textarea.form-control {
  min-height: calc(140 * var(--u));
}
body:not(.home):not(:has(.mc-page)) .form-control:focus {
  border-color: var(--mc-roxo);
  box-shadow: 0 0 0 2px rgba(67, 38, 110, 0.15);
}
body:not(.home):not(:has(.mc-page)) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  min-height: calc(40 * var(--u));
  padding: 0 calc(22 * var(--u));
  border-radius: calc(22 * var(--u));
  font-family: "VAG Rundschrift D", "Varela Round", "Poppins", sans-serif;
  font-size: calc(15 * var(--u));
  text-transform: uppercase;
}
body:not(.home):not(:has(.mc-page)) .btn-sm {
  min-height: calc(30 * var(--u));
  padding: 0 calc(14 * var(--u));
  font-size: calc(12 * var(--u));
}
body:not(.home):not(:has(.mc-page)) .btn-primary,
body:not(.home):not(:has(.mc-page)) .btn-success {
  border: 0;
  background: var(--mc-laranja);
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.3);
  color: #fff !important;
}
body:not(.home):not(:has(.mc-page)) .btn-primary:hover,
body:not(.home):not(:has(.mc-page)) .btn-success:hover {
  filter: brightness(1.06);
}
body:not(.home):not(:has(.mc-page)) .btn-secondary,
body:not(.home):not(:has(.mc-page)) .btn-danger,
body:not(.home):not(:has(.mc-page)) .btn-warning {
  border: 2px solid var(--mc-laranja);
  background: #fff;
  box-shadow: none;
  color: var(--mc-laranja) !important;
}
body:not(.home):not(:has(.mc-page)) .btn-secondary:hover,
body:not(.home):not(:has(.mc-page)) .btn-danger:hover {
  border-color: var(--mc-roxo);
  color: var(--mc-roxo) !important;
}
body:not(.home):not(:has(.mc-page)) .table {
  font-family: "Poppins", sans-serif;
  font-size: calc(14 * var(--u));
  color: var(--mc-roxo-texto);
}
body:not(.home):not(:has(.mc-page)) .table thead th {
  border: 0;
  background: #000;
  box-shadow: 1px 0 0 0 #000;
  font-weight: 600;
  color: #fff;
}
body:not(.home):not(:has(.mc-page)) .table thead th:last-child {
  border-radius: 0 calc(20 * var(--u)) calc(20 * var(--u)) 0;
  box-shadow: none;
}
body:not(.home):not(:has(.mc-page)) .table td,
body:not(.home):not(:has(.mc-page)) .table tbody th {
  border-top: 0;
  vertical-align: middle;
}
body:not(.home):not(:has(.mc-page)) .table-striped tbody tr:nth-of-type(odd) {
  background: #fff;
}
body:not(.home):not(:has(.mc-page)) .table-striped tbody tr:nth-of-type(even) {
  background: #f2f2f2;
}
body:not(.home):not(:has(.mc-page)) .badge-primary {
  background: var(--mc-roxo);
}
body:not(.home):not(:has(.mc-page)) .card a:not(.btn) {
  color: var(--mc-roxo);
}
@media (max-width: 991.98px) {
  body:not(.home):not(:has(.mc-page)) > .container,
  body:not(.home):not(:has(.mc-page)) > section > .container,
  body:not(.home):not(:has(.mc-page)) > form > .container {
    margin-top: calc(24 * var(--m));
    margin-bottom: calc(40 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .card {
    border-radius: calc(10 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .card-header {
    padding: calc(18 * var(--m)) calc(16 * var(--m)) calc(4 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .card-header.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    gap: calc(10 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .card-title {
    font-size: calc(22 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .card-body {
    padding: calc(14 * var(--m)) calc(16 * var(--m)) calc(20 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) label {
    font-size: calc(13 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .form-control {
    min-height: calc(46 * var(--m));
    border-radius: calc(10 * var(--m));
    font-size: calc(15 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .btn {
    min-height: calc(40 * var(--m));
    padding: 0 calc(18 * var(--m));
    border-radius: calc(22 * var(--m));
    font-size: calc(14 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .table {
    font-size: calc(13 * var(--m));
  }
  body:not(.home):not(:has(.mc-page)) .table thead th:last-child {
    border-radius: 0 calc(20 * var(--m)) calc(20 * var(--m)) 0;
  }
}

/* ---------- Desktop (XD): botao "mostrar/ocultar senha" dos campos de senha ---------- */
.mc-campo__olho {
  display: none;
}
@media (min-width: 992px) {
  .mc-campo__olho {
    display: block;
    position: absolute;
    z-index: 2;
    top: calc(15 * var(--u));
    right: calc(14 * var(--u));
    width: calc(24 * var(--u));
    height: calc(24 * var(--u));
    padding: 0;
    border: 0;
    background: url("../images/site/ic-olho-fechado.svg") center / contain no-repeat;
    cursor: pointer;
  }
  .mc-campo__olho.is-visivel {
    background-image: url("../images/site/ic-olho.svg");
  }
  .mc-campo__olho:focus-visible {
    outline: 2px solid var(--mc-laranja);
    outline-offset: 2px;
  }
  .mc-campo--senha input.form-control {
    padding-right: calc(52 * var(--u));
  }
}

/* ---------- Painel de controle (/private/app): layout original da plataforma com as cores do tema ---------- */
body:not(.home):not(:has(.mc-page)) {
  --primary: var(--mc-roxo);
  --secondary: var(--mc-roxo-texto);
}
body:not(.home):not(:has(.mc-page)) .internal-page .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.45);
}
body:not(.home):not(:has(.mc-page)) .internal-page .nav-tabs .nav-link {
  color: #fff;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
}
body:not(.home):not(:has(.mc-page)) .internal-page .nav-tabs .nav-link:hover,
body:not(.home):not(:has(.mc-page)) .internal-page .nav-tabs .nav-link.active,
body:not(.home):not(:has(.mc-page)) .internal-page .nav-tabs .show > .nav-link {
  color: var(--mc-laranja) !important;
  border-bottom-color: var(--mc-laranja);
  background: transparent;
}
body:not(.home):not(:has(.mc-page)) .internal-page .box,
body:not(.home):not(:has(.mc-page)) .internal-page a.box {
  background: var(--mc-roxo);
  color: #fff;
}
body:not(.home):not(:has(.mc-page)) .internal-page .progress-bar,
body:not(.home):not(:has(.mc-page)) .internal-page .bg-theme {
  background-color: var(--mc-laranja);
  color: var(--mc-roxo-escuro);
}
body:not(.home):not(:has(.mc-page)) .internal-page .text-primary {
  color: var(--mc-roxo) !important;
}