:root{--papel:#fbf3e2;--papel2:#f3e3c3;--terra:#7a3e12;--ocre:#d99a2b;--ipe:#f2c230;--verde:#4f7a2a;--azul:#2f5d8a;--tinta:#3a2414;--fs:21px}
*{box-sizing:border-box}
html,body{margin:0;background:#e9d8b4;color:var(--tinta);font-family:Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--papel);box-shadow:0 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--terra);color:#fff8e6;font-family:system-ui,sans-serif}
header .t{flex:1;font-weight:700;font-size:16px;line-height:1.2}
header button{background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:10px;font-size:18px;font-weight:700;min-width:46px;height:42px;cursor:pointer}
.barra{height:8px;background:var(--papel2)}.barra i{display:block;height:100%;background:var(--ipe);transition:width .4s}
.cena{flex:1;display:flex;flex-direction:column}
.imagem{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:4px solid var(--ocre)}
.ph{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;
 background:radial-gradient(circle at 30% 25%,#fff7df 0,#f6dfa8 45%,#e6b866 100%);border-bottom:4px solid var(--ocre);color:var(--terra)}
.ph .ic{font-size:64px;line-height:1}.ph .leg{font-size:20px;font-style:italic;font-weight:700}.ph .obs{font-family:system-ui,sans-serif;font-size:14px;opacity:.75}
.corpo{padding:16px 18px 8px}
.num{font-family:system-ui,sans-serif;font-size:15px;font-weight:700;color:var(--verde);letter-spacing:.5px;text-transform:uppercase}
h1{font-size:calc(var(--fs) + 5px);margin:4px 0 12px;color:var(--terra);line-height:1.2}
.texto p{font-size:var(--fs);line-height:1.6;margin:0 0 14px}
.acoes{padding:6px 16px 22px;display:flex;flex-direction:column;gap:12px}
.pergunta{font-size:calc(var(--fs) + 1px);font-weight:700;text-align:center;margin:4px 0 2px;color:var(--terra)}
.btn{display:block;width:100%;min-height:68px;padding:14px 16px;border:none;border-radius:16px;font-family:system-ui,sans-serif;font-size:calc(var(--fs) - 1px);font-weight:800;line-height:1.25;color:#fff;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.25);text-align:left}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.btn .l{display:inline-block;background:rgba(255,255,255,.25);border-radius:8px;padding:2px 9px;margin-right:8px}
.a{background:var(--verde)}.b{background:var(--azul)}.seguir{background:var(--terra);text-align:center}
.sec{background:#fff;color:var(--terra);border:3px solid var(--terra);box-shadow:none;text-align:center;min-height:56px}
.capa h1{font-size:34px;text-align:center;margin-top:14px}.capa .sub{text-align:center;font-size:20px;margin:0 18px 6px}
.fim{text-align:center}.fim .resumo{background:#fff;border:2px dashed var(--ocre);border-radius:14px;padding:12px 14px;text-align:left;font-size:calc(var(--fs) - 2px);line-height:1.5}
.narr{position:sticky;top:0;z-index:5;background:var(--papel);padding:10px 0 8px;margin:0 0 6px;border-bottom:2px solid var(--papel2)}
.narr .ouvir{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;border:none;border-radius:16px;background:var(--ocre);color:#3a2414;font-family:system-ui,sans-serif;font-size:calc(var(--fs) + 1px);font-weight:800;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.22)}
.narr .ouvir:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.22)}
.narr .ouvir.tocando{background:var(--terra);color:#fff8e6}
.narr .ouvir .ic{font-size:1.15em;line-height:1}
.auto{display:flex;align-items:center;gap:10px;margin:4px 2px 14px;font-family:system-ui,sans-serif;font-size:calc(var(--fs) - 3px);color:var(--tinta);cursor:pointer;user-select:none}
.auto input{width:26px;height:26px;accent-color:var(--verde);margin:0;flex:none}
.narr .tbarra{height:6px;background:var(--papel2);border-radius:3px;margin-top:8px;overflow:hidden}.narr .tbarra i{display:block;height:100%;width:0;background:var(--verde)}
.texto .w{border-radius:5px;padding:0 1px}
.texto .w.on{background:#ffe066;box-shadow:0 0 0 2px #ffe066}
.texto .w.lida{color:#5b3d24}
footer{padding:12px;text-align:center;font-family:system-ui,sans-serif;font-size:14px;color:#8a6a4a}
.voltar{background:none;border:none;color:var(--terra);font-family:system-ui,sans-serif;font-size:17px;text-decoration:underline;padding:6px;cursor:pointer}
header a.casa{color:#fff8e6;text-decoration:none;font-size:22px;line-height:1;padding:4px 6px}
.chamada{background:#fff;border:3px solid var(--ipe);border-radius:16px;padding:14px;margin:14px 0 6px;text-align:center}
.chamada p{font-size:var(--fs);line-height:1.45;margin:0 0 12px;font-weight:700;color:var(--terra)}
a.btn{text-decoration:none;text-align:center}
.fb{background:#1877f2}.yt{background:#d62d20}.zap{background:#1f8f4e}.prox{background:var(--verde);text-align:center}
.comp{background:var(--ocre);color:#3a2414;text-align:center}
.lado{display:flex;gap:10px}.lado .btn{flex:1;min-height:58px;font-size:calc(var(--fs) - 3px)}
.leve{text-align:center;font-family:system-ui,sans-serif;font-size:calc(var(--fs) - 4px);margin:4px 0}
.leve a{color:var(--terra)}
.temporada{font-size:calc(var(--fs) + 2px)}
/* índice das partes */
.lista{padding:14px 16px 6px;display:flex;flex-direction:column;gap:16px}
.cartao{display:block;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.14);text-decoration:none;color:var(--tinta)}
.cartao img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cartao .info{padding:12px 14px 14px}
.cartao .np{font-family:system-ui,sans-serif;font-weight:800;color:var(--verde);text-transform:uppercase;font-size:15px;letter-spacing:.5px}
.cartao h2{margin:4px 0 6px;color:var(--terra);font-size:calc(var(--fs) + 3px);line-height:1.2}
.cartao .vai{display:block;margin-top:10px;background:var(--terra);color:#fff;border-radius:12px;text-align:center;padding:12px;font-family:system-ui,sans-serif;font-weight:800;font-size:calc(var(--fs) - 1px)}
.cartao .final{font-family:system-ui,sans-serif;font-size:15px;color:#9a5a10;font-weight:700}
/* partes ainda não liberadas (em breve) */
.cartao.breve img{filter:saturate(.55) brightness(.92)}
.cartao .quando{display:block;margin-top:10px;background:var(--papel2);color:var(--terra);border:2px dashed var(--ocre);border-radius:12px;text-align:center;padding:10px;font-family:system-ui,sans-serif;font-weight:800;font-size:calc(var(--fs) - 2px)}
.embreve{text-align:center}.embreve .data{display:inline-block;background:var(--ipe);color:var(--tinta);border-radius:14px;padding:10px 16px;margin:4px 0 12px;font-family:system-ui,sans-serif;font-weight:800;font-size:calc(var(--fs) + 1px);line-height:1.3}
.embreve .sub{font-size:var(--fs);line-height:1.5;margin:0 0 6px}
.selo{position:relative}.selo span{position:absolute;top:12px;left:12px;background:var(--terra);color:#fff8e6;border-radius:10px;padding:6px 12px;font-family:system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.5px;text-transform:uppercase}