/* ===== Roteiro de aula: tela, modo sala e impressão ===== */
.ferramentas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ferramentas select{border:2px solid var(--borda);border-radius:10px;padding:8px 10px;background:var(--plano);color:var(--texto);font:inherit;font-size:15px;max-width:320px}
#roteiro{display:grid;gap:18px}
.capa{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:20px}
.capa .sobre{margin:0;color:var(--suave);font-weight:700;font-size:14px}
.capa .titulo{margin:4px 0 8px;font-family:"STIX Two Text",serif;font-size:clamp(30px,4.5vw,46px);line-height:1.05}
.capa .resumo{margin:0 0 10px;max-width:640px}
.qr{display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--suave);font-size:12px;flex:none}
.qr svg{width:150px;height:150px;background:#fff;padding:8px;border-radius:8px}
.qr svg rect[fill="#000000"],.qr svg path{fill:#111}
.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.bloco h3,.secao{margin:0 0 10px;font-size:18px}
.secao{margin-top:6px}
ul{margin:0;padding-left:20px} li+li{margin-top:4px}
.momentos{display:grid;gap:12px}
.momento{background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:16px}
.momento .cab{display:flex;gap:12px;align-items:center}
.momento h4{margin:0;font-size:19px}
.momento .num{width:34px;height:34px;border-radius:50%;background:var(--tinta);color:var(--sobre-tinta);display:grid;place-items:center;font-weight:700;flex:none}
.momento .nota{margin:0}
.passos{margin-top:10px}
.perguntas{margin-top:10px;display:grid;gap:6px}
.perguntas p{margin:0;padding:8px 12px;border-left:4px solid var(--cb);background:color-mix(in srgb,var(--cb) 8%,transparent);border-radius:0 8px 8px 0;font-family:"STIX Two Text",serif;font-size:19px}
.intervencoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:10px}
.iv{background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:14px}
.iv h4{margin:0 0 6px;font-size:17px}
.iv .erro{margin:0 0 6px;color:var(--suave);font-size:15px;font-style:italic}
.iv p{margin:0}
.iv.destaque{border-color:var(--cb);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb) 40%,transparent)}
.selo{display:inline-block;font-size:12px;font-weight:700;color:var(--cb);border:1.5px solid var(--cb);border-radius:999px;padding:0 8px;margin-left:4px}
.turma{border-color:var(--cb)}
/* código da turma: ao lado da escolha (professor) e na capa (projetor) */
.chip-codigo{border:2px solid var(--tinta);border-radius:10px;padding:7px 12px;font-size:15px;color:var(--tinta)}
.chip-codigo b{font-family:ui-monospace,Consolas,monospace;letter-spacing:.12em}
.acesso{display:flex;gap:18px;align-items:center;flex:none}
.codigo-turma{display:grid;justify-items:center;gap:2px;text-align:center;border:2px dashed var(--tinta);border-radius:14px;padding:12px 18px}
.codigo-turma span,.codigo-turma small{color:var(--suave);font-size:13px}
.codigo-turma b{font:700 38px/1.1 ui-monospace,Consolas,monospace;letter-spacing:.18em;color:var(--tinta)}
.codigo-turma.inativo{border-color:var(--erro)} .codigo-turma.inativo b{color:var(--erro);text-decoration:line-through}
@media (max-width:700px){.capa{flex-wrap:wrap}.acesso{width:100%;justify-content:center;flex-wrap:wrap}}
.turma ol{margin:6px 0;padding-left:20px}

/* ===== Modo sala: só o que os alunos veem, com letra grande ===== */
body.sala{font-size:24px}
body.sala header .topo-links a,body.sala .so-prof,body.sala #turma,body.sala #codigo-sel{display:none!important}
body.sala main{max-width:1400px}
body.sala .capa .titulo{font-size:clamp(44px,6vw,72px)}
body.sala .qr svg{width:230px;height:230px}
body.sala .qr span{font-size:18px}
body.sala .codigo-turma b{font-size:72px}
body.sala .codigo-turma span,body.sala .codigo-turma small{font-size:20px}
body.sala .momento h4{font-size:30px}
body.sala .perguntas p{font-size:30px}
body.sala .momento .num{width:48px;height:48px;font-size:24px}

/* ===== Impressão / PDF (A4) ===== */
@media print{
  @page{size:A4;margin:14mm}
  :root{--pagina:#fff;--painel:#fff;--plano:#fff;--texto:#111;--suave:#444;--borda:#bbb;--tinta:#1E4FB8;--sobre-tinta:#fff;--cb:#C45F00}
  body{background:#fff;font-size:12pt}
  header .topo-links,.ferramentas,#turma{display:none!important}
  main{max-width:none;padding:0}
  .capa,.bloco,.momento,.iv{break-inside:avoid;box-shadow:none}
  .capa .titulo{font-size:26pt}
  .qr svg{width:110px;height:110px}
  .codigo-turma b{font-size:24pt}
  .perguntas p{font-size:12pt}
  .momento .num{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .iv.destaque{border:2px solid #C45F00}
  a{color:inherit;text-decoration:none}
  body.sala{font-size:12pt}
}