:root{--papel:#F6F5F2;--branco:#FCFBF9;--nevoa:#E9E7E2;--linha:#D6D4CE;--tinta:#232323;--pedra:#5A5955;--ouro:#B88C35;--ouro2:#A87C2A;--gx:max(16px,5vw);--topo:56px;--saida:cubic-bezier(.16,1,.3,1);
  --sans:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo) + 16px)}
body{background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
::selection{background:#E8D7A8}
:focus-visible{outline:2px solid var(--ouro2);outline-offset:3px}
.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sem-js{padding:120px var(--gx)}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:20;height:var(--topo);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gx);background:rgba(246,245,242,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo-nome{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topo-nome i{font-style:normal;color:var(--pedra);margin:0 .2em}
.topo-nome b{font-weight:400;color:var(--pedra)}
.topo-d{font-size:13px;color:var(--pedra);white-space:nowrap}
@media (max-width:520px){.topo-nome b,.topo-nome i{display:none}}

/* títulos em escada */
.escada{font-weight:500;letter-spacing:-.055em;line-height:.92;display:block}
.escada>span{display:block}
.escada .e2{margin-left:.62em}
.ln{display:block;overflow:hidden;padding:.08em .08em .2em;margin:-.08em -.08em -.2em}
.ln>span{display:block;transform:translateY(118%);animation:sobe 1.05s var(--saida) forwards}
.ln.e2>span{animation-delay:.09s}
@keyframes sobe{to{transform:none}}
.surge{opacity:0;transform:translateY(16px);animation:surge .8s var(--saida) .15s forwards}
@keyframes surge{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ln>span,.surge{animation:none;transform:none;opacity:1}}

/* capa */
.capa{padding:calc(var(--topo) + clamp(40px,9vh,110px)) var(--gx) clamp(40px,7vh,80px);display:grid;gap:clamp(32px,5vw,64px);border-bottom:1px solid var(--linha)}
.capa h1{font-size:clamp(58px,11vw,168px)}
.capa-b{display:grid;gap:32px;max-width:1180px}
.capa-t{font-size:clamp(19px,1.7vw,23px);max-width:40ch;line-height:1.38}
.capa-t b{font-weight:600}
.passos{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.passos li{display:flex;gap:14px;align-items:flex-start;padding:18px 18px 20px;background:var(--branco);border:1px solid var(--linha);font-size:15px;color:var(--pedra)}
.passos .i{color:var(--ouro2);width:22px;height:22px;margin-top:1px}
.passos b{display:block;color:var(--tinta);font-weight:600;font-size:16px;margin-bottom:2px}

/* grupos */
.grupo{padding:clamp(48px,8vw,104px) var(--gx) 0}
.grupo-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:clamp(24px,3.5vw,44px)}
.grupo-faixa{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro2);margin-bottom:14px}
.grupo h2{font-size:clamp(40px,5.6vw,84px)}
.grupo-t{font-size:clamp(17px,1.4vw,19px);color:var(--pedra);max-width:38ch;padding-bottom:6px}
@media (max-width:760px){.grupo-cab{grid-template-columns:1fr}}
.ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,500px),1fr));gap:clamp(14px,1.6vw,22px)}

