/* Cine Roxy: página "Trabalhe conosco" (audições abertas) e acertos do celular na página de programação.
   Carregado por último. */

/* ---------- Trabalhe conosco: audições abertas ---------- */
.rx-audicao {
  margin: 4px 0 34px;
}

.rx-audicao .rx-marker {
  font-size: 22px;
}

/* cartaz "procura-se" */
.rx-audicao-cartaz {
  position: relative;
  display: grid;
  gap: 8px;
  max-width: 760px;
  margin: 22px 0 26px;
  padding: 34px 30px 28px;
  background:
    radial-gradient(circle 3px at 6px 6px, rgba(20, 24, 28, 0.12) 98%, transparent) 0 0 / 14px 14px,
    var(--rx-amarelo);
  color: var(--rx-sobre-marca);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.5);
  transform: rotate(-1.2deg);
}

/* fitas adesivas */
.rx-audicao-cartaz::before,
.rx-audicao-cartaz::after {
  content: "";
  position: absolute;
  top: -13px;
  width: 96px;
  height: 28px;
  background: rgba(247, 245, 239, 0.85);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.rx-audicao-cartaz::before { left: 26px; transform: rotate(-6deg); }
.rx-audicao-cartaz::after { right: 26px; transform: rotate(5deg); }

.rx-audicao-cartaz small {
  font-family: var(--rx-fonte-titulo);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.24em;
}

.rx-audicao-cartaz strong {
  font-family: var(--rx-fonte-titulo);
  font-size: clamp(36px, 6vw, 66px);
  font-weight: 800;
  line-height: 0.95;
  text-transform: uppercase;
}

.rx-audicao-cartaz p {
  max-width: 560px;
  margin: 6px 0 0;
  color: var(--rx-sobre-marca);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.rx-audicao-passos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  max-width: 900px;
}

.rx-audicao-passo {
  padding: 18px 18px 16px;
  border: 1.5px dashed rgba(255, 223, 1, 0.55);
  border-radius: 14px;
  background: #12161a;
}

.rx-audicao-passo b {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 10px 2px;
  background: var(--rx-amarelo);
  color: var(--rx-sobre-marca);
  font-family: var(--rx-fonte-titulo);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  transform: rotate(-3deg);
}

.rx-audicao-passo strong {
  display: block;
  color: var(--rx-texto);
  font-family: var(--rx-fonte-titulo);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.15;
}

.rx-audicao-passo span {
  display: block;
  margin-top: 4px;
  color: #c9d0d6;
  font-size: 14.5px;
  line-height: 1.5;
}

/* formulário: ficha de inscrição em credencial */
body.mc-novo form#formContatoTrabalheConosco {
  position: relative;
  max-width: 900px;
  margin-top: 46px;
  padding: 46px 30px 30px;
  border: 2px solid var(--rx-amarelo);
  border-radius: 18px;
  background: linear-gradient(160deg, #1d2329, #12161a);
  box-shadow: 0 0 0 6px #0a0d10, 0 0 0 7px rgba(255, 223, 1, 0.3), 0 18px 40px rgba(0, 0, 0, 0.45);
}

body.mc-novo form#formContatoTrabalheConosco::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 56px;
  height: 13px;
  border-radius: 999px;
  background: #0a0d10;
  box-shadow: inset 0 0 0 2px rgba(255, 223, 1, 0.6);
  transform: translateX(-50%);
}

body.mc-novo form#formContatoTrabalheConosco::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 16px;
  height: 40px;
  margin-bottom: -18px;
  background: repeating-linear-gradient(180deg, var(--rx-amarelo) 0 8px, #14181c 8px 16px);
  transform: translateX(-50%);
  z-index: -1;
}

.rx-ficha-titulo {
  margin: 0 0 18px;
  color: var(--rx-amarelo);
  font-family: var(--rx-fonte-titulo);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  line-height: 1.1;
}

body.mc-novo form#formContatoTrabalheConosco .row {
  row-gap: 4px;
}

body.mc-novo form#formContatoTrabalheConosco label {
  display: block;
  width: 100%;
  margin-bottom: 14px;
  color: var(--rx-amarelo) !important;
  font-family: var(--rx-fonte-titulo);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.mc-novo form#formContatoTrabalheConosco label br {
  display: none;
}

