/* ============================================================
   KÖRBER ART & DESIGN — o pouco que o tema da OR acrescenta (PDEC-227)
   Só o que a inscrição pela OR pede: a caixa contra robôs, a linha de
   vagas e preço da turma escolhida, o formulário do Avise-me e a lista
   do "Já me inscrevi". Mesmas cores, letras e espaços da Körber.
   ============================================================ */

/* A verificação contra robôs (a janela da plataforma), discreta, acima do botão. */
.curso-form__robo {
  min-height: 65px;
}

.curso-form__robo:empty {
  display: none;
}

.or-robo-janela {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 70px;
  border: 0;
  background: transparent;
  color-scheme: normal;
}

.or-robo-simulado {
  max-width: 320px;
  padding: 18px 14px;
  border: 1px dashed rgba(91, 61, 38, 0.3);
  color: var(--muted-on-light);
  font-size: 0.78rem;
}

/* A turma escolhida: as vagas que restam e o preço do lote, na linha de baixo. */
.page-curso .curso-form__turma-detalhe {
  display: inline-block;
  margin-top: 4px;
  color: var(--korber-mogno);
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* O Avise-me no lugar do link do WhatsApp. */
.curso-form-empty .curso-form--aviso {
  margin-top: 0;
}

.curso-form-empty .curso-form__message[data-tone="success"],
.curso-form__message[data-tone="success"] {
  color: var(--korber-mogno);
}

.curso-form-empty__wa {
  justify-self: start;
}

/* "Já me inscrevi": o contato com a equipe abaixo da lista. */
.curso-acompanhamento__mais {
  margin-top: var(--sp-3);
}

.curso-acompanhamento:not([hidden]) + .curso-acompanhamento__mais {
  margin-top: var(--sp-3);
}

/* Defeito que já existe no site de hoje: a regra dos campos (largura toda, 48 px de altura) pegava também a caixa de
   aceite, que ficava enorme e espremia o texto. A caixa volta ao tamanho que o korber-theme.css já previa (17 px). */
.page-curso .curso-form .curso-form__consent input {
  width: 17px;
  height: 17px;
  min-height: 0;
  padding: 0;
}

/* A newsletter da página de início (PDEC-234): a caixa contra robôs entra na linha de baixo, acima do botão, só
   quando a pessoa começa a assinar; vazia, não ocupa espaço (a seção fica como a aprovada). */
.s-news__robo {
  flex-basis: 100%;
  min-height: 65px;
}

.s-news__robo:empty {
  display: none;
}

.s-news .or-robo-simulado {
  border-color: rgba(212, 175, 106, 0.35);
  color: var(--muted-on-dark);
}

/* O mesmo defeito do site de hoje que a página do curso já corrigiu: a regra dos campos da newsletter (flex de 240 px)
   pegava também a caixa de aceite, que ficava solta no meio de uma coluna de 180 px, longe do texto. A caixa volta ao
   que o korber-theme.css já previa (17 px, ao lado do texto). */
.s-news__form .s-news__consent input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  padding: 0;
}

/* Defeito que já existe no site de hoje: os anéis da introdução da Matéria (right: -8%, 400 px, escritos na própria
   página) passavam da borda; no celular, a página inteira ficava 31 px mais larga que a tela e o menu e o botão do
   WhatsApp saíam cortados. No celular e no tablet os anéis param na borda; no computador, ficam como estão. */
@media (max-width: 1024px) {
  .page-materia .s-arte-intro__rings {
    right: 0 !important;
  }
}

/* Locações (PDEC-235): a verificação contra robôs entra na revisão, acima do botão de enviar; vazia, não ocupa espaço. */
.loc-robo {
  min-height: 65px;
  margin-top: var(--sp-3);
}

.loc-robo:empty {
  display: none;
}

/* A etapa 2 sem senha: o aceite fica fora das abas, e "Já tenho conta" leva à Minha conta da OR. */
#loc-account-privacy-wrap {
  margin-top: var(--sp-3);
}

.loc-auth-fields .loc-auth-entrar {
  margin: 0 0 var(--sp-2);
  color: var(--ink-on-light);
  font-size: 0.9rem;
  line-height: 1.6;
}

.loc-auth-entrar__botao {
  justify-self: start;
  width: fit-content;
}

/* A descrição da peça pode ter mais de um parágrafo (vem do Catálogo da OR). */
.peca-info__desc {
  white-space: pre-line;
}

/* PDEC-236: quem cuida dos dados, discreto, perto do aceite de cada formulário. O texto é da ponte (avisoDaControladora). */
.or-aviso-controladora {
  width: 100%;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: normal;
  overflow-wrap: anywhere;
  opacity: .78;
}
[data-or-aviso-controladora]:empty,
#loc-account-privacy-wrap[hidden] + .or-aviso-controladora {
  display: none;
}
.or-aviso-controladora a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.s-news__form .or-aviso-controladora {
  color: rgba(255, 255, 255, .72);
}
.curso-form .or-aviso-controladora {
  margin-top: -6px;
}
/* O texto do aceite herdava a cor clara do painel e sumia no fundo claro (só os links apareciam). */
#loc-account-privacy-wrap {
  color: var(--ink-on-light);
}
#loc-account-privacy-wrap + .or-aviso-controladora {
  margin-top: var(--sp-2);
  color: var(--ink-on-light);
}