:root{--pp-fundo:#E7E5DF;--pp-painel:#F4F3EF;--pp-texto:#24272B;--pp-texto-2:#5A5F66;--pp-linha:#D6D3CB;--pp-cobre:#925532;--pp-cobre-claro:#C98A5E;--pp-palco:#2B3338;--pp-ease:cubic-bezier(.23,1,.32,1);--pp-sans:"Schibsted Grotesk",system-ui,sans-serif;--pp-titulo:"Brygada 1918",Georgia,serif;--pp-peso-titulo:500;--pp-raio:12px;--pp-raio-botao:999px;--pp-ativo:#fff;--pp-fim:#F3E9E1;}*{box-sizing:border-box;}html,body{margin:0;height:100%;}body.pp{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100vh;min-height:560px;background:var(--pp-fundo);color:var(--pp-texto);font:15px/1.5 var(--pp-sans);-webkit-font-smoothing:antialiased;}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;}.pp-palco{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--pp-palco) url("../img/grao-escuro.png");padding:24px;}.pp-escala{position:absolute;left:50%;top:50%;width:calc(var(--w) * var(--s,1) * 1px);height:calc(var(--h) * var(--s,1) * 1px);transform:translate(-50%,-50%);}.pp-aparelho{position:absolute;left:0;top:0;width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);transform:scale(var(--s,1));transform-origin:0 0;}.pp-celular{--w:426;--h:898;background:#111214;border-radius:62px;padding:12px;box-shadow:0 0 0 1.5px #3a3d42,0 30px 60px -20px rgba(0,0,0,.55);}.pp-celular .pp-tela{width:var(--tw,402px);height:var(--th,874px);border-radius:50px;}.pp-celular::after{content:"";position:absolute;left:50%;top:23px;width:118px;height:34px;margin-left:-59px;border-radius:20px;background:#0b0b0c;z-index:5;pointer-events:none;}.pp-relogio{--w:244;--h:285;background:#151618;border-radius:58px;padding:23px;box-shadow:0 0 0 1.5px #3a3d42,0 24px 50px -18px rgba(0,0,0,.6);}.pp-relogio .pp-tela{width:198px;height:239px;border-radius:36px;}.pp-relogio::before{content:"";position:absolute;right:-7px;top:78px;width:9px;height:46px;border-radius:4px;background:#2b2d31;}.pp-tela{position:relative;overflow:hidden;background:#000;isolation:isolate;}.pp-tela > .tela{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;}.tela.entra{animation:pp-entra .34s var(--pp-ease) both;}.tela.sai{animation:pp-sai .34s var(--pp-ease) both;pointer-events:none;}.tela.entra.volta{animation-name:pp-entra-volta;}.tela.sai.volta{animation-name:pp-sai-volta;}.tela.entra.suave{animation:pp-surge .3s var(--pp-ease) both;}.tela.sai.suave{animation:pp-some .3s var(--pp-ease) both;}@keyframes pp-entra{from{transform:translateX(100%);}to{transform:none;}}@keyframes pp-sai{from{transform:none;}to{transform:translateX(-28%);opacity:.4;}}@keyframes pp-entra-volta{from{transform:translateX(-28%);opacity:.4;}to{transform:none;opacity:1;}}@keyframes pp-sai-volta{from{transform:none;}to{transform:translateX(100%);}}@keyframes pp-surge{from{opacity:0;}to{opacity:1;}}@keyframes pp-some{from{opacity:1;}to{opacity:0;}}.tela.sai.volta{z-index:2;}.pp-dicas .tela [data-ir],.pp-dicas .tela [data-acao],.pp-dicas .tela [data-voltar],
.pp-pisca .tela:not(.sai) [data-ir],.pp-pisca .tela:not(.sai) [data-acao],.pp-pisca .tela:not(.sai) [data-voltar]{outline:2px solid var(--pp-cobre-claro);outline-offset:2px;box-shadow:0 0 0 999px rgba(201,138,94,0) inset;}.pp-pisca .tela:not(.sai) [data-ir],.pp-pisca .tela:not(.sai) [data-acao],.pp-pisca .tela:not(.sai) [data-voltar]{animation:pp-pisca 1.1s var(--pp-ease);}@keyframes pp-pisca{0%,100%{outline-color:rgba(201,138,94,0);}20%,60%{outline-color:var(--pp-cobre-claro);}}.tela [data-ir],.tela [data-acao],.tela [data-voltar],.tela [data-fora]{cursor:pointer;}:where(.tela) p{margin:0;}:where(.tela) button{border:0;background:none;padding:0;text-align:inherit;color:inherit;font:inherit;}.tela :focus-visible{outline:2px solid var(--pp-cobre-claro);outline-offset:2px;}.pp-aviso{position:absolute;left:16px;right:16px;bottom:30px;z-index:20;padding:12px 16px;border-radius:12px;background:rgba(20,22,24,.92);color:#F1F2F4;font:500 14px/1.35 var(--pp-sans);text-align:center;transform:translateY(16px);opacity:0;transition:transform .3s var(--pp-ease),opacity .3s var(--pp-ease);pointer-events:none;}.pp-aviso.ver{transform:none;opacity:1;}.pp-relogio .pp-aviso{left:8px;right:8px;bottom:12px;font-size:11px;padding:8px;}.pp-painel{background:var(--pp-painel);border-left:1px solid var(--pp-linha);padding:26px 24px 22px;overflow:auto;display:flex;flex-direction:column;gap:18px;}.pp-voltar{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border:1px solid var(--pp-linha);border-radius:var(--pp-raio-botao);font-weight:600;font-size:14px;color:var(--pp-texto);text-decoration:none;transition:background-color .2s,transform .16s var(--pp-ease);}.pp-voltar::before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:4px;}.pp-voltar:hover{background:#fff;}.pp-voltar:active{transform:scale(.97);}.pp-voltar:focus-visible{outline:2px solid var(--pp-cobre);outline-offset:2px;}.pp-sobre{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-cobre);}.pp-painel h1{margin:2px 0 0;font:var(--pp-peso-titulo) 26px/1.15 var(--pp-titulo);letter-spacing:-.01em;}.pp-fluxos{list-style:none;margin:0;padding:0;display:grid;gap:8px;}.pp-fluxo{border:1px solid var(--pp-linha);border-radius:var(--pp-raio);background:#FBFAF7;transition:border-color .2s,background-color .2s;}.pp-fluxo[data-ativo]{border-color:var(--pp-cobre-claro);background:var(--pp-ativo);}.pp-fluxo > button{display:grid;grid-template-columns:28px 1fr auto;gap:4px 10px;align-items:baseline;width:100%;border:0;background:none;padding:12px 14px;text-align:left;cursor:pointer;border-radius:var(--pp-raio);}.pp-fluxo > button:focus-visible{outline:2px solid var(--pp-cobre);outline-offset:2px;}.pp-fluxo i{font-style:normal;font-size:13px;font-weight:600;color:var(--pp-cobre);font-variant-numeric:tabular-nums;}.pp-fluxo b{font-weight:600;font-size:15px;line-height:1.3;}.pp-fluxo small{grid-column:2;font-size:13px;color:var(--pp-texto-2);line-height:1.35;}.pp-fluxo .pp-feito{grid-row:1;grid-column:3;font-size:13px;font-weight:600;color:var(--pp-cobre);opacity:0;transition:opacity .2s;}.pp-fluxo[data-concluido] .pp-feito{opacity:1;}.pp-passos{list-style:none;margin:0;padding:0 14px 14px 52px;display:none;gap:7px;counter-reset:p;}.pp-fluxo[data-ativo] .pp-passos{display:grid;}.pp-passos li{position:relative;font-size:13.5px;line-height:1.35;color:var(--pp-texto-2);padding-left:2px;}.pp-passos li::before{content:"";position:absolute;left:-24px;top:2px;width:14px;height:14px;border-radius:50%;border:1.5px solid #B9B4A8;background:#fff;transition:background-color .2s,border-color .2s;}.pp-passos li[data-atual]{color:var(--pp-texto);font-weight:600;}.pp-passos li[data-atual]::before{border-color:var(--pp-cobre);}.pp-passos li[data-ok]{color:var(--pp-texto);}.pp-passos li[data-ok]::before{background:var(--pp-cobre) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%;border-color:var(--pp-cobre);}.pp-fim{display:none;margin:0 14px 14px;padding:10px 12px;border-radius:var(--pp-raio);background:var(--pp-fim);font-size:13.5px;line-height:1.4;}.pp-fluxo[data-ativo][data-concluido] .pp-fim{display:block;}.pp-fim button{margin-top:6px;border:0;background:none;padding:0;font-weight:600;color:var(--pp-cobre);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}.pp-acoes{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;}.pp-recomecar{min-height:44px;border:1px solid var(--pp-texto);border-radius:var(--pp-raio-botao);background:none;padding:8px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .16s var(--pp-ease),background-color .2s;}.pp-recomecar:hover{background:#fff;}.pp-recomecar:active{transform:scale(.97);}.pp-mostrar{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px;cursor:pointer;}.pp-mostrar input{accent-color:var(--pp-cobre);width:20px;height:20px;margin:0;}.pp-nota{margin:auto 0 0;font-size:13.5px;line-height:1.45;color:var(--pp-texto-2);border-top:1px solid var(--pp-linha);padding-top:14px;}.pp-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}@media (max-width:760px){body.pp{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;}.pp-painel{order:-1;border-left:0;border-bottom:1px solid var(--pp-linha);padding:14px 14px 12px;gap:10px;overflow:visible;}.pp-painel h1,.pp-nota,.pp-fluxo small{display:none;}.pp-fluxos{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px;}.pp-fluxo{flex:none;}.pp-fluxo > button{min-height:44px;padding:8px 14px;grid-template-columns:auto auto;gap:6px;align-items:center;}.pp-fluxo .pp-feito{display:none;}.pp-fluxo b{font-size:14px;white-space:nowrap;}.pp-fluxo .pp-passos,.pp-fluxo .pp-fim{display:none!important;}.pp-passos-movel{display:grid!important;gap:3px;margin:0;padding:10px 14px 12px;border:1px solid var(--pp-cobre-claro);border-left-width:4px;border-radius:var(--pp-raio);background:color-mix(in srgb,var(--pp-cobre-claro) 9%,#fff);}.pp-tarefa__rotulo{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-cobre);}.pp-tarefa__texto{font-size:16px;font-weight:600;line-height:1.35;color:var(--pp-texto);text-wrap:pretty;}.pp-tarefa__pontos{display:flex;gap:4px;margin-top:6px;}.pp-tarefa__pontos i{flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,var(--pp-texto) 14%,transparent);}.pp-tarefa__pontos i[data-ok]{background:var(--pp-cobre);}.pp-tarefa__pontos i[data-atual]{background:color-mix(in srgb,var(--pp-cobre-claro) 55%,transparent);}.pp-tarefa__prox{justify-self:start;margin-top:8px;min-height:44px;padding:0 16px;border:0;border-radius:var(--pp-raio-botao);background:var(--pp-cobre);color:#fff;font-weight:700;font-size:14px;cursor:pointer;touch-action:manipulation;}.pp-tarefa__prox:focus-visible{outline:2px solid var(--pp-cobre);outline-offset:2px;}.pp-recomecar{min-height:44px;}.pp-palco{padding:12px;}}@media (min-width:761px){.pp-passos-movel{display:none;}}@media (prefers-reduced-motion:reduce){.tela.entra,.tela.sai{animation-duration:.01s!important;}.pp-pisca .tela [data-ir]{animation:none;}}