@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond-latin-400-normal.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(fonts/jost-latin-300-normal.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:Jost;src:url(fonts/jost-latin-400-normal.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(fonts/jost-latin-500-normal.woff) format("woff");font-weight:500;font-display:swap}
:root{--noite:#0e1410;--creme:#f3efe6;--papel:#faf7f1;--tinta:#1b231d;--cinza:#596259;--latao:#d8bf8c;--bronze:#7d6535;--linha:#d6d0c2;--erro:#9a3b2f;--serifa:"EB Garamond",Georgia,serif;--sem:Jost,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--creme);color:var(--tinta);font:300 17px/1.55 var(--sem)}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid #b89a63;outline-offset:2px}
.app{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)}
.principal{min-width:0;display:flex;flex-direction:column;padding:26px clamp(20px,6vw,88px) 40px}
.cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.marca{display:block;line-height:0;text-decoration:none}
.marca svg{display:block;height:19px;width:auto}.marca .cruz{stroke:#7a6232}
.cab-tempo{font-size:14px;color:var(--cinza)}
.etapas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:760px;width:100%;margin:0 auto}
.etapa b{display:block;height:3px;background:var(--linha);overflow:hidden;margin-bottom:9px}
.etapa b i{display:block;height:100%;width:0;background:var(--bronze);transition:width .35s ease}
.etapa span{font:400 12px var(--sem);letter-spacing:.13em;text-transform:uppercase;color:#8a8f86}
.etapa.on span{color:var(--tinta);font-weight:500}
.tela{flex:1;width:100%;max-width:760px;margin:0 auto;padding:clamp(30px,6vh,70px) 0 24px;outline:0}
.entra{animation:entra .32s ease both}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.retorno{display:inline-block;background:#e8e0ce;color:#4d4227;font-size:14.5px;line-height:1.35;padding:7px 12px;margin-bottom:18px}
.pergunta{font:400 clamp(33px,4.4vw,52px)/1.08 var(--serifa);margin:0 0 12px;outline:0;text-wrap:balance}
.apoio{color:var(--cinza);margin:0 0 26px;max-width:36em}
.opcoes{display:grid;gap:11px}
.opcao{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;width:100%;min-height:66px;padding:15px 18px;text-align:left;background:var(--papel);border:1px solid #c9c2b1;border-radius:12px;cursor:pointer;box-shadow:0 1px 0 #fff inset,0 2px 7px rgba(44,38,22,.05);transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.opcao:hover{border-color:var(--bronze);box-shadow:0 5px 16px rgba(44,38,22,.1);transform:translateY(-1px)}
.opcao.sel{background:var(--noite);border-color:var(--noite);color:var(--creme)}
.opcao strong{display:block;font-weight:400;font-size:18px;line-height:1.3}
.opcao small{display:block;font-size:14.5px;line-height:1.35;color:var(--cinza);margin-top:2px}
.opcao.sel small{color:#cfd3cb}
.tecla{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--linha);border-radius:6px;font-size:13px;color:#7f8179}
.opcao.sel .tecla{border-color:#59645c;color:var(--latao)}
.acoes{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}
.voltar{background:0;border:0;padding:12px 4px;cursor:pointer;color:var(--cinza);font-size:15px}
.voltar:hover{color:var(--tinta)}
.avancar{background:var(--noite);color:var(--creme);border:0;border-radius:10px;padding:17px 30px;font-weight:500;cursor:pointer;min-width:190px}
.avancar:hover{background:#26362b}
.avancar[disabled]{opacity:.42;cursor:not-allowed}
.intro-lista{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.intro-lista li{display:grid;grid-template-columns:30px 1fr;align-items:start}
.intro-lista b{font:400 23px/1.1 var(--serifa);color:var(--bronze)}
.garantias{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none;color:var(--cinza);font-size:14.5px}
.garantias li::before{content:"✓ ";color:var(--bronze)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid #c9c2b1;background:var(--papel);border-radius:99px;padding:12px 17px;cursor:pointer;line-height:1.25;transition:.15s}
.chip:hover{border-color:var(--bronze)}
.chip.sel{background:var(--noite);border-color:var(--noite);color:var(--creme)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.campo{min-width:0}
.campo.cheio{grid-column:1/-1}
.campo label{display:block;font-size:15px;margin-bottom:6px;font-weight:400}
.campo label small{color:var(--cinza);font-size:13.5px}
.campo input,.campo textarea{width:100%;background:var(--papel);border:1px solid #c0b9a8;border-radius:10px;padding:14px;min-height:52px;font-weight:300;font-size:17px}
.campo textarea{resize:vertical;margin-top:18px}
.campo.invalido input{border-color:var(--erro)}
.aceite{grid-column:1/-1;display:grid;grid-template-columns:24px 1fr;gap:9px;font-size:14.5px;line-height:1.4;color:var(--cinza)}
.aceite input{width:20px;height:20px;margin:0;accent-color:var(--noite)}
.aceite.invalido{color:var(--erro)}
.armadilha{position:absolute;left:-10000px}
.erro{color:var(--erro);margin:14px 0 0}
.resultado-topo{font:500 13px var(--sem);letter-spacing:.17em;text-transform:uppercase;color:var(--bronze);margin:0 0 12px}
.res-mapa{display:grid;gap:10px;margin:28px 0;padding:22px;background:var(--noite);color:var(--creme);border-radius:14px}
.res-linha{display:grid;grid-template-columns:30px 1fr 92px;gap:10px;align-items:center;font-size:14.5px}
.res-linha>b{font:400 25px/1 var(--serifa);color:var(--latao)}
.res-barra{height:6px;background:#2d3a31;border-radius:9px;overflow:hidden}
.res-barra i{display:block;height:100%;background:var(--latao);border-radius:9px;transition:width .8s ease}
.res-linha.foco .res-barra i{background:#fff}
.res-linha span{text-align:right;color:#c9cec6}
.movimentos{list-style:none;counter-reset:m;padding:0;margin:0 0 26px}
.movimentos li{counter-increment:m;display:grid;grid-template-columns:34px 1fr;padding:14px 0;border-top:1px solid var(--linha)}
.movimentos li::before{content:counter(m);font:400 24px/1.1 var(--serifa);color:var(--bronze)}
.cta-res{display:block;background:var(--noite);color:var(--creme);padding:19px 22px;border-radius:10px;text-align:center;text-decoration:none;font-weight:500}
.cta-res:hover{background:#26362b}
.nota-res{font-size:14px;color:var(--cinza);margin:14px 0 0}
.painel{position:sticky;top:0;height:100vh;height:100svh;background:var(--noite);color:var(--creme);overflow:hidden;display:flex;align-items:flex-end}
.palco{position:absolute;inset:0}
.palco-midia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .7s ease,transform 6s ease}
.palco-midia.on{opacity:.78;transform:none}
.painel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,16,.05) 0,rgba(14,20,16,.25) 35%,rgba(14,20,16,.94) 72%)}
.legenda{font:400 13px var(--sem);letter-spacing:.06em;color:#e7e3d9;margin:0 0 26px;min-height:18px}
.legenda::before{content:"";display:inline-block;width:22px;height:1px;background:var(--latao);vertical-align:middle;margin-right:10px}
.midia-topo{display:none}
.midia-pausa,.midia-resultado{position:relative;margin:0 0 26px;border-radius:14px;overflow:hidden;background:#d9d2c1;aspect-ratio:16/10;max-height:42vh;width:100%}
.midia-resultado{aspect-ratio:21/9}
.midia-pausa video,.midia-pausa img,.midia-resultado video,.midia-topo video,.midia-topo img{width:100%;height:100%;object-fit:cover;display:block}
.midia-pausa figcaption,.midia-resultado figcaption,.midia-topo figcaption{position:absolute;inset:auto 0 0;padding:28px 14px 10px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.painel-conteudo{position:relative;z-index:1;width:100%;padding:clamp(28px,4vw,52px)}
.painel-rotulo{font:500 13px var(--sem);letter-spacing:.18em;text-transform:uppercase;color:var(--latao);margin:0 0 20px}
.mapa{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.m-col{text-align:center}
.m-tubo{height:clamp(120px,22vh,190px);background:rgba(255,255,255,.1);display:flex;align-items:flex-end;border-radius:8px;overflow:hidden;margin-bottom:10px}
.m-tubo i{display:block;width:100%;height:0;background:var(--latao);transition:height .55s cubic-bezier(.2,.8,.2,1)}
.m-col b{font:400 28px/1 var(--serifa)}
.painel-status{font-size:15px;line-height:1.4;color:#d7dad3;margin:0 0 24px;min-height:42px}
.painel-prova{font:400 clamp(21px,2vw,26px)/1.25 var(--serifa);margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.painel-prova small{display:block;font:300 13.5px var(--sem);color:#c9cec6;margin-top:7px}
@media (max-width:900px){
  .app{display:block}
  .principal{min-height:100vh;min-height:100svh;padding:20px 20px 112px}
  .cab{margin-bottom:18px}
  .tela{padding-top:30px}
  .pergunta{font-size:clamp(31px,8.6vw,40px)}
  .tecla{display:none}
  .opcao{grid-template-columns:1fr;min-height:62px}
  .campos{grid-template-columns:1fr}
  .etapa span{font-size:10.5px;letter-spacing:.09em}
  .painel{position:fixed;inset:auto 0 0;height:auto;z-index:5;display:block}
  .palco,.legenda,.painel-prova,.painel-rotulo{display:none}
  .midia-topo{display:block;position:relative;margin:0 0 20px;height:150px;border-radius:12px;overflow:hidden;background:#d9d2c1}
  .midia-pausa{aspect-ratio:auto;height:36vh;height:36svh;max-height:none;padding-top:0}
  .midia-resultado{aspect-ratio:16/10}
  .painel::after{display:none}
  .painel-conteudo{display:grid;grid-template-columns:minmax(138px,auto) 1fr;align-items:center;gap:15px;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
  .mapa{gap:5px;margin:0}
  .m-tubo{height:30px;width:29px;margin:0 auto 3px;border-radius:5px}
  .m-col b{font-size:14px;display:block}
  .painel-status{margin:0;min-height:0;font-size:13.5px;line-height:1.3}
  .pronto .painel{display:none}
  .pronto .principal{padding-bottom:36px}
}
@media (prefers-reduced-motion:reduce){.palco-midia{transition:none}.entra{animation:none}.etapa b i,.m-tubo i,.res-barra i,.opcao,.chip{transition:none}}

.eixo-w{white-space:nowrap}.eixo-w .simb{display:inline-block;width:.74em;height:.74em;margin-left:.04em;vertical-align:-.02em}.eixo-w .simb .cruz{stroke:#d6bb83}
.midia-pausa img,.midia-topo img,.palco-midia{object-position:center 22%}
.simb,.marca svg{overflow:visible}
@supports not (aspect-ratio:1/1){.midia-pausa{height:0;padding-top:62.5%;max-height:none}.midia-resultado{height:0;padding-top:42.8%}.midia-pausa>*,.midia-resultado>*{position:absolute;top:0;left:0}}
@media (max-width:640px){@supports not (height:1svh){.midia-pausa{height:36vh;padding-top:0}}}
.res-ps{margin:-6px 0 22px;padding:12px 16px;border-left:2px solid #d6bb83;background:rgba(214,187,131,.1);border-radius:0 10px 10px 0;font-size:15px}.res-ps strong{font-weight:500}