body.mc-novo form#formContatoTrabalheConosco input[type="text"],
body.mc-novo form#formContatoTrabalheConosco input[type="email"],
body.mc-novo form#formContatoTrabalheConosco input[type="tel"],
body.mc-novo form#formContatoTrabalheConosco select {
  display: block;
  width: 100%;
  min-height: 46px;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid #39444f !important;
  border-bottom: 3px solid #39444f !important;
  border-radius: 10px !important;
  background: #0d1014 !important;
  color: var(--rx-texto) !important;
  font-family: var(--rx-fonte-texto);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.mc-novo form#formContatoTrabalheConosco input:focus,
body.mc-novo form#formContatoTrabalheConosco select:focus {
  border-color: var(--rx-amarelo) !important;
  box-shadow: 0 0 0 3px rgba(255, 223, 1, 0.2);
  outline: 0;
}

/* currículo: área de envio tracejada */
body.mc-novo form#formContatoTrabalheConosco input[type="file"] {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 18px 14px;
  border: 2px dashed rgba(255, 223, 1, 0.6) !important;
  border-radius: 12px;
  background: rgba(255, 223, 1, 0.05) !important;
  color: #c9d0d6;
  font-family: var(--rx-fonte-texto);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

body.mc-novo form#formContatoTrabalheConosco input[type="file"]::file-selector-button {
  margin-right: 14px;
  padding: 9px 16px 7px;
  border: 0;
  border-radius: 8px;
  background: var(--rx-amarelo);
  color: var(--rx-sobre-marca);
  font-family: var(--rx-fonte-titulo);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

body.mc-novo form#formContatoTrabalheConosco input[type="submit"] {
  width: auto;
  padding: 14px 34px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--rx-amarelo) !important;
  color: var(--rx-sobre-marca) !important;
  font-family: var(--rx-fonte-titulo);
  font-size: 16px !important;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-mask:
    radial-gradient(circle 8px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
    radial-gradient(circle 8px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
  mask:
    radial-gradient(circle 8px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
    radial-gradient(circle 8px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
  transition: transform 0.2s cubic-bezier(0.3, 1.6, 0.5, 1);
}

body.mc-novo form#formContatoTrabalheConosco input[type="submit"]:hover {
  background: var(--rx-amarelo-claro) !important;
  transform: rotate(-2deg) scale(1.04);
}

body.mc-novo form#formContatoTrabalheConosco .col-md-4 {
  width: 100%;
}

/* ---------- Programação no celular: botões e datas sem corte ---------- */
@media (max-width: 680px) {
  body.mc-novo .mdbtn,
  body.mc-novo .movie-cine-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    overflow: visible;
  }

  body.mc-novo .mdbtn .btn-loc,
  body.mc-novo .movie-cine-actions .btn-loc,
  body.mc-novo .mdbtn .valor-ingresso,
  body.mc-novo .movie-cine-actions .valor-ingresso {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  body.mc-novo .mdbtn .btn-loc,
  body.mc-novo .movie-cine-actions .btn-loc {
    padding: 9px 10px 7px !important;
  }

  body.mc-novo .mdbtn .valor-ingresso,
  body.mc-novo .movie-cine-actions .valor-ingresso {
    flex-basis: 100%;
    padding: 10px 18px 8px !important;
    text-align: center;
  }

  body.mc-novo .tabs-dias-horarios .item .dia-tab-meta {
    font-size: 10px;
    letter-spacing: 0.02em;
  }

  body.mc-novo .tabs-dias-horarios .item.select::after,
  body.mc-novo .tabs-dias-horarios .item.abaSelect::after {
    top: 4px;
    right: 9px;
    width: 10px;
    height: 10px;
  }

  body.mc-novo form#formContatoTrabalheConosco {
    padding: 42px 18px 22px;
  }

  body.mc-novo form#formContatoTrabalheConosco .row > .col {
    flex: 0 0 100%;
  }

  .rx-audicao-cartaz {
    padding: 30px 20px 24px;
  }
}

