/* TELÃO · auditório — carregado só por quem precisa. Ver testes.js §7 (peso das páginas). */
body.telao{background:var(--tinta);color:var(--papel);display:flex;align-items:center;
  justify-content:center;min-height:100vh;text-align:center}
/* ═══ TELÃO · auditório ═════════════════════════════════════════════════════ */
/* Distância de leitura 6–15 m com a luz da sala acesa. Tudo é dimensionado em
   vw para escalar do notebook ao projetor sem ajuste manual. */
body.telao{background:#0B0E10;color:var(--papel);display:block;overflow:hidden;text-align:left}
body.telao #t{min-height:100vh;display:flex;flex-direction:column;justify-content:center;
  padding:5vh 6vw;position:relative}

.tl-topo{margin-bottom:1.6vh}
.tl-rot{font-size:1.15vw;letter-spacing:.34em;text-transform:uppercase;color:#8A9498}
.tl-pergunta{font-family:var(--serif);font-size:4.6vw;line-height:1.1;letter-spacing:-.012em;
  margin-bottom:5vh;max-width:24ch}

.tl-barras{display:flex;flex-direction:column;gap:2.4vh}
.tl-linha{display:grid;grid-template-columns:30vw 1fr 9vw;gap:2.2vw;align-items:center}
.tl-nome{text-align:right;font-size:1.85vw;letter-spacing:.09em;text-transform:uppercase;color:#98A1A5}
.tl-trilho{height:2.6vh;background:#1A2024;border-radius:99px;overflow:hidden}
.tl-trilho i{display:block;height:100%;background:#2E3A52;border-radius:99px;
  transition:width .7s cubic-bezier(.22,1,.36,1)}
.tl-valor{font-family:var(--serif);font-size:3.1vw;line-height:1;text-align:right;color:#96A0A4}
.tl-valor small{font-size:.5em;letter-spacing:.02em;margin-left:.12em}
.tl-linha.destaque .tl-nome{color:var(--papel)}
.tl-linha.destaque .tl-trilho i{background:var(--cobalto-claro)}
.tl-linha.destaque .tl-valor{color:var(--papel)}

.tl-insight{margin-top:5.5vh;padding-left:1.4vw;border-left:3px solid var(--cobalto-claro);
  font-family:var(--serif);font-size:2.35vw;line-height:1.3;color:#DDE3E6;max-width:42ch}
.tl-n{margin-top:2.6vh;font-size:1.25vw;letter-spacing:.2em;text-transform:uppercase;color:#8A9498}

.tl-marca{position:fixed;left:3vw;bottom:3.4vh;width:2vw;height:2vw;color:#4A5357}
.tl-passo{position:fixed;right:3vw;bottom:4vh;display:flex;gap:.55vw}
.tl-passo i{width:.55vw;height:.55vw;border-radius:50%;background:#454E53}
.tl-passo i.on{background:var(--cobalto-claro)}

.tl-espera{text-align:center;margin:auto}
.tl-qr,.tl-cont,.tl-rodape{text-align:center}
.tl-espera-sub{margin-top:2vh;font-size:1.5vw;letter-spacing:.2em;text-transform:uppercase;color:#8A9498}

.tl-qr{display:flex;gap:6vw;align-items:center;justify-content:center}
.tl-qr img{border-radius:1vw;image-rendering:pixelated;background:#fff;padding:1.1vw;
  width:24vw;height:24vw;max-width:340px;max-height:340px}
.tl-url{font-family:var(--serif);font-size:3.3vw;line-height:1.14;margin-top:1.4vh}
.tl-ou{color:#8A9498;font-size:1.3vw;margin-top:3vh;letter-spacing:.16em;text-transform:uppercase}
.tl-cod{font-family:var(--serif);font-size:4.6vw;letter-spacing:.06em;color:var(--cobalto-claro);margin-top:.6vh}
.tl-cont{text-align:center;margin-top:6vh;font-size:1.5vw;color:#96A0A4;letter-spacing:.08em}
.tl-cont strong{color:var(--papel);font-family:var(--serif);font-size:1.5em}
.tl-rodape{text-align:center;margin-top:3vh;font-size:1.05vw;letter-spacing:.28em;
  text-transform:uppercase;color:#7E888C}