/* TIPOGRAFIA ÚNICA DO SITE — REGRA ATUAL (06/11/2026, do astrólogo), vale para TODA página e peça nova:
   • CINZEL (caixa baixa): título da página (a 1ª coisa da página de serviço), "Investimento e condições" e o valor, todos os botões, abas e menus.
   • ARCHITECTS DAUGHTER EM MAIÚSCULA: subtítulos, nome das coisas (projeto, passo, item) e os rótulos ocre (Próximo passo, Depois, nomes de campo).
   • CINZEL: título da página, valor/Investimento, TODOS os botões (qualquer estilo), barra de abas e menus.
   • ARCHITECTS DAUGHTER NORMAL (minúscula): corpo de texto e o que se digita nos campos.
   • BARRA DE PROGRESSÃO: o que vai escrito dentro das etapas fica em Architects Daughter minúscula (mesmo sendo botão).
   O bloco "REGRA ATUAL" no FIM deste arquivo vale sobre tudo que está acima. */
/* Ícones de planetas, lotes, signos, lunação, nodos e ângulos (33 caracteres U+E000 a U+E020, só desenham esses; o resto do texto segue a fonte normal) */
@font-face{font-family:'AstroIcones';src:url(fonts/astro-icones.woff2) format('woff2');unicode-range:U+E000-E020;font-display:swap}
:root{--fonte-titulo:'AstroIcones','Cinzel',serif;--fonte-mao:'AstroIcones','Architects Daughter','Segoe Print','Comic Sans MS',cursive}