/* programação no celular: duas teclas na primeira linha, ingresso de preços na segunda */
@media (max-width: 680px) {
  body.mc-novo .mdbtn,
  body.mc-novo .movie-cine-actions {
    flex-wrap: wrap !important;
  }

  body.mc-novo .mdbtn .btn-loc,
  body.mc-novo .movie-cine-actions .btn-loc {
    flex: 1 1 calc(50% - 4px) !important;
    max-width: calc(50% - 4px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.mc-novo .mdbtn .valor-ingresso,
  body.mc-novo .movie-cine-actions .valor-ingresso {
    flex: 1 1 100% !important;
    max-width: 100%;
    padding: 11px 22px 9px !important;
  }
}

/* botão "Mais informações" da página do filme: respiro nas laterais */
body.mc-novo .tgg-sinopse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 11px 16px 9px !important;
  font-weight: 700;
  text-align: left;
}

body.mc-novo .tgg-sinopse i {
  flex: 0 0 auto;
  margin: 0 !important;
  color: var(--rx-amarelo);
}

/* datas no celular: o carrossel vai até a borda direita da tela */
@media (max-width: 991px) {
  body.mc-novo .tabs-dias-horarios .owl-stage-outer {
    margin-right: -12px;
  }
}

/* espaço entre o cartaz e o botão "Mais informações" */
body.mc-novo .tgg-sinopse {
  margin-top: 18px !important;
  margin-bottom: 12px !important;
}

/* sala: sem a faixa vazia entre o cabeçalho e os horários */
body.mc-novo .sala-filme .spcbox.spcbox-placeholder {
  display: none !important;
}

/* datas no celular: ao rolar, os itens também vão até a borda esquerda da tela */
@media (max-width: 991px) {
  body.mc-novo .tabs-dias-horarios .owl-stage-outer {
    margin-left: -12px;
    padding-left: 12px;
  }
}

/* sala: sem a borda clara em volta dos horários */
body.mc-novo .sala-filme .horbox,
body.mc-novo .sala-filme .horbox > div,
body.mc-novo .box-prog-hor {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.mc-novo .sala-filme {
  border: 1px solid #2e3741 !important;
  outline: 0 !important;
}

body.mc-novo .sala-filme {
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

/* ---------- Sem seleção de texto em peças decorativas e clicáveis ----------
   Evita o texto ficar marcado em azul ao tocar na guitarra, nas cordas, nos botões e nos ingressos.
   Os textos de leitura (sinopse, políticas, endereços) continuam selecionáveis. */
.rx-marker,
.rx-kicker,
.rx-dica,
.rx-footer-rock,
.rx-guitarra,
.rx-cordas,
.rx-amp,
.rx-letreiro,
.rx-ticker,
.rx-palheta,
.rx-btn,
.rx-vinil-wrap,
.rx-disco,
.rx-meia-card,
.rx-bilhete,
.rx-passe,
.rx-direito,
.rx-pulseira,
.rx-palco-num,
.rx-ladob-num,
.rx-cartaz-tag,
.rx-mural-teclas,
.rx-hq-pow,
.rx-faixa summary,
.rx-footer-unit,
.rx-canal,
.rx-copy-nota,
body.mc-novo .mobile-buy,
body.mc-novo .mc-menu-toggler,
body.mc-novo #menu,
body.mc-novo .header-top,
body.mc-novo .mc-hero-kicker,
body.mc-novo .mc-hero-actions,
body.mc-novo .mc-hero-controls,
body.mc-novo .mc-pick-filters,
body.mc-novo .mc-pick-tag,
body.mc-novo .mc-pick-time,
body.mc-novo .mc-soon-heading,
body.mc-novo .mc-soon-poster b,
body.mc-novo .mc-social-links,
body.mc-novo .mdbtn,
body.mc-novo .movie-cine-actions,
body.mc-novo .tabs-dias-horarios,
body.mc-novo .dias-horarios::before,
body.mc-novo .sala-data,
body.mc-novo .horbox,
body.mc-novo .yt-btn,
body.mc-novo .tgg-sinopse,
body.mc-novo #cinemasModal .btnModalCinema,
body.mc-novo button,
body.mc-novo input[type="submit"] {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* barra de datas presa no topo (ao rolar): 8px acima e 8px abaixo dos ingressos de data */
body.mc-novo .with-stuck.stuck {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.mc-novo .with-stuck.stuck .dias-horarios {
  margin-top: 0 !important;
  padding-top: 24px !important; /* 16px da anotação + 8px de respiro */
}

body.mc-novo .with-stuck.stuck .tabs-dias-horarios {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.mc-novo .with-stuck.stuck .tabs-dias-horarios .owl-stage {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* sem a folga de linha embaixo dos ingressos de data */
body.mc-novo .tabs-dias-horarios .owl-item {
  line-height: 0;
}

body.mc-novo .tabs-dias-horarios .owl-item .item {
  display: block;
  width: calc(100% - 2px);
  line-height: 1.2;
  vertical-align: top;
}

/* a navegação do carrossel de datas não ocupa altura (as setas ficam sobre os ingressos) */
body.mc-novo .tabs-dias-horarios .owl-nav {
  height: 0;
  margin: 0 !important;
}

/* datas: espaço entre os ingressos e folga para o selecionado (inclinado) e o hover não cortarem */
body.mc-novo .tabs-dias-horarios .owl-item .item {
  width: calc(100% - 10px);
}

body.mc-novo .tabs-dias-horarios .owl-stage {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* barra presa no topo: 12px acima e 12px abaixo dos ingressos (7px de folga interna + 5px) */
body.mc-novo .with-stuck.stuck {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
}

body.mc-novo .with-stuck.stuck .dias-horarios {
  padding-top: 21px !important; /* 16px da anotação + 5px; com a folga interna dá 12px */
}

/* a folga interna de 7px vale também na barra presa (senão o ingresso selecionado corta) */
body.mc-novo .with-stuck.stuck .tabs-dias-horarios .owl-stage {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* respiro entre as cordas do título do cinema e a localidade */
body.mc-novo .title-link .page-title + .cinema-localidade { margin-top: 6px !important; }

/* ---------- Modal "Preço dos ingressos": a bilheteria ---------- */
body.mc-novo #ingresso-modal .modal-dialog {
  max-width: 460px;
  padding: 0 12px;
}

body.mc-novo .rx-bilheteria {
  position: relative;
  display: block;
  padding: 26px 22px 20px;
  border: 0;
  border-top: 6px solid var(--rx-amarelo);
  border-radius: 16px;
  background: var(--rx-painel, #1d2329);
  color: var(--rx-texto, #f7f5ef);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

body.mc-novo .rx-bilheteria .rx-marker {
  display: block;
  color: var(--rx-amarelo);
  font-family: var(--rx-marcador, "Permanent Marker", cursive) !important;
  font-size: 18px;
  line-height: 1.1;
  transform: rotate(-2deg);
  transform-origin: left center;
}

body.mc-novo .rx-bilheteria-titulo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  margin: 6px 40px 14px 0;
  color: var(--rx-texto, #f7f5ef);
  font-family: var(--rx-fonte-titulo);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

body.mc-novo .rx-bilheteria-titulo small {
  color: var(--rx-amarelo);
  font-family: var(--rx-marcador, "Permanent Marker", cursive);
  font-size: 16px;
  font-weight: 400;
}

body.mc-novo .rx-bilheteria-fechar {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0 0 3px;
  border: 0;
  border-radius: 50%;
  background: #0d1014;
  color: var(--rx-amarelo);
  font-size: 24px;
  line-height: 1;
  opacity: 1;
  text-shadow: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.mc-novo .rx-bilheteria-fechar:hover {
  background: var(--rx-amarelo);
  color: var(--rx-sobre-marca);
  transform: rotate(90deg);
}

body.mc-novo .rx-bilheteria-selo {
  margin: 0 0 16px;
  padding-bottom: 14px;
  border-bottom: 2px dashed rgba(255, 223, 1, 0.35);
  color: var(--rx-texto, #f7f5ef);
  font-size: 14.5px;
  line-height: 1.45;
}

body.mc-novo .rx-bilheteria-selo strong {
  color: var(--rx-amarelo);
  font-family: var(--rx-fonte-titulo);
  font-size: 17px;
}

body.mc-novo .rx-bilheteria-lista {
  display: grid;
  gap: 12px;
  padding: 2px 2px 4px;
}

/* cada faixa de preço é um ingresso deitado: dia à esquerda, canhoto com o valor à direita */
body.mc-novo .rx-bilheteria-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 104px;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 14px;
  min-height: 78px;
  padding: 12px 0 10px 18px;
  background: var(--rx-amarelo);
  color: var(--rx-sobre-marca);
  -webkit-mask:
    radial-gradient(circle 9px at calc(100% - 104px) 0, transparent 97%, #000) top / 100% 51% no-repeat,
    radial-gradient(circle 9px at calc(100% - 104px) 100%, transparent 97%, #000) bottom / 100% 51% no-repeat;
  mask:
    radial-gradient(circle 9px at calc(100% - 104px) 0, transparent 97%, #000) top / 100% 51% no-repeat,
    radial-gradient(circle 9px at calc(100% - 104px) 100%, transparent 97%, #000) bottom / 100% 51% no-repeat;
  transition: transform 0.25s cubic-bezier(0.3, 1.5, 0.5, 1);
}

body.mc-novo .rx-bilheteria-item:nth-child(odd) { transform: rotate(-0.8deg); }
body.mc-novo .rx-bilheteria-item:nth-child(even) { transform: rotate(0.7deg); }
body.mc-novo .rx-bilheteria-item:hover { transform: rotate(0) scale(1.02); }

body.mc-novo .rx-bilheteria-item::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 104px;
  bottom: 12px;
  border-left: 2px dashed rgba(20, 24, 28, 0.45);
}

body.mc-novo .rx-bilheteria-item span {
  align-self: end;
  color: var(--rx-sobre-marca);
  font-family: var(--rx-fonte-titulo);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
}

body.mc-novo .rx-bilheteria-item em {
  grid-column: 1;
  align-self: start;
  color: var(--rx-sobre-marca);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  opacity: 0.8;
}

body.mc-novo .rx-bilheteria-item strong {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
  color: var(--rx-sobre-marca);
  font-family: var(--rx-fonte-titulo);
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
}

body.mc-novo .rx-bilheteria-item strong small {
  margin-right: 3px;
  font-size: 15px;
  vertical-align: top;
  line-height: 1.7;
}

body.mc-novo .rx-bilheteria-mais {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
  padding: 12px 14px 10px;
  border: 1.5px dashed rgba(255, 223, 1, 0.55);
  border-radius: 12px;
  color: var(--rx-amarelo) !important;
  font-family: var(--rx-fonte-titulo);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.mc-novo .rx-bilheteria-mais:hover {
  border-style: solid;
  border-color: var(--rx-amarelo);
  background: var(--rx-amarelo);
  color: var(--rx-sobre-marca) !important;
}

body.mc-novo .rx-bilheteria-nota {
  display: block;
  margin-top: 12px;
  color: var(--rx-texto, #f7f5ef);
  font-size: 12px;
  opacity: 0.6;
  text-align: center;
}

body.mc-novo .rx-bilheteria-fechar,
body.mc-novo .rx-bilheteria-item,
body.mc-novo .rx-bilheteria-mais {
  -webkit-user-select: none;
  user-select: none;
}

/* ---------- Fim da página: a sombra dos botões flutuantes sai para o crédito da Gaia aparecer ---------- */
body.mc-novo.rx-no-fim::after {
  opacity: 0 !important;
}

/* no fim da página, no celular, a palheta sobe para não cobrir a linha de créditos */
@media (max-width: 991px) {
  body.mc-novo.rx-no-fim .rx-palheta { bottom: 150px; }
}

/* filtros de status: a palheta contadora da última tecla ficava cortada à direita pela área de rolagem */
body.mc-novo .mc-pick-status { padding-right: 12px !important; }
body.mc-novo .mc-pick-status > button:last-child { margin-right: 10px; }

/* Mobile: compact status buttons in one row; swipe on narrower screens. */
@media (max-width: 991px) {
  body.mc-novo .mc-pick-status {
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 4px;
    padding: 4px 2px 7px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #ffdf01 transparent;
  }

  body.mc-novo .mc-pick-status::-webkit-scrollbar {
    display: block;
    height: 3px;
  }

  body.mc-novo .mc-pick-status::-webkit-scrollbar-thumb {
    background: #ffdf01;
    border-radius: 3px;
  }

  body.mc-novo .mc-pick-status button:not(.mc-pick-more) {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 6px 5px 4px !important;
    font-size: 11px !important;
    letter-spacing: 0;
    scroll-snap-align: start;
  }

  body.mc-novo .mc-pick-status button:not(.mc-pick-more)::before {
    display: none;
  }

  body.mc-novo .mc-pick-status button:not(.mc-pick-more) .mc-pick-count {
    position: static;
    flex: 0 0 auto;
    min-width: 15px;
    height: 18px;
    margin-left: 4px;
    padding: 0 3px 2px;
    font-size: 10px;
    line-height: 16px;
    transform: none;
  }

  body.mc-novo .mc-pick-status > button:last-child {
    margin-right: 0;
  }
}