:root{--papel:#f2ede3;--tinta:#183b38;--acento:#85512b;--suave:#54645e;--modo-compacto:0;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#102b29;color:var(--tinta)}.apresentacao-pronta{height:100dvh;overflow:hidden}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #de985b;outline-offset:5px}button:disabled{opacity:.4;cursor:default}button[hidden]{display:none}
.viewport{display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding-bottom:58px}.apresentacao-pronta .viewport{height:100dvh;min-height:0}.palco{width:1280px;flex-shrink:0;transform-origin:center center}.slide{position:relative;min-height:720px;background:var(--papel);padding:60px 76px 74px;overflow-wrap:break-word}.apresentacao-pronta .slide{display:none;height:720px}.apresentacao-pronta .slide.ativo{display:block}.slide--escuro{background:var(--tinta);color:var(--papel);--acento:#dbc7a5;--suave:#d0d6ca}
h1,h2,.frase{font-family:Georgia,"Times New Roman",serif}h1{font-size:68px;line-height:1.08;margin:24px 0 20px;letter-spacing:-1px}h2{font-size:44px;line-height:1.12;margin:0 0 44px}h3{font-size:29px;line-height:1.3;margin:0 0 18px}p{font-size:29px;line-height:1.4;margin:0 0 26px}ul,ol{padding-left:28px;margin:0}li{font-size:28px;line-height:1.45;margin:0 0 16px}.rotulo{font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--acento);margin:0 0 12px}.destaque{font-size:37px;line-height:1.3}.frase{font-size:51px;font-weight:bold;line-height:1.2;margin:0 0 38px}.exemplo{font-size:25px;color:var(--acento);margin-top:30px}.colunas{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.colunas>*{min-width:0}.conceito{display:grid;grid-template-columns:1.8fr 1fr;gap:65px;margin-top:62px}.conceito>*{min-width:0}.origem{border-left:2px solid #bdb4a3;padding-left:32px}.origem h3{font-size:25px;color:var(--acento)}.origem p{font-size:24px}.grego{font-family:Georgia,"Times New Roman",serif;font-size:32px!important;margin-bottom:16px}.numero{position:absolute;bottom:30px;right:76px;font-size:18px;color:var(--suave)}.fonte-curta{font-size:19px;color:var(--suave);margin-top:25px}.notas-origem{display:none}
.capa{display:grid!important;grid-template-columns:740px 1fr;gap:32px;padding-top:45px}.apresentacao-pronta .capa:not(.ativo){display:none!important}.capa .instituicao{font-size:17px;line-height:1.4;color:var(--suave);margin-bottom:18px}.capa h1 span{display:block;font-size:37px;font-weight:normal;margin-top:17px;letter-spacing:0}.capa .subtitulo{font-size:24px;max-width:650px;line-height:1.4;margin-bottom:25px}.integrantes h3{font-size:23px;margin:0 0 12px;color:var(--acento)}.integrantes ol{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;column-gap:35px;padding-left:26px}.integrantes li{font-size:21px;line-height:1.5;margin-bottom:6px}.retrato{margin:12px 0 0;align-self:end}.retrato img{width:100%;height:565px;object-fit:contain;object-position:bottom}.retrato figcaption{font-size:14px;color:var(--suave);margin-top:6px;text-align:center}.capa .numero{display:none}
.biografia .colunas{grid-template-columns:1.3fr 1fr;gap:55px}.biografia li{font-size:25px;margin-bottom:15px}.biografia p{font-size:26px}.obras{margin-top:26px;font-size:23px!important;color:var(--acento)}.medida{width:100%;border-collapse:collapse;margin:60px 0 32px;table-layout:fixed}.medida th,.medida td{padding:23px;text-align:center;border-top:1px solid #bcb2a1;border-bottom:1px solid #bcb2a1;font-size:27px}.medida td{font-size:34px;font-weight:bold}.medida th:nth-child(2),.medida td:nth-child(2){background:var(--tinta);color:var(--papel)}.passos{list-style:none;padding:0;counter-reset:passo}.passos li{position:relative;padding-left:100px;margin-bottom:22px;counter-increment:passo}.passos li:before{content:counter(passo,decimal-leading-zero);position:absolute;left:0;font-family:Georgia,serif;font-size:35px;color:var(--acento)}.passos strong{display:block;font-size:28px}.passos span{display:block;font-size:23px;color:var(--suave);margin-top:5px}.referencias h2{margin-bottom:24px}.referencias li{font-size:21px;margin-bottom:15px;line-height:1.4}.referencias small{display:block;font-size:18px;color:var(--suave)}.referencias .fonte-curta{font-size:18px}
/* A origem lexical acompanha o conceito, com espaço para a fala principal. */
.conceito{margin-top:38px}.origem p{font-size:23px;line-height:1.35;margin-bottom:18px}.origem h3{margin-bottom:12px}.origem .grego{margin-bottom:15px}
.barra{position:fixed;bottom:0;left:0;width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#102b29;color:var(--papel);z-index:4;border-top:1px solid #43635c}.barra button{background:transparent;color:inherit;border:1px solid #70867f;border-radius:5px;min-height:40px;padding:7px 14px;font-size:16px}.barra button:hover:not(:disabled){background:#2a4e49}.contador{font-size:15px;min-width:65px;text-align:center}.progresso{position:fixed;top:0;left:0;height:4px;width:100%;background:transparent;z-index:5;pointer-events:none}.progresso span{display:block;height:100%;width:0;background:#cf9a68;transition:width .2s}
/* O celular usa rolagem real. A classe ativada pelo JS não a bloqueia. */
@media(max-width:899px){body.apresentacao-pronta{height:auto;overflow:auto}.apresentacao-pronta .viewport{height:auto;min-height:100dvh}}
/* Sem JavaScript, mantém a versão linear legível e os controles ocultos. */
body:not(.apresentacao-pronta) .viewport{display:block;height:auto;padding:0}
body:not(.apresentacao-pronta) .palco{max-width:100%;margin:auto}
body:not(.apresentacao-pronta) .barra,body:not(.apresentacao-pronta) .progresso{display:none}
dialog{border:1px solid #b6ab96;border-radius:8px;background:var(--papel);color:var(--tinta);width:min(850px,calc(100vw - 30px));max-height:85dvh;padding:28px}dialog::backdrop{background:#061d1bd9}.dialogo-cabecalho{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.dialogo-cabecalho h2{font-size:29px;margin:0}.fechar{border:1px solid #69837a;border-radius:4px;background:none;color:inherit;min-width:44px;min-height:44px;font-size:22px}#notas-conteudo p,#notas-conteudo li{font-size:21px;line-height:1.6}#indice-lista{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}#indice-lista li{margin:0}#indice-lista button{width:100%;text-align:left;padding:15px;background:transparent;border:1px solid #bdb4a3;border-radius:5px;font-size:18px;color:var(--tinta)}#indice-lista button[aria-current]{background:var(--tinta);color:var(--papel)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}noscript p{color:#fff;padding:20px;font-size:20px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* O mesmo marcador orienta CSS e escala em JS, como no projeto de referência. */
@media(max-width:899px){:root{--modo-compacto:1}html,body{background:var(--papel)}.viewport{display:block;min-height:100dvh;padding-bottom:105px}.palco{width:100%;transform:none!important}.slide,.apresentacao-pronta .slide{height:auto;min-height:calc(100dvh - 96px);padding:36px 24px 72px}.capa{grid-template-columns:1fr;gap:24px}.capa h1{font-size:48px}.capa h1 span{font-size:28px}h2{font-size:34px;margin-bottom:32px}h3{font-size:25px}p,li{font-size:23px}.destaque{font-size:29px}.frase{font-size:36px}.colunas,.biografia .colunas,.conceito{grid-template-columns:1fr;gap:25px}.conceito{margin-top:25px}.origem{padding-left:20px}.origem p{font-size:21px}.integrantes ol{display:block}.integrantes li{font-size:21px}.retrato{max-width:290px;justify-self:center}.retrato img{height:auto}.numero{bottom:24px;right:24px}.exemplo{font-size:22px}.medida{margin-top:25px}.medida th,.medida td{padding:14px 5px;font-size:16px}.medida td{font-size:20px}.passos li{padding-left:54px;margin-bottom:27px}.passos strong{font-size:24px}.passos span{font-size:21px}.passos li:before{font-size:28px}.barra{flex-wrap:wrap;gap:5px;padding:8px;min-height:94px}.barra button{font-size:14px;min-height:44px;padding:6px 10px}.contador{font-size:14px}.referencias li{font-size:20px}#indice-lista{grid-template-columns:1fr}.dialogo-cabecalho h2{font-size:25px}}
@media print{@page{size:1280px 720px;margin:0}:root{--modo-compacto:0}html,body{background:var(--papel);width:auto;height:auto;overflow:visible;print-color-adjust:exact;-webkit-print-color-adjust:exact}.viewport{display:block;padding:0;min-height:0}.palco{width:1280px;transform:none!important}.slide,.apresentacao-pronta .slide{display:block!important;width:1280px;height:720px;min-height:720px;break-after:page;page-break-after:always;padding:60px 76px 74px;overflow:hidden}.slide:last-child{break-after:auto;page-break-after:auto}.capa,.apresentacao-pronta .capa:not(.ativo){display:grid!important;grid-template-columns:740px 1fr;padding-top:45px}.capa h1{font-size:68px}.capa h1 span{font-size:37px}.integrantes ol{display:grid}.retrato{max-width:none}.retrato img{height:565px}.colunas{grid-template-columns:1fr 1fr;gap:70px}.biografia .colunas{grid-template-columns:1.3fr 1fr;gap:55px}.conceito{grid-template-columns:1.8fr 1fr;gap:65px;margin-top:62px}h2{font-size:44px;margin-bottom:44px}h3{font-size:29px}p{font-size:29px}li{font-size:28px}.destaque{font-size:37px}.frase{font-size:51px}.exemplo{font-size:25px}.origem p{font-size:24px}.medida{margin-top:60px}.medida th{font-size:27px}.medida td{font-size:34px}.medida th,.medida td{padding:23px}.passos li{padding-left:100px;margin-bottom:22px}.passos strong{font-size:28px}.passos span{font-size:23px}.barra,.progresso,dialog,.sr-only,noscript{display:none!important}}
@media print{body.apresentacao-pronta{height:auto;overflow:visible}.apresentacao-pronta .viewport{height:auto;min-height:0}.conceito{margin-top:38px}.origem p{font-size:23px}}
/* A regra de impressão dos slides usa display:block !important. A capa
   precisa de maior especificidade para manter a foto na coluna direita,
   inclusive quando é o slide ativo no momento de imprimir. */
@media print{
 .apresentacao-pronta .slide.capa{display:grid!important;grid-template-columns:740px minmax(0,1fr);gap:32px;align-items:start}
 .capa>div,.capa .retrato{min-width:0}
 .capa .retrato{align-self:end;margin:0;width:100%;max-width:none}
 .capa .retrato img{display:block;width:100%;height:565px;object-fit:contain;object-position:center bottom}
}

/* Material de estudo e complementos do roteiro comum. */
.barra .link-roteiro{font-size:16px;padding:7px 12px;border:1px solid #70867f;border-radius:5px;min-height:40px;text-decoration:none;display:inline-flex;align-items:center}.barra .link-roteiro:hover{background:#2a4e49}.biografia .contexto-obra{font-size:23px;line-height:1.35;margin-top:22px;margin-bottom:12px}.biografia .fonte-curta{font-size:18px;margin-top:14px}.avaliacao .colunas p:not(.rotulo){font-size:28px}.avaliacao .fonte-curta{font-size:17px}.referencias li{font-size:21px;margin-bottom:14px}.referencias small{font-size:17px}
@media(max-width:899px){.barra .link-roteiro{font-size:14px;min-height:44px;padding:6px 10px}.biografia .contexto-obra{font-size:21px}.avaliacao .colunas p:not(.rotulo){font-size:23px}.referencias li{font-size:20px}}