/* corpo do texto e campos */
.pagina-papiro,.pagina-papiro .blog,.pagina-papiro .portal,.pagina-papiro [style*="Cinzel"],.barra-texto,
.blog-home-conteudo p,.blog-card p,.blog-card .blog-data,.pagina-papiro :is(p,li,label,input,textarea,select,td,th,span,strong,em,small){font-family:var(--fonte-mao)!important;letter-spacing:0}
.pagina-papiro :is(p,li,label,td,th,small){color:var(--preto-tinta,#16233F)}
.pagina-papiro .portal-item-data,.pagina-papiro .portal-msg,.pagina-papiro .portal-descricao{font-family:var(--fonte-mao)!important}
/* nome das COISAS (nome do projeto, título do passo, item de lista): Architects Daughter em MAIÚSCULA; rótulos, botões, abas e título da página seguem Cinzel; o corpo do texto fica à mão em minúscula normal */
html body .pagina-papiro .folha-pagina :is(.portal-item-titulo,.proj-titulo,.prod-titulo,.prod-nome,.fin-nome,.curso-titulo),html body .pagina-papiro .folha-pagina .portal :is(h2,h3){font-family:var(--fonte-mao)!important;text-transform:uppercase!important;letter-spacing:.03em}
/* título de cartão/sanfona funciona como botão: continua Cinzel */
html body .pagina-papiro .folha-pagina .portal .portal-cartao :is(h2,h3){font-family:var(--fonte-titulo)!important;text-transform:lowercase!important}

/* subtítulos */
.pagina-papiro h2,.pagina-papiro h3,.pagina-papiro .folha-pagina h2,.pagina-papiro .folha-pagina h3,.pagina-papiro .folha-pagina h2[style],.pagina-papiro .folha-pagina h3[style],.portal-sub,.portal-subtitulo,.portal-texto-sub,.blog-h2{
  font-family:var(--fonte-mao)!important;color:var(--terracota,#A03E25)!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.3}

/* títulos e botões: Cinzel */
h1,.pagina-papiro h1,.titulo-pagina,.pagina-papiro h2.titulo-pagina,.portal-titulo,.barra-assunto,.blog-card h2,
.cab-nav,.cab-nav a,.portal-btn,.portal-aba,.portal-grupo>*,.blog-botao,.btn-pay,.btn-google,.papiro .folha b,.pagina-papiro a[href*="carrinho.html"],.sidemenu-nav a{font-family:var(--fonte-titulo)!important}
.pagina-papiro .folha-pagina h2.titulo-pagina,.pagina-papiro h2.titulo-pagina,.blog-card h2{color:var(--terracota,#A03E25)!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:.04em!important;font-size:22px!important}
.pagina-papiro button.portal-link,.pagina-papiro .blog-voltar{font-family:var(--fonte-titulo)!important;text-transform:lowercase!important}
.pagina-papiro .blog-assunto{font-family:var(--fonte-mao)!important;text-transform:none!important;letter-spacing:0!important;font-size:19px!important}
/* barras que abrem e fecham (Dados do aluno, Atividades...) e títulos de cartão funcionam como botão/título: Cinzel */
.pagina-papiro button[aria-expanded]>span:first-child,.pagina-papiro .folha-pagina .portal-cartao h2{font-family:var(--fonte-titulo)!important}
.pagina-papiro .folha-pagina .portal-cartao h2{color:var(--terracota,#A03E25)!important;text-transform:none!important;font-weight:700!important;letter-spacing:.5px!important;font-size:17px!important}
/* nome dos campos (rótulos) é Cinzel; o que se digita dentro dos campos é a fonte à mão */
.pagina-papiro label,.pagina-papiro .portal label,.pagina-papiro .prod-rotulo,.pagina-papiro .proj-grupo{font-family:var(--fonte-titulo)!important;font-size:13px;letter-spacing:.04em}
/* parte "impressa" de um questionário (pergunta, opções, passo): Cinzel; o que a pessoa escreve ou escolhe-marca fica à mão */
.pagina-papiro .impresso,.pagina-papiro button.impresso{font-family:var(--fonte-titulo)!important}
.pagina-papiro :is(h2,h3).impresso{font-family:var(--fonte-titulo)!important;font-weight:600!important}
/* carrinho: tudo que já é do sistema (valores, passos, dicas, nomes de campo, botões) é Cinzel; só o que o cliente digita fica à mão */
body.checkout .pagina-papiro .card :is(p,span,strong,div,a,button,label,li){font-family:var(--fonte-titulo)!important}
body.checkout .pagina-papiro .card :is(input,textarea,select){font-family:var(--fonte-mao)!important}
.pagina-papiro .folha-pagina :is(h2,h3).impresso{font-family:var(--fonte-titulo)!important;font-weight:600!important}
/* título (não subtítulo) com estilo inline, como o "Investimento": Cinzel */
.pagina-papiro .folha-pagina h2.titulo-pagina[style]{font-family:var(--fonte-titulo)!important}

/* REGRA: tudo que é Cinzel é escrito em caixa baixa. A Cinzel já desenha as minúsculas como maiúsculas menores;
   com maiúscula no meio (WhatsApp) as letras sobem e descem. Por isso nada de text-transform: uppercase em Cinzel. */
html body :is(h1,.pagina-papiro h1,.titulo-pagina,.pagina-papiro .folha-pagina h2.titulo-pagina[style],.pagina-papiro .folha-pagina h2.titulo-pagina,.pagina-papiro h2.titulo-pagina,.portal-titulo,.barra-assunto,.blog-card h2,.blog-home-titulo,
  .cab-nav,.cab-nav a,.portal-btn,.portal-aba,.portal-grupo>*,.blog-botao,.btn-pay,.btn-google,.papiro .folha b,.pagina-papiro a[href*="carrinho.html"],.sidemenu-nav a,
  .pagina-papiro button[aria-expanded]>span:first-child,.pagina-papiro .folha-pagina .portal-cartao h2,.pagina-papiro label,.pagina-papiro .portal label,.pagina-papiro .prod-rotulo,.pagina-papiro .proj-grupo,
  .pagina-papiro .impresso,.pagina-papiro button.impresso,.pagina-papiro .folha-pagina :is(h2,h3).impresso,.brand,.nav-menu a,
  body.checkout .pagina-papiro .card :is(p,span,strong,div,a,button,label,li)){text-transform:lowercase!important}

/* CAPA dos estudos (imagem gerada por capa.js): tudo em Cinzel, com a caixa do desenho original (título e subtítulo em maiúsculas, nome e aluno como escritos) */
html body .pagina-papiro .folha-pagina .capa-folha :is(h1,div,span,p)[style]{font-family:var(--fonte-titulo)!important}
html body .pagina-papiro .folha-pagina .capa-folha :is(h1,div,span,p)[style]{text-transform:none!important}
html body .pagina-papiro .folha-pagina .capa-folha :is(h1,div,span,p)[style*="text-transform:uppercase"]{text-transform:uppercase!important}

/* RÓTULOS FIXOS (regra dele, 01/11/2026): nome de campo, título de grupo, legenda e etiqueta que já vêm prontos no site são Cinzel, OCRE, negrito, caixa baixa, MESMO tamanho; o que ele escreve ou edita fica à mão.
   Peça nova com texto fixo desse tipo = classe `rotulo-fixo` (ou já cai em label). */
html body .pagina-papiro :is(label,.rotulo-fixo,.data-legenda-nome,.proj-grupo,.prod-rotulo,.fin-rotulo,.prod-grupo,.fin-escopo-rotulo):not(.impresso){font-family:var(--fonte-titulo)!important;color:var(--ocre,#B5852F)!important;text-transform:lowercase!important;letter-spacing:.04em;font-weight:700!important;opacity:1!important}
html body .pagina-papiro :is(label,.data-legenda-nome,.proj-grupo,.prod-rotulo,.fin-rotulo,.prod-grupo,.fin-escopo-rotulo):not(.impresso){font-size:13px!important;line-height:1.3!important}
html body .pagina-papiro .rotulo-fixo:not(.impresso){font-size:13px}
html body .pagina-papiro label:not(.impresso) :is(span,strong,em,small,b,i){font-family:inherit!important;color:inherit!important;text-transform:inherit!important;letter-spacing:inherit;font-size:inherit!important;font-weight:inherit!important}
/* classes antigas de texto fixo (spans perdiam para a regra geral de span) e botões discretos (Editar, Apagar, Renomear, Tirar a data): botão é Cinzel */
html body .pagina-papiro :is(.prod-fixo,.fin-fixo,.portal-apagar,.proj-mini,.botao-fixo){font-family:var(--fonte-titulo)!important;text-transform:lowercase!important}

/* ===== REGRA ATUAL (06/11/2026): Cinzel em botão, aba e menu; subtítulo, nome de coisa e rótulo ocre = Architects Daughter MAIÚSCULA ===== */
html body :is(
  .pagina-papiro :is(h2,h3):not(.impresso):not(.titulo-pagina),.portal-sub,.portal-subtitulo,.portal-texto-sub,.blog-h2,.blog-card h2,
  .pagina-papiro button[aria-expanded]>span:first-child,.pagina-papiro .folha-pagina .portal-cartao :is(h2,h3),
  .pagina-papiro :is(label,.rotulo-fixo,.data-legenda-nome,.proj-grupo,.prod-rotulo,.fin-rotulo,.prod-grupo,.fin-escopo-rotulo):not(.impresso),
  .pagina-papiro .folha-pagina :is(.portal-item-titulo,.proj-titulo,.prod-titulo),.pagina-papiro .folha-pagina .portal :is(h2,h3):not(.impresso)
){font-family:var(--fonte-mao)!important;text-transform:uppercase!important;letter-spacing:.03em}
/* TODO BOTÃO (de qualquer estilo), barra de abas e menu ficam em CINZEL. Os rótulos ocre (Próximo passo, Depois, Início...) são Architects Daughter maiúscula, na mesma cor. */
/* BARRA DE PROGRESSÃO (etapas escritas dentro da barra: Produção, Curso, To do): Architects Daughter em MINÚSCULA, mesmo sendo botão */
html body .pagina-papiro .prod-seg .prod-chip{font-family:var(--fonte-mao)!important;text-transform:none!important;letter-spacing:0}

/* RÓTULO DE GRUPO (cabeçalho de uma lista: "Atrasados", "sexta, 6 de novembro", "Trilhas"...): Cinzel terracota. Antes cada página repetia isso com font-family solto no estilo; agora é SÓ esta classe. */
html body:not(#_) .rotulo-grupo{font-family:var(--fonte-titulo)!important;text-transform:lowercase!important;font-weight:700;color:var(--terracota,#A03E25);letter-spacing:.04em}

/* NOME DE COISA (título de linha de lista, nome de arquivo/pasta, título de janela): Architects Daughter MAIÚSCULA. Vale em qualquer lugar (inclusive janelas fora da folha). Um <strong> que abre uma linha de lista também é título. */
html body:not(#_) :is(.nome-coisa,.portal-item>strong,.portal-item>div>strong:first-child){font-family:var(--fonte-mao)!important;text-transform:uppercase!important;letter-spacing:.03em}
