/* Estrutura da apresentação. Palco fixo de 1920x1080, escalado para a janela.
   Este arquivo resolve layout e comportamento com um visual neutro; os temas (temas/*.css) dão a identidade.
   Variáveis que todo tema define: --fundo --fundo-2 --papel --tinta --suave --linha --acento --acento-2 --f-display --f-texto --f-mono --margem */
:root{
  --fundo:#F6F7F9; --fundo-2:#EEF3FB; --papel:#FFFFFF; --tinta:#16213A; --suave:#5E6878; --linha:#D5DBE6;
  --acento:#1E3A5F; --acento-2:#2563EB;
  --f-display:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  --f-texto:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  --f-mono:"SF Mono",Menlo,Consolas,monospace;
  --margem:130px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:var(--fundo)}
body{font-family:var(--f-texto);color:var(--tinta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[hidden]{display:none!important}

/* ---------- palco ---------- */
#palco{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--fundo);cursor:default}
#tela{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;overflow:hidden;background:var(--fundo)}
.slide{position:absolute;inset:0;display:flex;background:var(--fundo);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.slide.ato-2{background:var(--fundo-2)}
.slide.ativa{opacity:1;visibility:visible;transition:opacity .5s ease;z-index:1}
.slide .c{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:110px var(--margem) 150px}
.slide p,.slide h1,.slide h2,.slide ol,.slide blockquote,.slide figure{margin:0}
.slide ol{padding:0;list-style:none}
.slide h1,.slide h2,.slide .linha,.slide blockquote{text-wrap:balance}

/* passos: elementos que entram um a um */
[data-passo]{opacity:0;transform:translateY(22px);transition:opacity .45s ease,transform .45s ease}
[data-passo].on{opacity:1;transform:none}
.riscada{text-decoration:line-through;text-decoration-thickness:.07em;opacity:.45;transition:opacity .4s}
.sem-anim *,.sem-anim *::before,.sem-anim *::after{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- peças comuns ---------- */
.sobre{font:600 30px/1.2 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:34px!important}
.sub{font:500 50px/1.25 var(--f-texto);color:var(--suave);margin-top:40px!important;max-width:1500px}
.fecho{font:600 52px/1.2 var(--f-display);margin-top:56px!important;max-width:1600px}
.selo{margin-top:52px!important}
.selo span{display:inline-block;font:700 36px/1 var(--f-texto);padding:18px 34px;border-radius:999px;background:var(--acento);color:var(--papel)}
.marca{height:130px;width:auto;margin-bottom:44px;border-radius:10px}
em{font-style:normal;color:var(--acento-2)}

/* ---------- tipos de slide ---------- */
.tipo-capa .titulo{font:800 158px/.98 var(--f-display);letter-spacing:-.025em;max-width:1600px}
.tipo-capa .sub{font-size:60px;color:var(--acento-2);margin-top:44px!important}
.tipo-capa .assina{font:500 32px/1.3 var(--f-texto);color:var(--suave);margin-top:90px}

.tipo-momento .c{flex-direction:row;align-items:center;gap:80px}
.tipo-momento .n{font:800 560px/.8 var(--f-display);color:var(--acento-2);letter-spacing:-.04em}
.tipo-momento .titulo{font:800 128px/1 var(--f-display);letter-spacing:-.02em}
.tipo-momento .sub{font-size:46px}

.tipo-frase .linha{font:600 116px/1.06 var(--f-display);letter-spacing:-.02em;max-width:1640px}
.tipo-frase .linha+.linha{margin-top:18px}
.tipo-frase .linha.leve{color:var(--suave);font-weight:500}
.tipo-frase .linha.forte{color:var(--acento-2);font-weight:800}
.tipo-frase .linha.gigante{font-size:210px;font-weight:800;line-height:.95;letter-spacing:-.035em;color:var(--acento)}
.tipo-frase .linha.pequena{font-size:76px}

.tipo-pergunta .titulo{font:700 108px/1.08 var(--f-display);letter-spacing:-.02em;max-width:1640px}
.tipo-pergunta .linha{font:600 68px/1.15 var(--f-display);color:var(--acento-2);margin-top:54px}

.tipo-numero .valor{display:flex;align-items:baseline;gap:30px;flex-wrap:wrap}
.tipo-numero .num{font:800 420px/.84 var(--f-display);letter-spacing:-.045em;color:var(--acento)}
.tipo-numero .un{font:700 110px/1 var(--f-display);color:var(--acento-2)}
.tipo-numero .legenda{font:500 58px/1.2 var(--f-texto);margin-top:36px;max-width:1500px}
.tipo-numero .linha{font:600 54px/1.2 var(--f-display);margin-top:36px;max-width:1560px}
.tipo-numero .linha.forte{color:var(--acento-2);font-weight:800;font-size:72px}

.tipo-gestao .titulo{font:800 170px/.98 var(--f-display);letter-spacing:-.03em}
.tipo-gestao .titulo .g{display:block;color:var(--suave);font-weight:600}
.tipo-gestao .titulo .de{display:block;color:var(--acento-2)}

.tipo-lista .titulo,.tipo-opcoes .titulo,.tipo-linha .titulo,.tipo-antesdepois .titulo,.tipo-midia .titulo,.tipo-logos .titulo{font:700 76px/1.1 var(--f-display);letter-spacing:-.015em;margin-bottom:64px;max-width:1600px}
.tipo-lista .itens{display:grid;gap:44px;width:100%}
.tipo-lista .itens.n-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tipo-lista .itens.n-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tipo-lista .itens.n-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tipo-lista .item{display:flex;flex-direction:column;gap:18px;padding-top:30px;border-top:6px solid var(--acento);min-width:0}
.tipo-lista .item .k{font:800 68px/1.02 var(--f-display);letter-spacing:-.02em;color:var(--acento)}
.tipo-lista .item .t{font:500 38px/1.25 var(--f-texto);color:var(--suave)}

.tipo-opcoes .itens{display:flex;flex-direction:column;gap:30px;width:100%}
.tipo-opcoes .item{display:flex;align-items:center;gap:40px;transition:opacity .5s ease,transform .45s ease}
.tipo-opcoes .item .k{flex:none;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font:800 48px/1 var(--f-display);border:5px solid var(--acento);color:var(--acento)}
.tipo-opcoes .item .t{font:600 76px/1.1 var(--f-display);letter-spacing:-.015em}
.tipo-opcoes.completo .item:not(.escolhida){opacity:.22}
.tipo-opcoes.completo .item.escolhida .t{color:var(--acento-2);font-weight:800}
.tipo-opcoes.completo .item.escolhida .k{background:var(--acento-2);border-color:var(--acento-2);color:var(--papel)}

.tipo-antesdepois .lados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;width:100%}
.tipo-antesdepois .lado{display:flex;flex-direction:column;gap:26px;padding:54px 56px;border-radius:18px;min-height:360px}
.tipo-antesdepois .lado .k{font:700 28px/1 var(--f-texto);letter-spacing:.16em;text-transform:uppercase}
.tipo-antesdepois .lado p{font:600 60px/1.14 var(--f-display);letter-spacing:-.012em}
.tipo-antesdepois .antes{background:transparent;border:3px solid var(--linha);color:var(--suave)}
.tipo-antesdepois .depois{background:var(--acento);color:var(--papel)}

.tipo-citacao blockquote{font:600 104px/1.1 var(--f-display);letter-spacing:-.02em;max-width:1640px}
.tipo-citacao blockquote strong{color:var(--acento-2);font-weight:800}
.tipo-citacao .autor{font:500 40px/1.2 var(--f-texto);color:var(--suave);margin-top:48px}

.tipo-linha .pontos{display:flex;width:100%;gap:0;position:relative}
.tipo-linha .ponto{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:44px 24px 0 0;border-top:6px solid var(--acento);position:relative}
.tipo-linha .ponto::before{content:"";position:absolute;left:0;top:-17px;width:28px;height:28px;border-radius:50%;background:var(--acento-2)}
.tipo-linha .ponto .k{font:800 58px/1.05 var(--f-display);letter-spacing:-.02em}
.tipo-linha .ponto .t{font:500 32px/1.2 var(--f-texto);color:var(--suave)}
.tipo-linha .pontos.n-5 .k,.tipo-linha .pontos.n-6 .k{font-size:42px;overflow-wrap:anywhere}
.tipo-linha .pontos.n-5 .t,.tipo-linha .pontos.n-6 .t{font-size:27px}

.tipo-midia .c{padding-top:80px;padding-bottom:130px}
.tipo-midia .titulo{margin-bottom:32px;font-size:60px}
.tipo-midia .quadro{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;background:var(--papel);border:2px solid var(--linha)}
.tipo-midia .quadro img,.tipo-midia .quadro video{max-width:100%;max-height:100%;display:block}
.tipo-midia .legenda{font:500 30px/1.3 var(--f-texto);color:var(--suave);margin-top:22px}
.vazio{display:none;flex-direction:column;gap:14px;align-items:center;text-align:center;color:var(--suave);font:500 32px/1.3 var(--f-texto);padding:40px}
.vazio b{font:700 44px/1.1 var(--f-display);color:var(--tinta)}
.vazio span{font-family:var(--f-mono);font-size:26px}
.vazio em{color:var(--suave);font-size:28px}
.faltando>img,.faltando>video,.quadro.faltando img,.quadro.faltando video{display:none!important}
.faltando>.vazio{display:flex}
.quadro.faltando{border-style:dashed;border-width:4px}

.tipo-qr .c{flex-direction:row;align-items:center;gap:100px}
.tipo-qr .txt{flex:1;min-width:0}
.tipo-qr .titulo{font:800 124px/1 var(--f-display);letter-spacing:-.025em}
.tipo-qr .url{font:600 46px/1.2 var(--f-mono);color:var(--acento-2);margin-top:56px}
.tipo-qr .codigo{flex:none;width:560px;height:560px;border-radius:24px;background:var(--papel);border:2px solid var(--linha);display:grid;place-items:center;overflow:hidden}
.tipo-qr .codigo img{width:86%;height:86%}
.tipo-qr .codigo.faltando{border-style:dashed;border-width:4px}

.tipo-logos .c{padding-top:80px}
.tipo-logos .titulo{margin-bottom:40px}
.tipo-logos .grade{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;width:100%}
.tipo-logos .logo{height:150px;display:grid;place-items:center;padding:22px;background:var(--papel);border-radius:12px;border:1px solid var(--linha)}
.tipo-logos .logo img{max-width:100%;max-height:100%;object-fit:contain}

/* ---------- guia de um trecho (tipo mapa): a batida atual em destaque, as anteriores apagadas ---------- */
.tipo-mapa .c{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:start;justify-items:stretch;row-gap:44px}
.tipo-mapa.com-n .c{grid-template-columns:480px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:96px}
.tipo-mapa .cab{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.tipo-mapa.com-n .cab{grid-column:1;grid-row:1 / span 2;align-self:stretch;justify-content:center}
.tipo-mapa .cab .n{font:800 380px/.8 var(--f-display);letter-spacing:-.04em;color:var(--acento-2);margin-bottom:36px}
.tipo-mapa .cab .sobre{margin-bottom:20px!important}
.tipo-mapa .cab .titulo{font:800 84px/1.02 var(--f-display);letter-spacing:-.025em;max-width:1600px}
.tipo-mapa.com-n .cab .titulo{font-size:80px}
.tipo-mapa .cab .sub{font-size:40px;margin-top:22px!important}
.tipo-mapa .trilha{display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0;align-self:center;width:100%}
.tipo-mapa.com-n .trilha{grid-column:2;grid-row:1}
.tipo-mapa .bat{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;column-gap:26px;padding-left:38px;transition:opacity .45s ease,transform .45s ease,color .3s}
.tipo-mapa .bat.com-k{grid-template-columns:auto minmax(0,1fr)}
.tipo-mapa .bat::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:9px;background:var(--linha);transition:background .3s}
.tipo-mapa .bat .k{font:800 70px/1 var(--f-display);letter-spacing:-.02em;color:var(--acento);white-space:nowrap}
.tipo-mapa .bat .t{font:600 46px/1.14 var(--f-texto);letter-spacing:-.01em;color:var(--tinta);text-wrap:balance}
.tipo-mapa .bat.forte .t{font:800 58px/1.08 var(--f-display);letter-spacing:-.02em;color:var(--acento)}
.tipo-mapa .bat.agora::before{background:var(--acento-2)}
.tipo-mapa .bat.agora .k{color:var(--acento-2)}
.tipo-mapa .bat.forte.agora .t{color:var(--acento-2)}
.tipo-mapa .bat.vista .t,.tipo-mapa .bat.vista .k{color:var(--suave)}
.tipo-mapa .bat.vista .t{font-weight:500}
.tipo-mapa .bat.vista.forte .t{font-weight:700}
.tipo-mapa .bat.pergunta{padding:26px 34px 28px 46px;background:var(--acento);margin-top:8px}
.tipo-mapa .bat.pergunta::before{background:var(--acento-2)}
.tipo-mapa .bat.pergunta .t{color:var(--papel);font-weight:700}
.tipo-mapa .gestoes{display:flex;flex-wrap:wrap;gap:14px;min-width:0}
.tipo-mapa.com-n .gestoes{grid-column:2;grid-row:2}
.tipo-mapa .gest{font:700 28px/1 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;border-radius:999px;background:var(--acento);color:var(--papel)}
.tipo-mapa .trilha.n-6 .bat .t,.tipo-mapa .trilha.n-7 .bat .t{font-size:42px}
.tipo-mapa .trilha.n-6 .bat .k,.tipo-mapa .trilha.n-7 .bat .k{font-size:62px}
.tipo-mapa .trilha.n-6,.tipo-mapa .trilha.n-7{gap:16px}

/* ---------- caso do segundo ato (tipo caso): antes, depois e a mídia no mesmo slide ---------- */
.tipo-caso .c{padding-top:90px;padding-bottom:140px}
.tipo-caso .titulo{font:700 68px/1.05 var(--f-display);letter-spacing:-.02em;margin-bottom:36px}
.tipo-caso .corpo{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.tipo-caso.com-midia .corpo{grid-template-columns:640px minmax(0,1fr);align-items:stretch;flex:1 1 0;min-height:0}
.tipo-caso.com-midia .c{justify-content:flex-start}
.tipo-caso .lados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;width:100%}
.tipo-caso.com-midia .lados{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;width:100%}
.tipo-caso.com-midia .lado{min-height:0!important;padding:30px 36px!important}
.tipo-caso.com-midia .lado p{font-size:46px!important;line-height:1.12!important}
.tipo-caso .quadro{position:relative;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background:var(--papel);border:2px solid var(--linha);overflow:hidden}
.tipo-caso .quadro img,.tipo-caso .quadro video{max-width:100%;max-height:100%;display:block}
.tipo-caso .quadro.faltando{border-style:dashed;border-width:4px}
.tipo-caso .destaque{position:absolute;left:0;bottom:0;display:flex;align-items:baseline;gap:22px;padding:22px 34px;background:var(--acento-2);color:var(--papel)}
.tipo-caso .destaque .num{font:800 120px/.9 var(--f-display);letter-spacing:-.03em}
.tipo-caso .destaque .leg{font:700 36px/1.1 var(--f-texto);max-width:420px}
.tipo-caso .fecho{margin-top:36px!important}

/* ---------- moldura: trilho dos momentos, progresso, contador ---------- */
#chrome{position:absolute;left:0;right:0;bottom:0;height:96px;z-index:5;display:flex;align-items:center;gap:28px;padding:0 var(--margem);pointer-events:none;transition:opacity .4s}
body[data-tipo="capa"] #chrome{opacity:0}
#trilho{display:flex;align-items:center;gap:22px}
#trilho ol{display:flex;gap:12px;list-style:none;margin:0;padding:0;align-items:center}
#trilho li{display:flex;align-items:center;gap:10px;font:600 22px/1 var(--f-texto);color:var(--suave)}
#trilho li i{width:16px;height:16px;border-radius:50%;border:3px solid var(--linha);transition:all .3s}
#trilho li span{display:none}
#trilho li.feito i{background:var(--acento);border-color:var(--acento)}
#trilho li.atual i{background:var(--acento-2);border-color:var(--acento-2);transform:scale(1.25)}
#trilho li.atual span{display:inline;color:var(--tinta);margin-right:8px}
#trilho-rotulo{font:600 22px/1 var(--f-texto);font-style:normal;color:var(--suave);letter-spacing:.04em}
#contador{margin-left:auto;font:500 22px/1 var(--f-mono);color:var(--suave);font-variant-numeric:tabular-nums}
#progresso{position:absolute;left:0;right:0;bottom:0;height:8px}
#barra{display:block;height:100%;width:0;background:var(--acento-2);transition:width .35s ease}

/* ---------- tela em branco ---------- */
body.branco #tela{visibility:hidden}

/* ---------- notas de ensaio (tecla N) ---------- */
#notas{display:none;position:fixed;left:0;right:0;bottom:0;height:34vh;overflow:auto;background:#fff;border-top:3px solid var(--acento);padding:18px 28px;z-index:20;color:#16213A;font-family:var(--f-texto)}
body[data-notas="1"] #notas,body[data-notas="2"] #notas{display:block}
#notas h3,.ap-notas h3{margin:0 0 12px;font:700 20px/1.2 var(--f-texto)}
#notas h3 span,.ap-notas h3 span{font:500 14px var(--f-mono);color:#5E6878;border:1px solid #D5DBE6;border-radius:4px;padding:2px 6px;margin-right:6px}
.batidas{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;margin:0 0 14px;padding:0;font:600 18px/1.3 var(--f-texto);color:#1E3A5F}
.batidas li::after{content:"→";margin:0 12px;color:#9AA6BA;font-weight:400}
.batidas li:last-child::after{content:""}
.fala p{margin:0 0 10px;font:400 19px/1.5 Georgia,"Times New Roman",serif;max-width:80ch}
.fala p.dir{font-style:italic;color:#5E6878}
p.vazio{display:block;color:#5E6878;font-size:16px}

/* ---------- visão geral (tecla O) ---------- */
#grade{position:fixed;inset:0;z-index:30;background:rgba(240,243,248,.97);overflow:auto;padding:28px}
.grade-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.g-item{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:500 13px var(--f-mono);color:#5E6878}
.g-item .tela-mini{border:2px solid #D5DBE6;border-radius:6px}
.g-item.atual .tela-mini{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.tela-mini{position:relative;width:100%;overflow:hidden;background:var(--fundo)}
.tela-mini-in{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.tela-mini-in .slide{opacity:1;visibility:visible;transition:none}
.tela-mini-in *{transition:none!important}

/* ---------- modo apresentador (tecla P) ---------- */
body.apresentador #palco,body.apresentador #notas{display:none!important}
#apresentador{position:fixed;inset:0;display:flex;flex-direction:column;background:#F3F5F9;color:#16213A;font-family:var(--f-texto)}
.ap-top{display:flex;align-items:baseline;gap:28px;padding:14px 24px;border-bottom:1px solid #D5DBE6;background:#fff}
.ap-top b{font:700 44px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.ap-top span{font:500 17px/1 var(--f-texto);color:#5E6878}
#ap-ritmo{font-weight:700;padding:6px 12px;border-radius:999px;background:#EEF1F6}
#ap-ritmo.ok{background:#E3F3EA;color:#1F7A4D}
#ap-ritmo.atrasado{background:#F9E3E0;color:#B23A30}
#ap-ritmo.adiantado{background:#FBF0DA;color:#8A5A10}
#ap-relogio{margin-left:auto;font:600 22px var(--f-mono)!important}
.ap-corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:22px;padding:20px 24px}
.ap-slides{display:flex;flex-direction:column;gap:18px;min-height:0}
.ap-cx small{display:block;font:600 12px/1 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:#5E6878;margin-bottom:6px}
.ap-cx .tela-mini{border:1px solid #D5DBE6;border-radius:8px}
.ap-cx:nth-child(2){width:62%}
.ap-notas{overflow:auto;background:#fff;border:1px solid #D5DBE6;border-radius:10px;padding:22px 26px}
.ap-notas h3{font-size:24px}
.ap-notas .batidas{font-size:22px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px dashed #D5DBE6}
.ap-notas .fala p{font-size:25px;line-height:1.5}
.ap-pe{padding:8px 24px;font:500 13px var(--f-texto);color:#5E6878}
.fim{font:600 20px var(--f-texto);color:#5E6878}

/* ---------- ajuda e aviso ---------- */
#ajuda{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(240,243,248,.95);font-family:var(--f-texto);color:#16213A}
#ajuda div{background:#fff;border:1px solid #D5DBE6;border-radius:14px;padding:30px 38px;max-width:640px}
#ajuda h2{margin:0 0 16px;font:700 22px var(--f-texto)}
#ajuda dl{display:grid;grid-template-columns:max-content 1fr;gap:9px 22px;margin:0;font-size:16px}
#ajuda dt{font:600 14px var(--f-mono);color:#1E3A5F}
#ajuda dd{margin:0}
#aviso{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:50;background:#16213A;color:#fff;font:600 15px var(--f-texto);padding:10px 18px;border-radius:999px}

/* ---------- impressão em PDF: um slide por página ---------- */
@media print{
  @page{size:1920px 1080px;margin:0}
  html,body{overflow:visible;height:auto}
  #palco{height:auto;width:auto;overflow:visible}
  #tela{position:static;transform:none!important;height:auto;overflow:visible}
  #slides .slide{position:relative;opacity:1;visibility:visible;height:1080px;overflow:hidden;page-break-after:always;break-after:page}
  [data-passo]{opacity:1!important;transform:none!important}
  #chrome,#notas,#grade,#ajuda,#aviso{display:none!important}
}

/* ---------- ilustração em tela cheia (tipo ilustra): camadas que entram por clique ---------- */
.tipo-ilustra .c{padding:0}
.tipo-ilustra .arte{position:absolute;inset:0}
.tipo-ilustra .camada{position:absolute;inset:0;width:100%;height:100%;display:block}
.tipo-ilustra .camada[data-passo]{transform:none;transition:opacity .6s ease}
.entre-notas{border:0;border-top:1px dashed #D5DBE6;margin:18px 0}