/* Pagina de vendas da Formacao Tematica CTC.
   Folha externa porque a CSP do site e style-src 'self': <style> embutido e ignorado. */

.dois-lados{display:grid;gap:1px;background:var(--linha);border:1px solid var(--linha);
  margin-top:2.6rem}
@media(min-width:780px){.dois-lados{grid-template-columns:repeat(2,1fr)}}
.dois-lados > div{background:var(--papel);padding:1.9rem 1.7rem}
.dois-lados h3{font-size:1.05rem}
.dois-lados p{font-size:.95rem;color:var(--cinza);margin:.7rem 0 0}

/* As sete frentes sao numeradas porque a ordem e o percurso do documento:
   nasce no fundamento constitucional e termina na peca judicial. */
.blocos{counter-reset:fr;margin-top:2.4rem}
.blocos .grupo{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--selo);margin:2.8rem 0 0}
.blocos .grupo:first-child{margin-top:0}
.frentes{list-style:none;padding:0;margin:.4rem 0 0}
.frentes li{counter-increment:fr;border-top:1px solid var(--linha);padding:1.7rem 0 1.7rem 3.4rem;
  position:relative}
.frentes li:first-child{border-top:0}
.blocos .grupo + .frentes li:first-child{border-top:0}
.frentes li::before{content:counter(fr,decimal-leading-zero);position:absolute;left:0;top:1.95rem;
  font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--selo)}
.frentes h3{font-size:1.1rem}
.frentes p{font-size:.95rem;color:var(--cinza);margin:.55rem 0 0;max-width:72ch}
@media(max-width:620px){
  .frentes li{padding-left:0;padding-top:2.4rem}
  .frentes li::before{top:1.4rem}
}

.preco-bloco{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;margin-top:1.6rem;
  padding:1.8rem;border:1px solid var(--linha);background:var(--realce)}
.preco-bloco .parcela{display:block;font-family:var(--mono);font-weight:500;font-size:2.1rem;
  letter-spacing:-.03em;line-height:1}
.preco-bloco .avista{display:block;font-size:.92rem;color:var(--cinza);margin-top:.55rem}
.preco-bloco .botao{margin-left:auto}

.marcas{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
@media(min-width:760px){.marcas.duplo{grid-template-columns:repeat(2,1fr);gap:.8rem 2.2rem}}
.marcas li{padding-left:1.5rem;position:relative;font-size:.95rem}
.marcas li::before{content:"—";position:absolute;left:0;color:var(--selo);font-family:var(--mono)}

.lista{margin:1.4rem 0 0;padding-left:1.15rem}
.lista li{margin:.5rem 0;font-size:.95rem}

.fecho{text-align:center}
.fecho h2{max-width:26ch;margin:0 auto}
.fecho p{margin:1.3rem auto 0;max-width:56ch;color:var(--cinza)}

/* Os quatro documentos que acompanham cada aula (07/09/2026). */
.materiais{display:grid;gap:1px;background:var(--linha);border:1px solid var(--linha);
  margin-top:1.6rem}
@media(min-width:640px){.materiais{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.materiais{grid-template-columns:repeat(4,1fr)}}
.materiais > div{background:var(--papel);padding:1.5rem 1.3rem}
.materiais h4{font-family:var(--serif);font-weight:600;font-size:1rem;margin:0;line-height:1.3}
.materiais p{font-size:.88rem;color:var(--cinza);margin:.5rem 0 0}

/* Ementa: encontros sem paragrafo de apoio ficam mais compactos, e o que ainda
   nao foi gravado aparece marcado -- nunca escondido. */
.frentes li h3{margin:0}
.blocos .grupo.prod{color:var(--cinza)}
.futuro{border:1px dashed var(--linha);padding:1.4rem 1.5rem;margin-top:.6rem;
  background:var(--realce)}
.futuro h3{font-size:1.08rem}
.futuro p{font-size:.93rem;color:var(--cinza);margin:.55rem 0 0;max-width:74ch}