/* cartão */
.op{position:relative;background:var(--branco);border:1px solid var(--linha);display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}
.op.escolhida{border-color:var(--tinta);box-shadow:0 0 0 1px var(--tinta)}
.op-palco{display:grid;place-items:center;aspect-ratio:16/8.4;padding:7% 9%;cursor:zoom-in;width:100%}
.op-palco img{width:84%;max-height:100%;object-fit:contain;transition:transform .6s var(--saida)}
.op-palco:hover img{transform:scale(1.025)}
.op-selo{position:absolute;top:14px;left:14px;display:none;align-items:center;gap:6px;background:var(--tinta);color:var(--papel);font-size:12.5px;font-weight:600;padding:6px 10px 6px 8px}
.op.escolhida .op-selo{display:inline-flex}
.op-mini{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--linha)}
.op-mini>div{height:78px;display:flex;align-items:center;justify-content:center;gap:14px}
.op-mini img{height:40px;width:auto}
.op-mini .t-graf{background:var(--tinta)}
.op-mini .t-ouro{background:var(--ouro)}
.op-mini .t-peq img.p32{height:32px}
.op-mini .t-peq img.p16{height:16px}
.op-info{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:20px 22px 6px;border-top:1px solid var(--linha)}
.op-n{grid-row:span 2;font-size:15px;font-weight:600;color:var(--ouro2);padding-top:5px;font-variant-numeric:tabular-nums}
.op-info h3{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.op-info p{font-size:15.5px;color:var(--pedra)}
.op-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 22px 20px}
.op-acoes .bt-ver{margin-right:auto}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--tinta);font-size:15px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.bt:hover{background:var(--nevoa)}
.bt-cheio{background:var(--tinta);color:var(--papel)}
.bt-cheio:hover{background:#000}
.bt-escolher[aria-pressed=true]{background:var(--tinta);color:var(--papel)}
.bt-gostei{border-color:var(--linha)}
.bt-gostei[aria-pressed=true]{border-color:var(--ouro2);color:var(--ouro2);background:#F3EBDA}
.bt-gostei[aria-pressed=true] .i{fill:currentColor}
.bt-ver{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;border-bottom:1px solid transparent}
.bt-ver:hover{border-color:currentColor}
.bt-ic{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--linha);flex:none}
.bt-ic:hover{background:var(--nevoa)}
.bt-ic .i{width:20px;height:20px}

.rodape{padding:clamp(56px,8vw,96px) var(--gx) 140px;font-size:13px;color:var(--pedra)}

/* barra de envio */
.barra-envio{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;width:min(720px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 14px;background:var(--tinta);color:var(--papel);box-shadow:0 14px 40px rgba(0,0,0,.22);animation:surge .5s var(--saida)}
.barra-d{display:flex;align-items:center;gap:12px;min-width:0}
.barra-mini{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#353533}
.barra-mini img{height:26px;width:auto}
.barra-t{font-size:14.5px;line-height:1.3;min-width:0}
.barra-t b{font-weight:600}
.barra-t small{display:block;font-size:12.5px;color:#BDBBB5;white-space:nowrap}
.barra-t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-envio .bt-cheio{background:var(--papel);color:var(--tinta);border-color:var(--papel)}
.barra-envio .bt-cheio:hover{background:#fff}
.barra-envio .bt-cheio:disabled{opacity:.45;cursor:default}
@media (max-width:520px){.barra-envio .bt{padding:0 14px}.barra-mini{display:none}}

/* janelas */
dialog{border:0;padding:0;color:var(--tinta);background:var(--papel);max-width:none;max-height:none}
dialog::backdrop{background:rgba(20,20,19,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.det[open]{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 32px));height:min(940px,calc(100dvh - 32px));margin:auto}
@media (max-width:640px){.det[open]{width:100vw;height:100dvh}}
.det-topo{display:flex;align-items:center;gap:14px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--linha);background:var(--papel)}
.det-n{font-size:15px;font-weight:600;color:var(--ouro2)}
.det-topo h2{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-right:auto}
.det-corpo{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px;display:grid;gap:18px;align-content:start}
.det-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--linha);background:var(--papel)}
.det-acoes{display:flex;gap:8px}
.d-heroi{display:grid;place-items:center;background:var(--branco);border:1px solid var(--linha);padding:clamp(28px,6vw,72px)}
.d-heroi img{width:min(640px,88%);height:auto}
.d-texto{font-size:17px;max-width:62ch;color:var(--pedra)}
.d-texto b{color:var(--tinta);font-weight:600}
.d-rot{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pedra);margin:8px 0 -6px}
.d-fundos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.d-fundos figure{display:grid;place-items:center;aspect-ratio:16/9;padding:12%;position:relative}
.d-fundos img{width:100%;max-height:100%;object-fit:contain}
.d-fundos figcaption,.d-vert figcaption{position:absolute;left:12px;bottom:9px;font-size:12px;opacity:.75}
.f-papel{background:var(--branco);border:1px solid var(--linha)}
.f-graf{background:var(--tinta);color:#ddd}
.f-ouro{background:var(--ouro);color:#fff}
.f-escuro{background:#141413;color:#ddd}
.d-vert{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.d-vert figure{display:grid;place-items:center;padding:clamp(36px,5vw,60px) 12%;position:relative}
.d-vert img{width:min(300px,100%);height:auto}
.d-peq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.d-peq>div{background:var(--branco);border:1px solid var(--linha);padding:22px;display:flex;align-items:flex-end;gap:22px;min-height:150px;position:relative}
.d-peq .tam{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;color:var(--pedra)}
.d-peq .rot{position:absolute;top:12px;left:14px;font-size:12px;color:var(--pedra)}
.perfil{width:96px;height:96px;border-radius:50%;background:var(--tinta);display:grid;place-items:center;flex:none}
.perfil img{width:52%;height:auto}
.perfil.p2{width:56px;height:56px;background:var(--ouro)}
.aba{display:flex;align-items:center;gap:8px;background:var(--nevoa);border-radius:10px 10px 0 0;padding:9px 14px;font-size:13px;width:100%;max-width:240px}
.aba img{width:16px;height:16px;object-fit:contain}
.aba span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* envio */
.env[open]{width:min(560px,calc(100vw - 32px));margin:auto;max-height:calc(100dvh - 32px);overflow:auto}
.env-corpo{padding:22px;display:grid;gap:18px}
.env-resumo{display:flex;align-items:center;gap:16px;padding:16px;background:var(--branco);border:1px solid var(--linha)}
.env-resumo img{height:44px;width:auto;flex:none}
.env-resumo p{font-size:15px;color:var(--pedra)}
.env-resumo b{display:block;font-size:17px;color:var(--tinta);font-weight:600}
.campo{display:grid;gap:7px;font-size:14px;font-weight:500}
.campo i{font-style:normal;font-weight:400;color:var(--pedra)}
.campo input,.campo textarea{width:100%;border:1px solid var(--linha);background:var(--branco);padding:12px 14px;font-size:16px;font-weight:400;border-radius:0;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--ouro2);outline-offset:-1px;border-color:transparent}
.env-erro{font-size:14px;color:#8E2B1F}
.env-pe{padding:0 22px 22px;display:flex;justify-content:flex-end}
.env-feito{padding:44px 28px 32px;display:grid;gap:14px;justify-items:start}
.env-feito-i{width:38px;height:38px;color:var(--ouro2)}
.env-feito h2{font-size:28px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.env-feito p{color:var(--pedra);margin-bottom:8px}
@media (max-width:560px){
  .op-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .op-acoes .bt-ver{grid-column:1/-1;justify-self:start}
  .op-info{padding:18px 18px 4px}.op-acoes{padding:10px 18px 18px}
}