/* =====================================================================
   MiniLand's 3D: loja
   Taverna de pedra, placa de madeira com dragões, pergaminho e runas.
   Assinatura: o cabeçalho de taverna. Esmeralda só em runas, botão
   principal e "pronta entrega".
   ===================================================================== */

:root{
  color-scheme:dark;
  --fundo:#0F0C0A;
  --fundo-2:#15110E;
  --madeira:#211811;
  --madeira-2:#2B2018;
  --madeira-3:#3A2A1E;
  --borda:rgba(201,164,92,.2);
  --borda-media:rgba(201,164,92,.34);
  --borda-forte:rgba(201,164,92,.58);
  --ouro:#C9A45C;
  --ouro-claro:#E6CA8A;
  --ouro-escuro:#8A6A33;
  --esmeralda:#43D18E;
  --esmeralda-clara:#76EBB2;
  --esmeralda-brilho:rgba(92,242,168,.5);
  --tinta-verde:#06140D;
  --pergaminho:#EBDDC2;
  --pergaminho-2:#D8C19A;
  --tinta:#3A2616;
  --tinta-2:#5E4329;
  --texto:#F0E4CE;
  --texto-2:#C2B29A;
  --texto-3:#95856F;
  --ambar:#E3B458;
  --perigo:#E7866F;
  --arcano:#A57BE6;
  --sombra-texto:0 1px 2px rgba(8,6,4,.95),0 3px 12px rgba(8,6,4,.75),0 10px 40px rgba(8,6,4,.75);

  --f-titulo:"Grenze","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --f-rotulo:"Cinzel","Trajan Pro","Palatino Linotype",Georgia,serif;
  --f-corpo:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --ease-out:cubic-bezier(.22,.8,.24,1);
  --ease-inout:cubic-bezier(.65,.05,.36,1);

  --gutter:clamp(16px,4vw,48px);
  --largura:1240px;
  --barra-h:60px;
}

/* ---------------------------------------------------------------------
   Base
   --------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--barra-h) + 16px)}
body{
  margin:0;overflow-x:hidden;overflow-x:clip;min-height:100vh;
  background:var(--fundo);color:var(--texto);
  font-family:var(--f-corpo);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .85 0 0 0 0 .7 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-titulo);font-weight:600;margin:0;line-height:1.08;text-wrap:balance;letter-spacing:.002em}
p{margin:0}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--esmeralda);outline-offset:3px;border-radius:4px}
::selection{background:var(--esmeralda);color:var(--tinta-verde)}
[hidden]{display:none!important}

.ic{width:1.25em;height:1.25em;flex:none}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nw{white-space:nowrap}
.pular{position:fixed;left:var(--gutter);top:-90px;z-index:200;background:var(--esmeralda);color:var(--tinta-verde);padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none;transition:top .3s var(--ease-out)}
.pular:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.envelope{width:min(100%,var(--largura));margin-inline:auto;padding-inline:var(--gutter)}
main{display:block;outline:none}

/* Rótulo de seção: letras romanas em ouro com losango */
.etiqueta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-rotulo);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);
}
.etiqueta::before{content:"";width:7px;height:7px;flex:none;transform:rotate(45deg);border:1.5px solid currentColor}
.etiqueta--clara{color:var(--ouro-claro)}

.cabeca{display:grid;gap:14px;max-width:720px}
.cabeca h2{font-size:clamp(2rem,1.35rem + 2.2vw,3.2rem)}
.cabeca p{color:var(--texto-2);font-size:1.1rem;max-width:58ch}
.cabeca--linha{max-width:none;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 32px}
.cabeca__texto{display:grid;gap:14px;max-width:700px}
.cabeca--centro{margin-inline:auto;text-align:center;justify-items:center}

.secao{position:relative;padding-block:clamp(52px,6.5vw,92px)}

/* Botões */
.botao{
  --b-sombra:0 8px 22px -12px rgba(0,0,0,.9);
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  min-height:48px;padding:.72em 1.35em;border-radius:9px;border:1px solid transparent;
  font:700 1rem/1.1 var(--f-corpo);letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;
  box-shadow:var(--b-sombra);
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),filter .3s var(--ease-out),background-color .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out);
}
.botao .ic{width:20px;height:20px}
.botao:active{transform:translateY(1px)}
.botao--gema{
  color:var(--tinta-verde);
  background:linear-gradient(180deg,#8DF2C0 0%,#4FD897 38%,#2DB673 70%,#1F9A5E 100%);
  border-color:#156B43;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.2),0 0 0 1px rgba(201,164,92,.6),0 0 0 3px rgba(15,12,10,.9),0 10px 26px -12px rgba(67,209,142,.8);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.botao--gema:hover{transform:translateY(-2px);filter:brightness(1.06) saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.2),0 0 0 1px rgba(230,202,138,.9),0 0 0 3px rgba(15,12,10,.9),0 0 30px -2px var(--esmeralda-brilho)}
.botao--madeira{
  color:var(--pergaminho);
  background:#3A281B url(../img/ui/barra-meio.webp) 0 50%/auto 100% repeat-x;
  border-color:rgba(201,164,92,.5);
  text-shadow:0 1px 2px rgba(0,0,0,.9);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 0 0 3px rgba(15,12,10,.75),var(--b-sombra);
}
.botao--madeira:hover{transform:translateY(-2px);border-color:var(--ouro-claro);color:#fff5e1}
.botao--contorno{color:var(--texto);background:rgba(15,12,10,.4);border-color:var(--borda-forte);box-shadow:none}
.botao--contorno:hover{border-color:var(--ouro-claro);background:rgba(201,164,92,.08)}
.botao--bloco{width:100%}
.botao--p{min-height:40px;padding:.55em 1em;font-size:.92rem}
.botao[disabled],.botao[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.4)}

.link-seta{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ouro-claro);font-weight:700;text-decoration:none}
.link-seta .ic{width:18px;height:18px;transition:transform .35s var(--ease-out)}
.link-seta:hover{color:var(--texto)}
.link-seta:hover .ic{transform:translateX(4px)}

/* Medalhão de latão (menu e bolsa) */
.medalhao{
  position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  color:var(--ouro-claro);text-decoration:none;cursor:pointer;border:0;padding:0;
  background:radial-gradient(circle at 50% 30%,#56402b,#241911 72%);
  box-shadow:0 0 0 2px #9A7A3F,0 0 0 4px #1a120c,0 0 0 5px rgba(201,164,92,.4),0 8px 16px rgba(0,0,0,.7);
  transition:color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out);
}
.medalhao .ic{width:24px;height:24px}
.medalhao:hover{color:#fff3d6;box-shadow:0 0 0 2px var(--ouro-claro),0 0 0 4px #1a120c,0 0 0 5px rgba(201,164,92,.55),0 0 22px -2px var(--esmeralda-brilho)}
.medalhao--p{width:40px;height:40px}
.medalhao--p .ic{width:21px;height:21px}
.contador{
  position:absolute;top:-5px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;
  background:linear-gradient(180deg,#8DF2C0,#2DB673);color:var(--tinta-verde);
  font:800 .72rem/21px var(--f-corpo);text-align:center;box-shadow:0 0 0 2px #1a120c;
}
.contador--inline{position:static;display:inline-block;margin-left:10px;vertical-align:middle}

/* ---------------------------------------------------------------------
   Cabeçalho de taverna (assinatura)
   --------------------------------------------------------------------- */
.taverna{
  position:relative;z-index:30;isolation:isolate;
  padding:calc(clamp(10px,1.6vw,22px) + env(safe-area-inset-top,0px)) var(--gutter) clamp(18px,2vw,30px);
}
.taverna__parede{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0c0e0b url(../img/ui/parede.jpg) 50% 18%/max(1400px,100%) auto no-repeat}
.taverna__parede::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 58% 110% at 50% 20%,rgba(15,12,10,0) 0%,rgba(15,12,10,.45) 62%,rgba(15,12,10,.92) 100%),
    linear-gradient(180deg,rgba(15,12,10,.25) 0%,rgba(15,12,10,0) 30%,rgba(15,12,10,.35) 70%,var(--fundo) 100%);
}
.tocha{
  position:absolute;top:-30%;width:44vmax;height:44vmax;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,168,76,.2),rgba(255,140,50,.06) 55%,rgba(255,140,50,0));
  animation:tremular 6s var(--ease-inout) infinite;
}
.tocha--esq{left:-20vmax}
.tocha--dir{right:-20vmax;animation-delay:-2.7s;animation-duration:7.3s}
@keyframes tremular{0%,100%{opacity:.75}30%{opacity:1}55%{opacity:.82}75%{opacity:.95}}

.taverna__palco{position:relative;max-width:1160px;margin-inline:auto}

.placa{--h:clamp(92px,6.2vw + 64px,168px);position:relative;height:var(--h)}
.placa__madeira{
  position:absolute;inset:0;display:grid;
  grid-template-columns:calc(var(--h) * .763) minmax(0,1fr) calc(var(--h) * .764);
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.7));
}
.placa__madeira i{display:block;height:100%}
.placa__esq{position:relative;z-index:1;background:url(../img/ui/placa-esq.webp) 0 0/100% 100% no-repeat}
.placa__dir{position:relative;z-index:1;background:url(../img/ui/placa-dir.webp) 0 0/100% 100% no-repeat}
.placa__meio{background:url(../img/ui/placa-meio.webp) 0 0/auto 100%;background-repeat:round no-repeat;margin-inline:calc(var(--h) * -.066)}

.placa__conteudo{
  position:absolute;left:calc(var(--h) * .62);right:calc(var(--h) * .62);top:18%;bottom:6%;
  display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,40px);
}
/* Na placa fica só a logo, no centro, entre as duas runas. O slogan mora no
   rodapé e na gaveta do celular: aqui não cabe sem tirar a logo do meio.
   A regra abaixo é a guarda disso: qualquer slogan que apareça dentro da placa
   fica escondido, porque na mesma linha da logo ele empurra a logo pro lado. */
.placa__conteudo .marca__slogan{display:none}
.marca{display:block;flex:none;text-decoration:none;position:relative;z-index:2}
.marca img{
  height:calc(var(--h) * .66);width:auto;max-width:100%;
  filter:drop-shadow(0 2px 0 rgba(20,10,8,.85)) drop-shadow(0 0 16px rgba(0,0,0,.55));
  transition:transform .5s var(--ease-out),filter .5s var(--ease-out);
}
.marca:hover img{transform:scale(1.02);filter:drop-shadow(0 2px 0 rgba(20,10,8,.85)) drop-shadow(0 0 22px rgba(92,242,168,.28))}

.runas{flex:1 1 0;min-width:0;display:flex;justify-content:center;color:#86F7C4;opacity:.92}
.runas svg{height:calc(var(--h) * .15);width:auto;max-width:100%;overflow:visible;filter:drop-shadow(0 0 2px rgba(120,255,190,.95)) drop-shadow(0 0 9px rgba(67,209,142,.75)) drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.runas--esq svg{animation:runa 7s var(--ease-inout) infinite}
.runas--dir svg{animation:runa 8.5s var(--ease-inout) infinite;animation-delay:-3s}
@keyframes runa{0%,100%{opacity:.78}45%{opacity:1}70%{opacity:.88}}

.placa__menu,.placa__bolsa{display:none}

/* Pergaminho do menu */
.pergaminho{--ph:62px;position:relative;z-index:3;width:max-content;max-width:100%;height:var(--ph);margin:calc(var(--ph) * -.36) auto 0}
.pergaminho__papel{
  position:absolute;inset:0;display:grid;
  grid-template-columns:calc(var(--ph) * .3177) minmax(0,1fr) calc(var(--ph) * .3177);
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.6));
}
.pergaminho__papel i{display:block;height:100%}
.pergaminho__esq{position:relative;z-index:1;background:url(../img/ui/perg-esq.webp) 0 0/100% 100% no-repeat}
.pergaminho__dir{position:relative;z-index:1;background:url(../img/ui/perg-dir.webp) 0 0/100% 100% no-repeat}
.pergaminho__meio{background:url(../img/ui/perg-meio.webp) 0 0/auto 100%;background-repeat:round no-repeat;margin-inline:calc(var(--ph) * -.052)}
.pergaminho__lista{
  position:relative;height:100%;list-style:none;display:flex;align-items:center;justify-content:center;
  gap:clamp(6px,1.6vw,26px);padding-inline:calc(var(--ph) * .62);
}
.pergaminho__lista a{
  position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 8px;
  font:600 clamp(1.02rem,.9rem + .3vw,1.2rem)/1 var(--f-titulo);color:var(--tinta);text-decoration:none;letter-spacing:.01em;
  transition:color .25s var(--ease-out);
}
.pergaminho__lista a::after{
  content:"";position:absolute;left:8px;right:8px;bottom:9px;height:2px;border-radius:2px;background:currentColor;
  transform:scaleX(0);transform-origin:50% 50%;transition:transform .35s var(--ease-out)
}
.pergaminho__lista a:hover{color:#1d120a}
.pergaminho__lista a:hover::after{transform:scaleX(.7)}
.pergaminho__lista a[aria-current="page"]{color:#1d120a}
.pergaminho__lista a[aria-current="page"]::after{transform:scaleX(1);background:#7a2e1c;height:3px}
.pergaminho__bolsa{margin-left:clamp(4px,1vw,14px);padding-left:clamp(8px,1.4vw,18px);border-left:1px solid rgba(58,38,22,.35)}
.pergaminho__bolsa a{padding:0 10px}
.pergaminho__bolsa a::after{display:none}
.pergaminho__bolsa .ic{width:27px;height:27px}
.pergaminho__bolsa .contador{top:2px;right:-4px}

/* Celular: placa com medalhões, sem pergaminho */
@media (max-width:860px){
  .taverna{padding-bottom:40px}
  .pergaminho{display:none}
  .runas{display:none}
  .placa{--h:clamp(88px,22vw,132px)}
  .placa__conteudo{left:calc(var(--h) * .56);right:calc(var(--h) * .56)}
  .marca img{height:auto;max-height:calc(var(--h) * .62);width:min(100%,calc(var(--h) * 2.7))}
  .placa__menu,.placa__bolsa{display:grid;position:absolute;top:calc(100% - 6px);z-index:4;width:42px;height:42px}
  .placa__menu{left:calc(var(--h) * .36 - 21px)}
  .placa__bolsa{right:calc(var(--h) * .36 - 21px)}
  .placa__menu .ic,.placa__bolsa .ic{width:22px;height:22px}
  .placa__menu::before,.placa__bolsa::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:10px;margin-left:-1px;background:linear-gradient(#8a6a33,#c9a45c)}
}

/* Barra fixa de madeira */
.barra-fixa{
  position:fixed;left:0;right:0;top:0;z-index:70;height:calc(var(--barra-h) + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  transform:translateY(-115%);transition:transform .45s var(--ease-out),visibility 0s linear .45s;visibility:hidden;
}
.barra-fixa.visivel{transform:none;visibility:visible;transition:transform .45s var(--ease-out)}
.barra-fixa__madeira{position:absolute;inset:0;background:#2a1d14 url(../img/ui/barra-meio.webp) 0 100%/auto calc(var(--barra-h) + 6px) repeat-x;box-shadow:0 12px 26px -10px rgba(0,0,0,.9)}
.barra-fixa__linha{position:relative;height:var(--barra-h);max-width:var(--largura);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;gap:18px}
.barra-fixa__marca{display:block;flex:none}
.barra-fixa__marca img{height:34px;width:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}
.barra-fixa__menu-links{margin-left:auto;display:flex;align-items:center;gap:clamp(10px,2vw,26px)}
.barra-fixa__menu-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--pergaminho);font:600 1.04rem/1 var(--f-titulo);text-decoration:none;text-shadow:0 1px 2px #000;transition:color .25s var(--ease-out)}
.barra-fixa__menu-links a:hover,.barra-fixa__menu-links a[aria-current="page"]{color:var(--ouro-claro)}
.barra-fixa__menu{display:none}
.barra-fixa__bolsa{margin-left:6px}
.barra-fixa__menu-links a,.pergaminho__lista a{white-space:nowrap}
@media (max-width:1060px){
  .barra-fixa__menu-links{display:none}
  .barra-fixa__menu{display:grid}
  .barra-fixa__marca{margin-inline:auto}
}
@media (max-width:860px){
  .barra-fixa__marca img{height:30px}
}
@media (min-width:861px) and (max-width:1120px){
  .pergaminho__lista{gap:0;padding-inline:calc(var(--ph) * .5)}
  .pergaminho__lista a{padding:0 7px;font-size:clamp(.92rem,.62rem + .5vw,1.02rem)}
  .pergaminho__bolsa{margin-left:2px;padding-left:6px}
}

/* Gaveta do celular (pergaminho) */
.gaveta{position:fixed;inset:0;z-index:120}
.gaveta__fundo{position:absolute;inset:0;background:rgba(6,5,4,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s var(--ease-out)}
.gaveta__painel{
  position:absolute;left:0;top:0;bottom:0;width:min(88vw,380px);overflow-y:auto;
  padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));
  color:var(--tinta);
  background:
    radial-gradient(ellipse 90% 60% at 30% 10%,rgba(255,250,235,.55),rgba(255,250,235,0) 60%),
    radial-gradient(ellipse 70% 50% at 80% 90%,rgba(140,100,50,.25),rgba(140,100,50,0) 70%),
    linear-gradient(180deg,#EFE2C8,#E0CBA3);
  box-shadow:inset -10px 0 18px -10px rgba(90,60,30,.55),20px 0 60px rgba(0,0,0,.6);
  transform:translateX(-102%);transition:transform .4s var(--ease-out);
}
.gaveta.aberta .gaveta__fundo{opacity:1}
.gaveta.aberta .gaveta__painel{transform:none}
.gaveta__topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.gaveta__marca{min-width:0}
.gaveta__topo img{display:block;height:40px;width:auto;filter:drop-shadow(0 1px 0 rgba(40,20,10,.5))}
.gaveta__lista{list-style:none;display:grid;border-top:1px solid rgba(58,38,22,.25)}
.gaveta__lista a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 6px;border-bottom:1px solid rgba(58,38,22,.25);font:600 1.45rem/1 var(--f-titulo);color:var(--tinta);text-decoration:none}
.gaveta__lista a[aria-current="page"]{color:#7a2e1c}
.gaveta__lista .ic{width:20px;height:20px;opacity:.6}
.gaveta__lista .contador--inline{margin-right:auto;margin-left:10px}
.gaveta__contato{margin-top:26px;display:grid;gap:14px}
.gaveta__email{display:inline-flex;align-items:center;gap:10px;color:var(--tinta-2);font-weight:600;text-decoration:none;min-height:44px}

/* ---------------------------------------------------------------------
   Avisos (mensagens depois de enviar formulários)
   --------------------------------------------------------------------- */
.avisos{display:grid;gap:10px;margin-block:18px}
.aviso{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;background:var(--madeira);border:1px solid var(--borda-media);box-shadow:0 12px 30px -18px rgba(0,0,0,.9)}
.aviso .ic{width:22px;height:22px;margin-top:1px}
.aviso--sucesso{border-color:rgba(67,209,142,.45)}
.aviso--sucesso .ic{color:var(--esmeralda)}
.aviso--erro{border-color:rgba(231,134,111,.5)}
.aviso--erro .ic{color:var(--perigo)}
.aviso--aviso .ic{color:var(--ambar)}
.aviso-flutuante{
  position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:130;transform:translate(-50%,20px);
  display:flex;align-items:center;gap:12px;max-width:min(92vw,520px);padding:12px 16px;border-radius:12px;
  background:#231912;border:1px solid rgba(67,209,142,.45);box-shadow:0 20px 50px -20px #000;
  opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out),visibility 0s linear .35s;
}
.aviso-flutuante.visivel{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.aviso-flutuante .ic{width:22px;height:22px;color:var(--esmeralda)}
.aviso-flutuante a{color:var(--esmeralda-clara);font-weight:700;white-space:nowrap}

/* ---------------------------------------------------------------------
   Molduras (cartões do catálogo, galeria e comparação)
   --------------------------------------------------------------------- */
.slot__moldura,.quadro__foto{--mw:24px}
.slot__moldura{position:relative;aspect-ratio:4/5;border-radius:6px}
.slot__moldura::after,.quadro__foto::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  border:var(--mw) solid transparent;border-image:url(../img/ui/moldura.webp) 150 / var(--mw) round;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.6));
}
.slot__foto{position:absolute;inset:calc(var(--mw) * .64);overflow:hidden;background:#1a130e}
.slot__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out),filter .6s var(--ease-out)}
.slot__foto::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(92,242,168,0),inset 0 0 36px rgba(92,242,168,0);transition:box-shadow .5s var(--ease-out)}

.slot{position:relative}
.slot__link{display:grid;grid-template-rows:auto 1fr;gap:12px;height:100%;color:inherit;text-decoration:none}
.slot__link:hover .slot__foto img{transform:scale(1.045)}
.slot__link:hover .slot__foto::after{box-shadow:inset 0 0 0 1px rgba(92,242,168,.35),inset 0 0 36px rgba(92,242,168,.18)}
.slot__link:hover .slot__ver{background:var(--esmeralda);color:var(--tinta-verde);border-color:var(--esmeralda)}
.slot__link:focus-visible{outline-offset:6px}
.selo{
  position:absolute;left:calc(var(--mw) * .64 + 8px);bottom:calc(var(--mw) * .64 + 8px);z-index:3;
  display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 8px;border-radius:999px;
  background:rgba(12,9,7,.82);border:1px solid rgba(201,164,92,.3);
  font:700 .7rem/1 var(--f-corpo);letter-spacing:.02em;color:var(--texto);
}
.selo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--texto-3)}
.selo--pronta::before{background:var(--esmeralda);box-shadow:0 0 8px var(--esmeralda-brilho)}
.selo--encomenda::before{background:var(--ambar)}
.selo--esgotado{color:var(--texto-2)}
.slot__estrela{position:absolute;right:calc(var(--mw) * .64 + 8px);top:calc(var(--mw) * .64 + 8px);z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(12,9,7,.78);color:var(--ouro-claro);border:1px solid rgba(201,164,92,.4)}
.slot__estrela .ic{width:16px;height:16px}
.slot__info{display:grid;align-content:start;gap:6px;padding-inline:4px}
.slot__classe{display:flex;align-items:center;gap:7px;font:600 .74rem/1.2 var(--f-rotulo);letter-spacing:.08em;text-transform:uppercase;color:var(--ouro)}
.slot__classe .ic{width:16px;height:16px}
.slot__nome{font-size:1.3rem;line-height:1.1;color:var(--texto)}
.slot__rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.slot__preco{font-weight:800;font-size:1.08rem;font-variant-numeric:tabular-nums;color:var(--texto)}
.slot__preco small{display:block;font-weight:500;font-size:.74rem;color:var(--texto-3);letter-spacing:.01em}
.slot__ver{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--borda-media);color:var(--ouro-claro);transition:background-color .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}
.slot__ver .ic{width:18px;height:18px}

.grade-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,228px),1fr));gap:clamp(18px,2.4vw,30px) clamp(14px,2vw,26px)}
.grade-slots--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){.grade-slots--4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .grade-slots,.grade-slots--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .slot__moldura,.quadro__foto{--mw:17px}
  .slot__nome{font-size:1.08rem}
  .slot__classe{font-size:.62rem;letter-spacing:.05em}
  .slot__ver{display:none}
  .selo{font-size:.62rem;padding:4px 7px 4px 6px;gap:5px}
}

.quadro{position:relative;margin:0}
.quadro__foto{position:relative;aspect-ratio:4/5}
.quadro__foto img{position:absolute;inset:calc(var(--mw) * .64);width:calc(100% - var(--mw) * 1.28);height:calc(100% - var(--mw) * 1.28);object-fit:cover;background:#1a130e}
.quadro figcaption{margin-top:12px;text-align:center;font:600 .74rem/1.3 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}

/* ---------------------------------------------------------------------
   Herói rolado pelo vídeo (Início)
   --------------------------------------------------------------------- */
.pg-inicio .taverna{position:absolute;left:0;right:0;top:0}
.pg-inicio .taverna__parede{
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
}
.pg-inicio .taverna__parede::before{background:radial-gradient(ellipse 58% 110% at 50% 20%,rgba(15,12,10,0) 0%,rgba(15,12,10,.4) 62%,rgba(15,12,10,.85) 100%)}

.heroi{position:relative;height:320vh}
.palco{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#120e0b}
.poster,.palco video{position:absolute;inset:0;width:100%;height:100%}
.poster{background:#120e0b center/cover no-repeat;background-position:62% 50%}
.palco video{object-fit:cover;object-position:62% 50%;opacity:0;transform:translateZ(0);will-change:transform;transition:opacity .9s var(--ease-out)}
.palco.video-pronto video{opacity:1}
.palco.video-falhou video{display:none}
.quadro-final{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:0;pointer-events:none;will-change:opacity}
.scrim{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(12,9,7,.66) 0%,rgba(12,9,7,.46) 32%,rgba(12,9,7,.1) 56%,rgba(12,9,7,0) 66%),
  radial-gradient(ellipse 120% 90% at 58% 50%,rgba(12,9,7,0) 38%,rgba(12,9,7,.6) 100%),
  linear-gradient(180deg,rgba(12,9,7,.35) 0%,rgba(12,9,7,0) 24%,rgba(12,9,7,0) 76%,rgba(12,9,7,.72) 100%)}

.faixa{
  position:absolute;top:57%;
  left:max(var(--gutter),calc((100% - var(--largura)) / 2 + var(--gutter)));
  width:min(52%,660px);transform:translateY(-50%);text-shadow:var(--sombra-texto);
}
html.js .faixa{opacity:0}
html:not(.js) .heroi{height:auto}
html:not(.js) .palco{display:none}
html:not(.js) .heroi-estatico{display:block}
.faixa.oculta{visibility:hidden}
.faixa::before{
  content:"";position:absolute;inset:-38% -42% -38% -34%;z-index:-1;pointer-events:none;
  opacity:calc(.25 + .75 * var(--k,1));
  background:radial-gradient(ellipse 64% 60% at 42% 50%,rgba(10,7,5,var(--pico,.66)) 0%,rgba(10,7,5,calc(var(--pico,.66) * .8)) 44%,rgba(10,7,5,0) 76%);
}
.faixa .etiqueta{margin-bottom:18px}
.faixa h1,.faixa h2{font-size:clamp(2.6rem,1.3rem + 3.6vw,5.1rem);line-height:1}
.faixa .sub{margin-top:20px;max-width:38ch;font-size:clamp(1.1rem,.95rem + .45vw,1.35rem);line-height:1.5}
.faixa .acoes{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}
.faixa .botao{text-shadow:none}
.w{display:inline-block;white-space:nowrap}
.faixa h1 .w,.faixa h2 .w{padding-block:.08em .14em;margin-block:-.08em -.14em}

.faixa-1{--pico:.88}
.faixa-1 .foco{position:relative;display:block}
.faixa-1 .foco .suave{position:absolute;inset:0;filter:blur(10px);opacity:calc(1 - var(--k,1))}
.faixa-1 .foco .nitido{display:block;opacity:var(--k,1)}
.faixa-1 .etiqueta{opacity:var(--k,1);transform:translateY(calc((1 - var(--k,1)) * 8px))}

.faixa-2{--pico:.92}
.faixa-2 .w{--kc:clamp(0,(var(--k,0) - var(--th,0)) * 3,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc)) * 30px))}
.faixa-2 .sub{--ks:clamp(0,(var(--k,0) - .6) * 4,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks)) * 14px))}
.faixa-2 .acoes{--kb:clamp(0,(var(--k,0) - .74) * 5,1);opacity:var(--kb);transform:translateY(calc((1 - var(--kb)) * 14px))}

.anel{position:absolute;right:calc(var(--gutter) + 4px);bottom:calc(28px + env(safe-area-inset-bottom,0px));width:44px;height:44px;color:var(--ouro);opacity:.85;transition:opacity .6s var(--ease-out)}
.anel circle:first-child{stroke:rgba(201,164,92,.18)}
.palco.video-pronto .anel,.palco.video-falhou .anel{opacity:0}
.dica-rolar{
  position:absolute;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--texto-2);
  font:600 .7rem/1 var(--f-rotulo);letter-spacing:.18em;text-transform:uppercase;text-shadow:var(--sombra-texto);
  transition:opacity .5s var(--ease-out)
}
.dica-rolar .ic{width:18px;height:18px;animation:respirar 2.8s var(--ease-inout) infinite}
.dica-rolar.some{opacity:0}
@keyframes respirar{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}

.heroi-estatico{display:none}
.heroi--fixo{height:auto}
.heroi--fixo .palco{display:none}
.heroi--fixo .heroi-estatico{display:block}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .heroi{height:auto}
  .palco{display:none}
  .heroi-estatico{display:block}
}
.heroi-estatico{position:relative}
.heroi-estatico figure{margin:0;position:relative;aspect-ratio:4/5;max-height:78vh;width:100%;overflow:hidden}
.heroi-estatico figure img{width:100%;height:100%;object-fit:cover;object-position:66% 50%}
.heroi-estatico figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,10,.55) 0%,rgba(15,12,10,0) 30%,rgba(15,12,10,0) 52%,var(--fundo) 100%)}
.heroi-estatico .texto{position:relative;margin-top:-24vw;padding-bottom:48px;display:grid;justify-items:start;gap:14px}
.heroi-estatico h1{font-size:clamp(2.3rem,1.4rem + 4.4vw,3.8rem);line-height:1.02;text-shadow:var(--sombra-texto)}
.heroi-estatico p{color:var(--texto-2);max-width:42ch}
.heroi-estatico .acoes{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px}
@media (orientation:landscape){.heroi-estatico figure{aspect-ratio:16/8;max-height:none}.heroi-estatico .texto{margin-top:-12vw}}
/* Início parado (movimento reduzido, telas de toque): a foto desce o suficiente pra cabeça da miniatura não ficar atrás da placa */
@media (orientation:landscape){
  .pg-inicio .heroi-estatico figure{--desce:clamp(0px,calc(170px - 8vw),120px);aspect-ratio:auto;height:calc(50vw + var(--desce))}
  .pg-inicio .heroi-estatico figure img{position:absolute;left:0;top:var(--desce);height:calc(100% - var(--desce));object-position:66% 0}
}
.pg-inicio .heroi--fixo .heroi-estatico figure{margin-top:0}

/* ---------------------------------------------------------------------
   Seções do Início
   --------------------------------------------------------------------- */
html.js [data-entrada] .ent{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
html.js [data-entrada].in .ent{opacity:1;transform:none}
html.js [data-entrada].in .ent:nth-child(2){transition-delay:.08s}
html.js [data-entrada].in .ent:nth-child(3){transition-delay:.16s}
html.js [data-entrada].in .ent:nth-child(4){transition-delay:.24s}
html.js [data-entrada].assentado .ent{transition-delay:0s!important}

/* Faixa de confiança */
.confianca{position:relative;z-index:2;background:linear-gradient(180deg,#1c140e,#140f0b);border-block:1px solid var(--borda)}
.confianca::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:url(../img/ui/barra-meio.webp) 0 100%/auto 70px repeat-x;opacity:.9}
.confianca__lista{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;padding-block:22px}
.confianca__lista li{display:flex;align-items:center;gap:12px;color:var(--texto-2);font-weight:600;font-size:.95rem;line-height:1.3}
.confianca__lista .ic{width:30px;height:30px;color:var(--ouro);padding:5px;border-radius:50%;box-shadow:0 0 0 1px var(--borda-media);box-sizing:content-box}
@media (max-width:980px){.confianca__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.confianca__lista{grid-template-columns:minmax(0,1fr)}.confianca__lista li{font-size:.92rem}}

/* Escolha sua classe */
.classes{list-style:none;margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.classe{
  position:relative;display:grid;justify-items:center;align-content:start;gap:8px;height:100%;padding:22px 12px 18px;border-radius:12px;text-align:center;text-decoration:none;color:inherit;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,164,92,.1),rgba(201,164,92,0) 70%),linear-gradient(180deg,#261b13,#1a130e);
  box-shadow:inset 0 0 0 1px var(--borda),0 14px 30px -22px #000;
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);
}
.classe__medalha{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);
  background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);
  box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b,0 0 0 6px rgba(201,164,92,.35);
  transition:color .35s var(--ease-out),box-shadow .35s var(--ease-out);
}
.classe__medalha .ic{width:32px;height:32px}
.classe__nome{margin-top:6px;font:600 1.3rem/1 var(--f-titulo)}
.classe__qtd{font-size:.8rem;color:var(--texto-3)}
.classe:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--borda-forte),0 22px 40px -24px #000}
.classe:hover .classe__medalha{color:#9BFAD0;box-shadow:0 0 0 2px var(--ouro-claro),0 0 0 5px #15100b,0 0 0 6px rgba(201,164,92,.5),0 0 26px 2px rgba(67,209,142,.35)}
.classe--outra{background:linear-gradient(180deg,rgba(67,209,142,.08),rgba(67,209,142,.02)),linear-gradient(180deg,#221912,#17110d);box-shadow:inset 0 0 0 1px rgba(67,209,142,.3)}
.classe--outra .classe__nome{font-size:1.12rem}
.classe--outra .classe__qtd{color:var(--esmeralda-clara)}
@media (max-width:480px){.classes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classe{padding:18px 8px 14px}.classe__nome{font-size:1.15rem}}

.secao--destaques .grade-slots{margin-top:clamp(28px,4vw,48px)}

/* Oficina: da imagem à miniatura */
.secao--oficina{background:radial-gradient(ellipse 60% 70% at 75% 50%,rgba(67,209,142,.06),rgba(67,209,142,0) 70%)}
.oficina{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,90px);align-items:center}
.oficina__texto{display:grid;justify-items:start;gap:16px}
.oficina__texto h2{font-size:clamp(2rem,1.35rem + 2.2vw,3.2rem)}
.oficina__texto>p{color:var(--texto-2);font-size:1.1rem;max-width:48ch}
.oficina__passos{list-style:none;display:grid;gap:10px;margin-block:8px 6px}
.oficina__passos li{display:flex;align-items:center;gap:14px;font-weight:600}
.oficina__num{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 1.05rem/1 var(--f-titulo);color:var(--ouro-claro);box-shadow:inset 0 0 0 1px var(--borda-forte);background:#1c140e}
.oficina__texto .acoes{margin-top:8px}
.oficina__par{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,22px)}
.oficina__par .quadro--arte{transform:rotate(-2.2deg)}
.oficina__par .quadro--mini{transform:rotate(1.8deg) translateY(18px)}
.oficina__seta{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#9BFAD0;background:#15100b;box-shadow:0 0 0 1px rgba(67,209,142,.45),0 0 24px -2px rgba(67,209,142,.4)}
.oficina__seta .ic{width:22px;height:22px}
@media (max-width:900px){.oficina{grid-template-columns:minmax(0,1fr)}.oficina__par{max-width:560px}}
@media (max-width:480px){.oficina__seta{width:34px;height:34px}.oficina__par{gap:6px}}

/* Galeria */
.setas{display:flex;gap:10px}
.seta{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--borda-forte);background:rgba(15,12,10,.5);color:var(--texto);cursor:pointer;transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out)}
.seta:hover{background:rgba(201,164,92,.1);border-color:var(--ouro-claro)}
.seta .ic{width:20px;height:20px}
.trilho{
  margin-top:clamp(28px,4vw,48px);display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,24vw,300px);gap:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
  scroll-padding-inline:max(var(--gutter),calc((100% - var(--largura)) / 2 + var(--gutter)));
  padding-inline:max(var(--gutter),calc((100% - var(--largura)) / 2 + var(--gutter)));padding-bottom:18px;
  scrollbar-width:thin;scrollbar-color:var(--borda-forte) transparent;
}
.trilho::-webkit-scrollbar{height:6px}.trilho::-webkit-scrollbar-thumb{background:var(--borda-forte);border-radius:6px}
.peca{position:relative;scroll-snap-align:start;margin:0}
.peca figcaption{margin-top:12px;font:600 .72rem/1.3 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);text-align:center}
.peca img{transition:transform 1.2s var(--ease-out)}
.peca:hover img{transform:scale(1.04)}

/* Guilda: quadro de avisos na parede */
.guilda{position:relative;padding-block:clamp(72px,9vw,130px);isolation:isolate;overflow:hidden}
.guilda__parede{position:absolute;inset:0;z-index:-1;background:#0c0e0b url(../img/ui/parede.jpg) 50% 40%/max(1400px,100%) auto no-repeat}
.guilda__parede::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--fundo) 0%,rgba(15,12,10,.25) 22%,rgba(15,12,10,.3) 78%,var(--fundo) 100%),radial-gradient(ellipse 60% 70% at 50% 50%,rgba(15,12,10,0),rgba(15,12,10,.75))}
.quadro-avisos{
  --mw:clamp(34px,5vw,54px);
  position:relative;max-width:760px;margin-inline:auto;text-align:center;display:grid;justify-items:center;gap:18px;
  padding:calc(var(--mw) + clamp(24px,4vw,44px)) calc(var(--mw) + clamp(18px,4vw,52px));
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,200,120,.12),rgba(255,200,120,0) 70%),
    linear-gradient(180deg,#2c1f15,#1d150f);
  background-clip:padding-box;
}
.quadro-avisos::before{content:"";position:absolute;inset:0;pointer-events:none;border:var(--mw) solid transparent;border-image:url(../img/ui/moldura.webp) 150 / var(--mw) round;filter:drop-shadow(0 24px 30px rgba(0,0,0,.7))}
.quadro-avisos::after{content:"";position:absolute;inset:calc(var(--mw) * .6);z-index:-1;background:linear-gradient(180deg,#2c1f15,#1d150f)}
.quadro-avisos h2{font-size:clamp(2rem,1.3rem + 2.4vw,3.3rem);max-width:18ch}
.quadro-avisos p{color:var(--texto-2);font-size:1.1rem;max-width:50ch}
.quadro-avisos .botao{margin-top:6px}
.quadro-avisos__emblema{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#9BFAD0;background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b,0 0 30px 2px rgba(67,209,142,.3)}
.quadro-avisos__emblema .ic{width:34px;height:34px}

/* ---------------------------------------------------------------------
   Cabeçalho das páginas internas
   --------------------------------------------------------------------- */
.topo-pagina{position:relative;padding-block:clamp(26px,4vw,48px) clamp(20px,3vw,36px)}
.topo-pagina h1{font-size:clamp(2.3rem,1.5rem + 2.8vw,3.8rem)}
.topo-pagina p{margin-top:12px;color:var(--texto-2);font-size:1.1rem;max-width:62ch}
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:.88rem;color:var(--texto-3)}
.trilha a{color:var(--texto-2);text-decoration:none}
.trilha a:hover{color:var(--texto);text-decoration:underline}
.trilha .ic{width:14px;height:14px;opacity:.6}

.ornamento{display:flex;justify-content:center;color:var(--ouro);opacity:.8}
.ornamento svg{width:min(420px,80%);height:24px}

/* ---------------------------------------------------------------------
   Rodapé
   --------------------------------------------------------------------- */
.rodape{position:relative;margin-top:clamp(40px,6vw,90px);background:linear-gradient(180deg,#171109,#0b0907);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.rodape__viga{height:26px;background:#2a1d14 url(../img/ui/barra-meio.webp) 0 50%/auto 100% repeat-x;box-shadow:0 10px 18px -8px rgba(0,0,0,.85)}
.rodape__grade{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px;padding-top:clamp(40px,5vw,64px)}
.marca-rodape img{height:48px;width:auto}
.rodape__lema{margin-top:16px;color:var(--texto-2);max-width:40ch}
.selos-rodape{list-style:none;margin-top:20px;display:grid;gap:8px}
.selos-rodape li{display:flex;align-items:center;gap:10px;color:var(--texto-2);font-size:.9rem}
.selos-rodape .ic{width:20px;height:20px;color:var(--ouro)}
.rodape__titulo{font:600 .76rem/1.2 var(--f-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:12px}
.rodape__coluna ul{list-style:none;display:grid;gap:2px}
.rodape__coluna a{display:inline-flex;align-items:center;gap:10px;min-height:40px;color:var(--texto-2);text-decoration:none;transition:color .25s var(--ease-out)}
.rodape__coluna a:hover{color:var(--texto)}
.rodape__canais .ic{width:20px;height:20px;color:var(--ouro)}
.rodape__base{margin-top:40px;padding-top:22px;border-top:1px solid var(--borda);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;color:var(--texto-3);font-size:.86rem}
@media (max-width:900px){.rodape__grade{grid-template-columns:repeat(2,minmax(0,1fr))}.rodape__marca{grid-column:1/-1}}
@media (max-width:520px){.rodape__grade{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------------
   Conversa flutuante
   --------------------------------------------------------------------- */
.chat{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:grid;justify-items:end;gap:10px}
.chat__botao{
  display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 20px 0 16px;border-radius:999px;border:0;cursor:pointer;
  background:radial-gradient(circle at 30% 30%,#4a3524,#221810 75%);color:var(--texto);font-weight:700;font-size:.95rem;
  box-shadow:0 0 0 2px #8f6f37,0 0 0 4px #15100b,0 18px 40px -14px rgba(0,0,0,.9);
  transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out);
}
.chat__botao .ic{width:24px;height:24px;color:#8CF5C2}
.chat__botao:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--ouro-claro),0 0 0 4px #15100b,0 0 26px -2px var(--esmeralda-brilho)}
.chat__opcoes{width:min(86vw,300px);padding:10px;border-radius:14px;background:#1e1610;box-shadow:0 0 0 1px var(--borda-media),0 26px 60px -20px #000;display:grid;gap:4px;transform-origin:100% 100%;animation:abrir .3s var(--ease-out)}
@keyframes abrir{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.chat__titulo{padding:6px 8px 8px;font:600 .72rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.chat__opcoes a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;text-decoration:none;color:var(--texto)}
.chat__opcoes a:hover{background:rgba(201,164,92,.08)}
.chat__opcoes .ic{width:24px;height:24px;color:var(--ouro-claro)}
.chat__opcoes strong{display:block;font-size:.95rem}
.chat__opcoes small{display:block;color:var(--texto-3);font-size:.8rem;line-height:1.3}
@media (max-width:560px){
  .chat__botao{width:56px;height:56px;padding:0;justify-content:center}
  .chat__rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.pg-checkout .chat,.pg-carrinho .chat{display:none}

/* Barra do dono (logado no painel) */
.barra-admin{
  position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 110px);padding:8px 8px 8px 14px;border-radius:12px;
  background:rgba(22,16,12,.94);box-shadow:0 0 0 1px var(--borda-media),0 16px 40px -14px #000;font-size:.85rem;color:var(--texto-2)
}
.barra-admin form{margin:0}
.barra-admin__estado{display:inline-flex;align-items:center;gap:8px}
.barra-admin__estado .ic{width:18px;height:18px;color:var(--ouro)}
.barra-admin__botao{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--borda-forte);background:transparent;color:var(--texto);font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.barra-admin--ligada{box-shadow:0 0 0 1px rgba(67,209,142,.6),0 16px 40px -14px #000}
/* com a barra do dono embaixo, o aviso de "salvo" sobe pra não cobrir os botões dela */
body:has(.barra-admin) .aviso-flutuante{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (max-width:720px){body:has(.barra-admin) .aviso-flutuante{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}
.barra-admin--ligada .barra-admin__estado .ic{color:var(--esmeralda)}
@media (max-width:620px){.barra-admin__estado{display:none}}

/* Aviso de gerenciamento no painel (só no modo edição) */
.aviso-painel{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px dashed rgba(67,209,142,.6);color:var(--esmeralda-clara);font-size:.85rem;font-weight:700;text-decoration:none;background:rgba(67,209,142,.08)}
.aviso-painel .ic{width:16px;height:16px}

/* ---------------------------------------------------------------------
   Pausas e movimento reduzido
   --------------------------------------------------------------------- */
body.pausado *,body.pausado *::before,body.pausado *::after{animation-play-state:paused!important}
@media (max-height:560px){.dica-rolar,.anel{display:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  html.js [data-entrada] .ent{opacity:1;transform:none}
}

/* =====================================================================
   Páginas internas
   ===================================================================== */
.topo-pagina--centro{text-align:center;display:grid;justify-items:center}
.topo-pagina--centro .trilha{justify-content:center}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.acoes--centro{justify-content:center}
.secao--colada{padding-top:0}

/* ---------------------------------------------------------------------
   Catálogo
   --------------------------------------------------------------------- */
.catalogo{display:grid;grid-template-columns:272px minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:start;padding-bottom:clamp(40px,6vw,80px)}
.filtros__form{
  display:grid;gap:18px;padding:18px;border-radius:14px;
  background:linear-gradient(180deg,#1f1711,#18120d);box-shadow:inset 0 0 0 1px var(--borda),0 20px 40px -30px #000;
}
.filtros__cabeca,.filtros__fundo{display:none}
.filtros__acoes{display:none}
html:not(.js) .filtros__acoes{display:block}
.busca{position:relative;display:block}
.busca .ic{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--texto-3);pointer-events:none}
.busca input{width:100%;min-height:46px;padding:0 12px 0 40px;border-radius:10px;border:1px solid var(--borda-media);background:#120e0b;color:var(--texto);font-size:1rem}
.busca input::placeholder{color:var(--texto-3)}
.busca input:focus{outline:none;border-color:var(--esmeralda);box-shadow:0 0 0 3px rgba(67,209,142,.2)}
.filtro{border:0;margin:0;padding:0;min-width:0}
.filtro legend{padding:0;margin-bottom:8px;font:600 .74rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.filtro__opcoes{display:grid;gap:2px}
.opcao{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;border-radius:8px;cursor:pointer;color:var(--texto-2);transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}
.opcao:hover{background:rgba(201,164,92,.07);color:var(--texto)}
.opcao input{position:absolute;opacity:0;width:1px;height:1px}
.opcao__caixa{width:20px;height:20px;flex:none;border-radius:5px;display:grid;place-items:center;border:1.5px solid var(--borda-forte);background:#120e0b;color:var(--tinta-verde);transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out)}
.opcao__caixa .ic{width:14px;height:14px;opacity:0}
.opcao input:checked~.opcao__caixa{background:var(--esmeralda);border-color:var(--esmeralda)}
.opcao input:checked~.opcao__caixa .ic{opacity:1}
.opcao input:checked~.opcao__nome{color:var(--texto);font-weight:700}
.opcao input:focus-visible~.opcao__caixa{outline:2px solid var(--esmeralda);outline-offset:2px}
.opcao--radio .opcao__caixa{border-radius:50%}
.opcao--radio input:checked~.opcao__caixa{background:#120e0b;box-shadow:inset 0 0 0 4px #120e0b,inset 0 0 0 10px var(--esmeralda)}
.opcao__icone{width:18px;height:18px;color:var(--ouro)}
.opcao__nome{flex:1;min-width:0;font-size:.95rem}
.opcao__qtd{font-size:.78rem;color:var(--texto-3);font-variant-numeric:tabular-nums}
.filtro__selos{display:flex;flex-wrap:wrap;gap:8px}
.selo-filtro{position:relative;cursor:pointer}
.selo-filtro input{position:absolute;opacity:0;width:1px;height:1px}
.selo-filtro span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--borda-media);color:var(--texto-2);font-size:.9rem;transition:all .2s var(--ease-out)}
.selo-filtro small{color:var(--texto-3);font-size:.75rem}
.selo-filtro:hover span{border-color:var(--borda-forte);color:var(--texto)}
.selo-filtro input:checked+span{background:rgba(67,209,142,.14);border-color:var(--esmeralda);color:var(--texto);font-weight:700}
.selo-filtro input:focus-visible+span{outline:2px solid var(--esmeralda);outline-offset:2px}

.resultados__barra{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px}
.filtros-botao{display:none}
.resultados__total{margin-right:auto;color:var(--texto-2)}
.resultados__total strong{color:var(--texto)}
.ordem{display:inline-flex;align-items:center;gap:10px;color:var(--texto-3);font-size:.9rem}
.ordem select,.campo select{appearance:none;-webkit-appearance:none;min-height:42px;padding:0 38px 0 12px;border-radius:10px;border:1px solid var(--borda-media);color:var(--texto);font-size:.95rem;cursor:pointer;
  background:#120e0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A45C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/18px no-repeat}
.resultados{transition:opacity .25s var(--ease-out)}
.resultados.carregando{opacity:.45}
.chips-ativos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 12px;border-radius:999px;border:1px solid rgba(67,209,142,.45);background:rgba(67,209,142,.1);color:var(--texto);font-size:.86rem;font-weight:600;cursor:pointer}
.chip .ic{width:14px;height:14px;opacity:.7}
.chip:hover{border-color:var(--esmeralda)}
.chips-ativos__limpar{margin-left:4px;color:var(--texto-2);font-size:.86rem}
.grade-slots--catalogo{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1300px){.grade-slots--catalogo{grid-template-columns:repeat(3,minmax(0,1fr))}}
.paginacao{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.paginacao a,.paginacao span{min-width:44px;height:44px;padding:0 10px;border-radius:10px;display:grid;place-items:center;font-weight:700;text-decoration:none;border:1px solid var(--borda-media);color:var(--texto-2)}
.paginacao a:hover{border-color:var(--ouro-claro);color:var(--texto)}
.paginacao__atual{background:var(--esmeralda);border-color:var(--esmeralda)!important;color:var(--tinta-verde)!important}
.paginacao .ic{width:18px;height:18px}
.vazio{display:grid;justify-items:center;gap:14px;text-align:center;padding:clamp(40px,6vw,72px) 20px;border-radius:16px;background:#17110d;box-shadow:inset 0 0 0 1px var(--borda)}
.vazio h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}
.vazio p{color:var(--texto-2);max-width:46ch}
.vazio__dado{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b}
.vazio__dado .ic{width:42px;height:42px}
.vazio--grande{margin-block:10px 40px}
.vazio__texto{font-size:1.2rem}

@media (max-width:980px){
  .catalogo{grid-template-columns:minmax(0,1fr)}
  .filtros-botao{display:inline-flex}
  .filtros{position:fixed;inset:0;z-index:125;pointer-events:none}
  .filtros__fundo{display:block;position:absolute;inset:0;background:rgba(6,5,4,.7);opacity:0;transition:opacity .3s var(--ease-out)}
  .filtros__form{position:absolute;top:auto;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(102%);transition:transform .38s var(--ease-out)}
  .filtros.aberto{pointer-events:auto}
  .filtros.aberto .filtros__fundo{opacity:1}
  .filtros.aberto .filtros__form{transform:none}
  .filtros__cabeca{display:flex;align-items:center;justify-content:space-between}
  .filtros__cabeca h2{font-size:1.6rem}
  .filtros__acoes{display:block;position:sticky;bottom:-18px;padding:12px 0 4px;background:linear-gradient(180deg,rgba(24,18,13,0),#18120d 30%)}
  .grade-slots--catalogo{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){.grade-slots--catalogo{grid-template-columns:repeat(2,minmax(0,1fr))}.ordem span{display:none}}

/* Faixa de madeira com chamada */
.faixa-madeira{position:relative;margin-top:clamp(20px,4vw,48px);padding-block:clamp(34px,5vw,56px);background:#2a1d14 url(../img/ui/barra-meio.webp) 0 50%/auto 100% repeat-x;box-shadow:inset 0 10px 20px -10px rgba(0,0,0,.8),inset 0 -10px 20px -10px rgba(0,0,0,.8)}
.faixa-madeira__conteudo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.faixa-madeira h2{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);text-shadow:0 2px 6px rgba(0,0,0,.8)}
.faixa-madeira p{margin-top:6px;color:var(--pergaminho);text-shadow:0 1px 3px rgba(0,0,0,.9);max-width:52ch}

/* ---------------------------------------------------------------------
   Página da miniatura
   --------------------------------------------------------------------- */
.produto{padding-top:clamp(18px,2.4vw,30px)}
.produto__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.produto__galeria{position:sticky;top:calc(var(--barra-h) + 20px)}
.produto__foto{--mw:clamp(30px,3.4vw,44px)}
.produto__miniaturas{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.produto__mini{width:70px;height:88px;padding:0;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#1a130e;cursor:pointer;opacity:.7}
.produto__mini img{width:100%;height:100%;object-fit:cover}
.produto__mini[aria-pressed="true"]{border-color:var(--ouro-claro);opacity:1}
.marcadores{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.marcador{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--borda-media);font:600 .72rem/1 var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);text-decoration:none}
.marcador .ic{width:16px;height:16px}
.marcador:hover{border-color:var(--ouro-claro);color:var(--texto)}
.produto__nome{margin-top:14px;font-size:clamp(2.2rem,1.5rem + 2.4vw,3.4rem);line-height:1.02}
.compra{margin-top:20px;display:grid;gap:16px}
.compra__preco{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.compra__valor{font:800 clamp(1.8rem,1.5rem + 1vw,2.3rem)/1 var(--f-corpo);font-variant-numeric:tabular-nums}
.compra__preco .selo{position:static}
.compra__prazo{margin-top:-6px;color:var(--texto-2);font-size:.95rem}
.tamanhos-escolha{border:0;margin:0;padding:0;min-width:0}
.tamanhos-escolha legend{padding:0;margin-bottom:10px;font:600 .74rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.tamanhos-escolha__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tamanhos-escolha__lista--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tamanho-opcao{position:relative;cursor:pointer}
.tamanho-opcao input{position:absolute;opacity:0;width:1px;height:1px}
.tamanho-opcao__corpo{
  position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"dado nome" "dado preco" "disp disp";column-gap:10px;row-gap:2px;align-items:center;
  padding:12px 12px 10px;border-radius:12px;background:#17110d;box-shadow:inset 0 0 0 1px var(--borda-media);transition:box-shadow .25s var(--ease-out),background-color .25s var(--ease-out)
}
.tamanho-opcao__dado{grid-area:dado;width:28px;height:28px;color:var(--ouro)}
.tamanho-opcao__nome{grid-area:nome;font:600 1.25rem/1 var(--f-titulo)}
.tamanho-opcao__preco{grid-area:preco;font-weight:700;font-size:.95rem;color:var(--texto-2)}
.tamanho-opcao__disp{grid-area:disp;margin-top:6px;font-size:.76rem;color:var(--texto-3)}
.tamanho-opcao:hover .tamanho-opcao__corpo{box-shadow:inset 0 0 0 1px var(--borda-forte)}
.tamanho-opcao input:checked+.tamanho-opcao__corpo{background:linear-gradient(180deg,rgba(67,209,142,.12),rgba(67,209,142,.04)),#17110d;box-shadow:inset 0 0 0 2px var(--esmeralda),0 0 20px -6px var(--esmeralda-brilho)}
.tamanho-opcao input:checked+.tamanho-opcao__corpo .tamanho-opcao__dado{color:#9BFAD0}
.tamanho-opcao input:focus-visible+.tamanho-opcao__corpo{outline:2px solid var(--esmeralda);outline-offset:3px}
.tamanho-opcao--esgotado .tamanho-opcao__corpo{opacity:.55}
.tamanho-opcao--esgotado .tamanho-opcao__nome{text-decoration:line-through;text-decoration-thickness:1px}
.compra__acoes{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.compra__acoes .botao--madeira{grid-column:1/-1}
.quantidade{display:inline-flex;align-items:center;height:48px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--borda-forte);background:#120e0b}
.quantidade button{width:40px;height:100%;border:0;background:transparent;color:var(--ouro-claro);cursor:pointer;display:grid;place-items:center;border-radius:10px}
.quantidade button:hover{color:var(--texto);background:rgba(201,164,92,.08)}
.quantidade .ic{width:18px;height:18px}
.quantidade input{width:44px;height:100%;border:0;background:transparent;text-align:center;font-weight:800;font-size:1.05rem;-moz-appearance:textfield}
.quantidade input::-webkit-outer-spin-button,.quantidade input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantidade--p{height:40px}
.quantidade--p button{width:34px}
.quantidade--p input{width:36px;font-size:.95rem}
.compra__garantia{display:flex;align-items:center;gap:8px;color:var(--texto-3);font-size:.86rem}
.compra__garantia .ic{width:16px;height:16px;color:var(--ouro)}
.specs{margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:var(--borda);box-shadow:0 0 0 1px var(--borda)}
.specs div{padding:12px 14px;background:#17110d}
.specs dt{display:flex;align-items:center;gap:8px;font:600 .68rem/1.2 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
.specs dt .ic{width:16px;height:16px}
.specs dd{margin:6px 0 0;font-weight:600;font-size:.95rem}
.produto__descricao{margin-top:24px;display:grid;gap:12px;color:var(--texto-2);font-size:1.05rem;max-width:62ch}
.produto__duvida{margin-top:14px}
.chamada-personalizada{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 28px;padding:clamp(20px,3vw,32px);border-radius:16px;background:radial-gradient(ellipse 60% 100% at 0% 50%,rgba(67,209,142,.1),rgba(67,209,142,0) 70%),#18120d;box-shadow:inset 0 0 0 1px var(--borda-media)}
.chamada-personalizada h2{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem)}
.chamada-personalizada p{margin-top:6px;color:var(--texto-2)}
.chamada-personalizada__dado{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#9BFAD0;background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b,0 0 24px rgba(67,209,142,.25)}
.chamada-personalizada__dado .ic{width:34px;height:34px}
.chamada-personalizada--grande{padding:clamp(26px,4vw,44px)}
.chamada-personalizada--grande .etiqueta{margin-bottom:8px}
.relacionados__cabeca{margin-block:clamp(48px,6vw,72px) 24px}
.relacionados__cabeca h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem)}
.secao--relacionados{padding-top:clamp(40px,5vw,64px)}
@media (max-width:900px){
  .produto__grade{grid-template-columns:minmax(0,1fr)}
  .produto__galeria{position:static;max-width:520px;margin-inline:auto;width:100%}
  .chamada-personalizada{grid-template-columns:auto minmax(0,1fr)}
  .chamada-personalizada .botao{grid-column:1/-1;justify-self:start}
}
@media (max-width:480px){.specs{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------------
   Personalizadas
   --------------------------------------------------------------------- */
.pers-topo{padding-block:clamp(18px,3vw,36px) clamp(40px,6vw,80px)}
.pers-topo__grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.pers-topo__texto{display:grid;justify-items:start;gap:16px}
.pers-topo__texto h1{font-size:clamp(2.5rem,1.5rem + 3.2vw,4.4rem);line-height:1}
.pers-topo__texto p{color:var(--texto-2);font-size:1.15rem;max-width:48ch}
.pers-topo__texto .acoes{margin-top:8px}
.pers-topo__foto .quadro__foto{--mw:clamp(30px,3.6vw,46px);aspect-ratio:4/5}
.pers-topo__foto img{object-position:50% 50%}
@media (max-width:860px){.pers-topo__grade{grid-template-columns:minmax(0,1fr)}.pers-topo__foto{max-width:460px;width:100%;justify-self:center}}

.comparar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,90px);align-items:center}
.comparar__texto{display:grid;justify-items:start;gap:16px}
.comparar__texto h2{font-size:clamp(2rem,1.35rem + 2.2vw,3.2rem)}
.comparar__texto>p{color:var(--texto-2);font-size:1.1rem;max-width:48ch}
@media (max-width:900px){.comparar{grid-template-columns:minmax(0,1fr)}.comparador{max-width:520px}}
.pares{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;width:100%;max-width:470px}
.par-aba{position:relative;display:grid;justify-items:center;gap:8px;min-height:44px;padding:12px 8px 11px;border-radius:14px;text-align:center;line-height:1.15;border:1px solid var(--borda);background:#1a130e;color:var(--texto-2);font:600 .9rem var(--f-corpo);cursor:pointer;transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}
.par-aba img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--fundo),0 0 0 3px var(--borda-media)}
.par-aba[aria-selected="true"]{color:var(--texto);border-color:var(--ouro-claro);background:#231912}
.par-aba[aria-selected="true"] img{box-shadow:0 0 0 2px var(--fundo),0 0 0 3px var(--ouro-claro)}
.par-aba:hover{color:var(--texto);border-color:var(--borda-forte)}
.par-aba .visto{position:absolute;top:8px;right:8px;width:16px;height:16px;color:var(--esmeralda);opacity:0;transition:opacity .4s var(--ease-out)}
.par-aba.visto-ok .visto{opacity:1}
.instrucao{display:flex;align-items:center;gap:10px;color:var(--texto-2);font-size:.95rem}
.instrucao .ic{width:22px;height:22px;color:var(--ouro)}

.comparador{
  --pos:18%;--mw:clamp(26px,3vw,40px);
  position:relative;aspect-ratio:4/5;width:100%;max-height:82vh;margin-inline:auto;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;
}
.comparador::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border:var(--mw) solid transparent;border-image:url(../img/ui/moldura.webp) 150 / var(--mw) round;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}
.comparador img{position:absolute;inset:calc(var(--mw) * .64);width:calc(100% - var(--mw) * 1.28);height:calc(100% - var(--mw) * 1.28);object-fit:cover;pointer-events:none;background:#1a130e}
.comparador .camada-mini{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.comparador.suave .camada-mini{transition:clip-path .8s var(--ease-inout)}
.comparador.suave .alca{transition:left .8s var(--ease-inout)}
.comparador .rotulo{position:absolute;top:calc(var(--mw) * .64 + 12px);z-index:4;padding:5px 9px;border-radius:7px;background:rgba(12,9,7,.7);border:1px solid rgba(201,164,92,.25);font:600 .62rem/1.2 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--texto)}
.comparador .rotulo-mini{left:calc(var(--mw) * .64 + 12px)}
.comparador .rotulo-arte{right:calc(var(--mw) * .64 + 12px)}
.alca{position:absolute;top:calc(var(--mw) * .64);bottom:calc(var(--mw) * .64);left:clamp(calc(var(--mw) * .64),var(--pos),calc(100% - var(--mw) * .64));width:0;z-index:6}
.alca::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:linear-gradient(180deg,rgba(232,201,138,0),rgba(232,201,138,.95) 20%,rgba(232,201,138,.95) 80%,rgba(232,201,138,0))}
.alca::after{content:"";position:absolute;top:0;bottom:0;right:0;width:150px;pointer-events:none;background:radial-gradient(ellipse 100% 60% at 100% 50%,rgba(240,170,80,.28),rgba(240,170,80,0) 70%)}
.lanterna{position:absolute;top:50%;left:0;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#3a2a1a,#1b140f 70%);border:1px solid rgba(232,201,138,.75);color:#F4D495;cursor:grab;box-shadow:0 0 0 6px rgba(15,12,10,.4),0 0 26px rgba(240,170,80,.55)}
.lanterna:active{cursor:grabbing}
.lanterna .ic{width:30px;height:30px}
.lanterna::after{content:"";position:absolute;inset:-10px;border-radius:50%;box-shadow:0 0 34px 8px rgba(240,170,80,.4);opacity:.5;animation:chama 4.6s var(--ease-inout) infinite}
@keyframes chama{0%,100%{opacity:.35}50%{opacity:.8}}
.comparador.dica .lanterna{animation:cutucar 2.4s var(--ease-inout) 3;animation-delay:.6s}
@keyframes cutucar{0%,100%{transform:translateX(0)}35%{transform:translateX(14px)}65%{transform:translateX(-4px)}}
.legenda-final{position:absolute;left:calc(var(--mw) * .64 + 12px);right:calc(var(--mw) * .64 + 12px);bottom:calc(var(--mw) * .64 + 12px);z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgba(12,9,7,.78);border:1px solid rgba(67,209,142,.4);font-size:.95rem;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.legenda-final .ic{width:18px;height:18px;color:var(--esmeralda)}
.comparador.revelado .legenda-final{opacity:1;transform:none}

.trilha-passos{list-style:none;position:relative;margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.trilha-passos::before{content:"";position:absolute;left:12.5%;right:12.5%;top:44px;border-top:2px dashed rgba(201,164,92,.35)}
.passo{position:relative;display:grid;justify-items:center;align-content:start;gap:12px;text-align:center}
.passo__medalha{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 6px var(--fundo),0 0 0 7px rgba(201,164,92,.3)}
.passo__medalha .ic{width:40px;height:40px}
.passo__num{position:absolute;right:-4px;top:-4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#8DF2C0,#2DB673);color:var(--tinta-verde);font:800 .85rem/1 var(--f-corpo);box-shadow:0 0 0 3px var(--fundo)}
.passo h3{font-size:1.45rem}
.passo p{color:var(--texto-2);max-width:26ch;font-size:1rem}
.dica-imagem{margin-top:clamp(28px,4vw,48px);display:flex;justify-content:center;align-items:center;gap:10px;color:var(--texto-2);text-align:center}
.dica-imagem .ic{width:20px;height:20px;color:var(--esmeralda)}
@media (max-width:860px){
  .trilha-passos{grid-template-columns:minmax(0,1fr);gap:26px}
  .trilha-passos::before{left:43px;right:auto;top:44px;bottom:44px;border-top:0;border-left:2px dashed rgba(201,164,92,.35)}
  .passo{grid-template-columns:88px minmax(0,1fr);justify-items:start;text-align:left;column-gap:20px;row-gap:4px}
  .passo__medalha{grid-row:span 2}
  .passo p{max-width:40ch}
}

.fileira{margin:clamp(34px,5vw,60px) auto 0;max-width:960px}
.fileira__rolagem{overflow-x:auto;padding:10px 4px 14px;border-radius:14px;background:radial-gradient(ellipse 70% 90% at 50% 100%,rgba(201,164,92,.1),rgba(201,164,92,0) 70%);scrollbar-width:thin;scrollbar-color:var(--borda-forte) transparent}
.fileira__rolagem>svg{width:100%;height:auto;min-width:620px}
.fileira .silhueta{fill:url(#resina)}
.fileira text{font-family:var(--f-rotulo);font-weight:600;font-size:14px;letter-spacing:.1em;fill:var(--texto-2)}
.fileira figcaption{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--texto-2);font-size:.95rem;text-align:center}
.fileira figcaption .ic{width:20px;height:20px;color:var(--ouro)}
.cartoes-tamanho{margin-top:clamp(30px,4vw,48px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tamanho{display:grid;align-content:start;gap:8px;padding:22px 20px;border-radius:14px;background:linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda)}
.tamanho__cat{font:600 .68rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.tamanho h3{font-size:2rem;line-height:1}
.tamanho p{color:var(--texto-2);font-size:.96rem}
.tamanho__preco{margin-top:6px;color:var(--texto)!important;font-weight:800;font-size:1.1rem!important}
.tamanho__preco small{display:block;font-weight:500;font-size:.76rem;color:var(--texto-3)}
.nota-escala{margin-top:16px;text-align:center;color:var(--texto-3);font-size:.9rem}
@media (max-width:980px){.cartoes-tamanho{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.cartoes-tamanho{grid-template-columns:minmax(0,1fr)}}

.balcao{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:20px;background:radial-gradient(ellipse 70% 80% at 100% 0%,rgba(67,209,142,.08),rgba(67,209,142,0) 60%),linear-gradient(180deg,#221912,#16110c);box-shadow:inset 0 0 0 1px var(--borda-media),0 40px 80px -50px #000}
.balcao__texto{display:grid;justify-items:start;gap:14px}
.balcao__texto h2{font-size:clamp(2rem,1.35rem + 2.2vw,3.1rem)}
.balcao__texto p{color:var(--texto-2);max-width:44ch}
.balcao__prazo{display:flex;align-items:center;gap:10px;color:var(--texto)!important;font-weight:600}
.balcao__prazo .ic{width:20px;height:20px;color:var(--ouro)}
.balcao__form{display:grid;gap:16px}
.balcao__form--consulta{padding:20px;border-radius:14px;background:#17110d;box-shadow:inset 0 0 0 1px var(--borda)}
@media (max-width:900px){.balcao{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.tamanhos-escolha__lista--2{grid-template-columns:minmax(0,1fr)}}
.pintura{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(165,123,230,.4);background:rgba(165,123,230,.08)}
.chave{position:relative;width:46px;height:26px;border-radius:999px;background:#3a3040;border:1px solid rgba(165,123,230,.4);flex:none}
.chave::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#7d6a90}
.pintura__rotulo{font-weight:700;opacity:.75}
.tag-breve{font:700 .64rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:6px;color:var(--arcano);border:1px solid rgba(165,123,230,.55)}

.secao--depois .quadro-avisos{background:linear-gradient(180deg,#2c1f15,#1d150f)}
.secao--depois .quadro-avisos .etiqueta{margin-top:-4px}

.duvidas{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,6vw,90px);align-items:start}
.duvidas .cabeca{position:sticky;top:calc(var(--barra-h) + 30px)}
.duvidas .cabeca a{color:var(--ouro-claro)}
.perguntas{display:grid}
.perguntas details{border-bottom:1px solid var(--borda)}
.perguntas details:first-child{border-top:1px solid var(--borda)}
.perguntas summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 2px;font:700 1.08rem/1.35 var(--f-corpo)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary:hover{color:var(--ouro-claro)}
.perguntas .mais{position:relative;width:18px;height:18px;flex:none}
.perguntas .mais::before,.perguntas .mais::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--ouro);border-radius:2px;transition:transform .4s var(--ease-out)}
.perguntas .mais::after{transform:rotate(90deg)}
.perguntas details[open] .mais::after{transform:rotate(0)}
.perguntas .resposta{padding:0 2px 22px;color:var(--texto-2);max-width:64ch}
@media (max-width:860px){.duvidas{grid-template-columns:minmax(0,1fr)}.duvidas .cabeca{position:static}}

/* ---------------------------------------------------------------------
   Como funciona
   --------------------------------------------------------------------- */
.cartoes-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cartao-info{display:grid;align-content:start;gap:12px;padding:26px 24px;border-radius:16px;background:linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda)}
.cartao-info__icone{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b}
.cartao-info__icone .ic{width:26px;height:26px}
.cartao-info h2{font-size:1.7rem}
.cartao-info p{color:var(--texto-2)}
.cartao-info__nota{font-size:.92rem;color:var(--texto-3)!important}
.cartao-info__lista{list-style:none;display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--borda);font-size:.95rem;color:var(--texto-2)}
.cartao-info__lista strong{color:var(--texto)}
@media (max-width:900px){.cartoes-info{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------------
   Formulários em pergaminho (contato e finalizar pedido)
   --------------------------------------------------------------------- */
.pergaminho-form{
  position:relative;color:var(--tinta);border-radius:14px;padding:clamp(22px,3.4vw,40px);
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%,rgba(255,250,236,.7),rgba(255,250,236,0) 60%),
    radial-gradient(ellipse 60% 40% at 90% 100%,rgba(150,108,56,.22),rgba(150,108,56,0) 70%),
    linear-gradient(180deg,#F1E5CD,#E3CFAA);
  box-shadow:inset 0 0 0 1px rgba(120,84,40,.35),inset 0 0 40px rgba(140,100,50,.25),0 30px 60px -30px #000;
}
.pergaminho-form h2{font-size:clamp(1.7rem,1.3rem + 1.2vw,2.3rem);color:#2a1a0e;margin-bottom:16px}
.pergaminho-form a{color:#7a2e1c}
.formulario{display:grid;gap:14px}
.campo{display:grid;gap:6px;min-width:0}
.campo__rotulo{font-weight:700;font-size:.92rem}
.campo__rotulo small{font-weight:500;color:inherit;opacity:.72}
.campo input,.campo textarea,.campo select{width:100%;min-height:48px;padding:10px 12px;border-radius:10px;font-size:1rem}
.pergaminho-form .campo input,.pergaminho-form .campo textarea,.pergaminho-form .campo select{background-color:rgba(255,252,244,.82);border:1.5px solid rgba(94,67,41,.4);color:#23160c}
.pergaminho-form .campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E4329' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.pergaminho-form .campo input:focus,.pergaminho-form .campo textarea:focus,.pergaminho-form .campo select:focus{outline:none;border-color:#1f8a57;box-shadow:0 0 0 3px rgba(31,138,87,.22)}
.balcao__form .campo input{background:#120e0b;border:1px solid var(--borda-media);color:var(--texto)}
.balcao__form .campo input:focus{outline:none;border-color:var(--esmeralda);box-shadow:0 0 0 3px rgba(67,209,142,.2)}
.campo textarea{resize:vertical;min-height:140px}
.campo__ajuda{font-size:.84rem;opacity:.8}
.campos-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.campo--metade{max-width:calc(50% - 7px)}
.campo-armadilha{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:560px){.campos-2{grid-template-columns:minmax(0,1fr)}.campo--metade{max-width:none}}

/* Contato */
.contato{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(22px,4vw,48px);align-items:start;padding-bottom:clamp(30px,5vw,60px)}
.canais{display:grid;gap:12px}
.canal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border-radius:14px;text-decoration:none;color:inherit;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda-media);transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}
.canal:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ouro-claro)}
.canal__icone{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37}
.canal__icone .ic{width:26px;height:26px}
.canal__texto{display:grid;gap:3px}
.canal__texto strong{font:600 1.35rem/1 var(--f-titulo)}
.canal__texto span{color:var(--texto-2);font-size:.95rem}
.canal__texto em{font-style:normal;font-weight:700;color:var(--ouro-claro);font-size:.92rem;overflow-wrap:anywhere}
.canal__seta{width:20px;height:20px;color:var(--ouro)}
.canal--destaque{background:radial-gradient(ellipse 80% 100% at 0% 50%,rgba(67,209,142,.12),rgba(67,209,142,0) 70%),#1a130e;box-shadow:inset 0 0 0 1px rgba(67,209,142,.45)}
.canal--destaque .canal__icone{color:#9BFAD0}
.sobre{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.sobre__foto{max-width:420px;width:100%}
.sobre__texto{display:grid;justify-items:start;gap:14px}
.sobre__texto h2{font-size:clamp(2rem,1.35rem + 2.2vw,3rem)}
.sobre__texto p{color:var(--texto-2);font-size:1.1rem;max-width:52ch}
@media (max-width:860px){.contato,.sobre{grid-template-columns:minmax(0,1fr)}.sobre__foto{justify-self:center}}

/* ---------------------------------------------------------------------
   Bolsa (carrinho), finalizar pedido e pedido
   --------------------------------------------------------------------- */
.bolsa{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,3vw,40px);align-items:start;padding-bottom:40px}
.bolsa__itens{list-style:none;display:grid;gap:12px}
.item-bolsa{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto auto;align-items:center;gap:14px 18px;padding:14px;border-radius:14px;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda)}
.item-bolsa--problema{box-shadow:inset 0 0 0 1px rgba(231,134,111,.55)}
.item-bolsa__foto{display:block;width:84px;height:105px;border-radius:8px;overflow:hidden;background:#241a12;box-shadow:0 0 0 1px var(--borda-media)}
.item-bolsa__foto img{width:100%;height:100%;object-fit:cover}
.item-bolsa__dado{width:100%;height:100%;display:grid;place-items:center;color:var(--ouro)}
.item-bolsa__dado .ic{width:40px;height:40px}
.item-bolsa__info{display:grid;gap:3px;min-width:0}
.item-bolsa__nome{font:600 1.3rem/1.1 var(--f-titulo);color:var(--texto);text-decoration:none}
.item-bolsa__nome:hover{color:var(--ouro-claro)}
.item-bolsa__detalhe{color:var(--texto-2);font-size:.95rem}
.item-bolsa__disp{font-size:.8rem;color:var(--texto-3)}
.item-bolsa__aviso{display:flex;align-items:center;gap:6px;color:var(--perigo);font-size:.86rem;font-weight:600}
.item-bolsa__aviso .ic{width:16px;height:16px}
.item-bolsa__total{display:grid;justify-items:end;font-variant-numeric:tabular-nums}
.item-bolsa__total strong{font-size:1.1rem}
.item-bolsa__total small{color:var(--texto-3);font-size:.78rem}
.item-bolsa form{margin:0}
.botao-icone{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--texto-3);cursor:pointer}
.botao-icone:hover{color:var(--perigo);border-color:rgba(231,134,111,.4)}
.botao-icone .ic{width:20px;height:20px}
@media (max-width:980px){.bolsa{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .item-bolsa{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"foto info remover" "foto qtd total"}
  .item-bolsa__foto{grid-area:foto;width:72px;height:90px}
  .item-bolsa__info{grid-area:info}
  .item-bolsa__qtd{grid-area:qtd}
  .item-bolsa__total{grid-area:total}
  .item-bolsa__remover{grid-area:remover;align-self:start}
  .item-bolsa__nome{font-size:1.12rem}
}
.resumo{position:sticky;top:calc(var(--barra-h) + 20px);display:grid;gap:16px;padding:22px;border-radius:16px;background:linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda-media),0 30px 60px -40px #000}
.resumo h2{font-size:1.6rem}
.resumo dl,.pedido__totais{margin:0;display:grid;gap:8px}
.resumo dl div,.pedido__totais div{display:flex;justify-content:space-between;gap:12px;color:var(--texto-2)}
.resumo dd,.pedido__totais dd{margin:0;font-weight:700;color:var(--texto);font-variant-numeric:tabular-nums}
.resumo__total{padding-top:10px;border-top:1px solid var(--borda)}
.resumo__total dt{color:var(--texto);font-weight:700}
.resumo__total dd{font-size:1.35rem}
.resumo__nota{display:flex;gap:10px;align-items:flex-start;color:var(--texto-2);font-size:.9rem}
.resumo__nota .ic{width:20px;height:20px;color:var(--ouro);margin-top:2px}
.resumo__continuar{justify-self:center}
.resumo__selos{list-style:none;display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--borda)}
.resumo__selos li{display:flex;align-items:center;gap:8px;color:var(--texto-3);font-size:.85rem}
.resumo__selos .ic{width:16px;height:16px;color:var(--ouro)}
.resumo__itens{list-style:none;display:grid;gap:12px;max-height:340px;overflow:auto}
.resumo__itens li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}
.resumo__foto{position:relative;width:56px;height:70px;border-radius:8px;background:#241a12;display:grid;place-items:center;color:var(--ouro);box-shadow:0 0 0 1px var(--borda-media)}
.resumo__foto img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.resumo__foto .ic{width:28px;height:28px}
.resumo__qtd{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;padding:0 5px;background:#3a2a1e;color:var(--texto);font-size:.72rem;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #1d150f}
.resumo__nome{display:grid;font-weight:600;font-size:.95rem;line-height:1.25}
.resumo__nome small{font-weight:400;color:var(--texto-3);font-size:.82rem}

.finalizar{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(20px,3vw,40px);align-items:start;padding-bottom:40px}
.bloco-form{border:0;margin:0;padding:0;display:grid;gap:14px;min-width:0}
.bloco-form+.bloco-form{margin-top:26px;padding-top:24px;border-top:1px dashed rgba(94,67,41,.4)}
.bloco-form legend{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:6px;font:600 1.6rem/1 var(--f-titulo);color:#2a1a0e}
.bloco-form__num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#3a2616;color:#F1E5CD;font:700 1rem/1 var(--f-corpo)}
.bloco-form__texto{color:var(--tinta-2)}
.campos-cep{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:end;gap:14px}
.campo__ajuda--cep{padding-bottom:14px}
.campos-endereco{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px}
.campos-cidade{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px}
.aceite{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;line-height:1.45}
.aceite input{position:absolute;opacity:0;width:1px;height:1px}
.aceite .opcao__caixa{margin-top:2px;background:rgba(255,252,244,.8);border-color:rgba(94,67,41,.55)}
.aceite input:checked+.opcao__caixa{background:#1f8a57;border-color:#1f8a57;color:#fff}
.aceite input:checked+.opcao__caixa .ic{opacity:1}
.aceite input:focus-visible+.opcao__caixa{outline:2px solid #1f8a57;outline-offset:2px}
.finalizar__botao{margin-top:6px;min-height:54px;font-size:1.05rem}
.pergaminho-form .compra__garantia{color:var(--tinta-2)}
.pergaminho-form .compra__garantia .ic{color:#1f8a57}
@media (max-width:980px){.finalizar{grid-template-columns:minmax(0,1fr)}.resumo--fixo{position:static;order:-1}}
@media (max-width:560px){.campos-cep,.campos-endereco,.campos-cidade{grid-template-columns:minmax(0,1fr)}.campo__ajuda--cep{padding-bottom:0}}

.pedido{max-width:820px;padding-top:clamp(24px,4vw,48px);display:grid;gap:16px}
.pedido__topo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:clamp(22px,3.4vw,36px);border-radius:18px;background:linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda-media)}
.pedido__topo h1{font-size:clamp(2rem,1.4rem + 2vw,3rem);margin-top:6px}
.pedido__selo{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--ambar);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b}
.pedido__selo .ic{width:36px;height:36px}
.pedido__topo--aprovado .pedido__selo{color:#9BFAD0;box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b,0 0 30px rgba(67,209,142,.35)}
.pedido__topo--recusado .pedido__selo,.pedido__topo--cancelado .pedido__selo{color:var(--perigo)}
.pedido__numero{margin-top:10px;color:var(--texto-2)}
.pedido__numero strong{color:var(--texto);letter-spacing:.04em}
.pedido__email{color:var(--texto-3);font-size:.92rem;overflow-wrap:anywhere}
.pedido__bloco{display:grid;gap:12px;padding:clamp(20px,3vw,30px);border-radius:16px;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda)}
.pedido__bloco h2{font-size:1.7rem}
.pedido__bloco>p{color:var(--texto-2)}
.pedido__bloco form{margin:0}
.pedido__pagar{box-shadow:inset 0 0 0 1px rgba(67,209,142,.45)}
.pedido__personalizada{grid-template-columns:auto minmax(0,1fr);gap:18px 22px;background:radial-gradient(ellipse 70% 100% at 0% 0%,rgba(67,209,142,.1),rgba(67,209,142,0) 70%),#1a130e;box-shadow:inset 0 0 0 1px rgba(67,209,142,.4)}
.pedido__personalizada>div{display:grid;gap:10px}
.pedido__personalizada p{color:var(--texto-2)}
.pedido__dado{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#9BFAD0;background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37}
.pedido__dado .ic{width:30px;height:30px}
.pedido__codigo{padding:10px 14px;border-radius:10px;background:#120e0b;box-shadow:inset 0 0 0 1px var(--borda-media);color:var(--texto)!important}
.pedido__codigo strong{letter-spacing:.05em;color:var(--ouro-claro)}
.pedido__itens{list-style:none;display:grid;gap:8px}
.pedido__itens li{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--borda)}
.pedido__itens small{display:block;color:var(--texto-3)}
.pedido__rastreio strong{color:var(--ouro-claro);letter-spacing:.04em}
.etapas{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:etapa}
.etapas li{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--texto-3);font-weight:600;font-size:.9rem}
.etapas__marca{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--borda-media)}
.etapas__marca .ic{width:18px;height:18px}
.etapas li.feito{color:var(--texto)}
.etapas li.feito .etapas__marca{background:var(--esmeralda);color:var(--tinta-verde);box-shadow:none}
@media (max-width:560px){.pedido__topo,.pedido__personalizada{grid-template-columns:minmax(0,1fr)}}

.erro{display:grid;justify-items:center;gap:14px;text-align:center;padding-block:clamp(60px,10vw,120px)}
.erro h1{font-size:clamp(2.4rem,1.6rem + 3vw,4rem)}
.erro>p{color:var(--texto-2);max-width:46ch;font-size:1.1rem}
.erro__dado{position:relative;width:120px;height:120px;display:grid;place-items:center;color:var(--ouro-claro)}
.erro__dado .ic{width:120px;height:120px}
.erro__dado span{position:absolute;inset:0;display:grid;place-items:center;padding-top:22px;font:700 1.6rem/1 var(--f-titulo);color:var(--perigo)}
.secao--passos .acoes{margin-top:clamp(28px,4vw,44px)}

/* ---------------------------------------------------------------------
   Conta do cliente
   --------------------------------------------------------------------- */
.pergaminho__conta a{padding:0 8px}
.pergaminho__conta a::after{display:none}
.pergaminho__conta .ic{width:25px;height:25px}
.pergaminho__logado{position:absolute;top:10px;right:4px;width:9px;height:9px;border-radius:50%;background:#2DB673;box-shadow:0 0 0 2px #EADBC0}
.pergaminho__conta+.pergaminho__bolsa{margin-left:0;padding-left:0;border-left:0}
.pergaminho__conta{margin-left:clamp(4px,1vw,14px);padding-left:clamp(8px,1.4vw,18px);border-left:1px solid rgba(58,38,22,.35)}
.barra-fixa__conta{margin-left:6px}
@media (max-width:860px){.barra-fixa__conta{margin-left:0}}

.portas-conta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,36px);align-items:stretch;max-width:980px;margin-inline:auto;padding-bottom:clamp(30px,5vw,60px)}
.portas-conta .pergaminho-form h2{margin-bottom:4px}
.link-esqueci{justify-self:center;font-weight:600}
.convite-conta{display:grid;align-content:center;gap:16px;padding:clamp(22px,3.4vw,40px);border-radius:14px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(67,209,142,.1),rgba(67,209,142,0) 70%),linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda-media)}
.convite-conta h2{font-size:clamp(1.7rem,1.3rem + 1.2vw,2.3rem)}
.convite-conta__emblema{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#9BFAD0;background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b}
.convite-conta__emblema .ic{width:32px;height:32px}
.convite-conta__lista{list-style:none;display:grid;gap:12px}
.convite-conta__lista li{display:flex;align-items:center;gap:12px;color:var(--texto-2);font-weight:600}
.convite-conta__lista .ic{width:22px;height:22px;color:var(--ouro)}
@media (max-width:760px){.portas-conta{grid-template-columns:minmax(0,1fr)}}

.conta-form{max-width:860px;display:grid;gap:18px;padding-bottom:clamp(30px,5vw,60px)}
.conta-form--estreito{max-width:520px}
.bloco-form__num .ic{width:18px;height:18px}
.faixa-conta{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;border-radius:10px;background:rgba(255,252,244,.55);border:1px dashed rgba(94,67,41,.4);color:var(--tinta-2);font-size:.95rem}
.faixa-conta .ic{width:20px;height:20px;color:#1f8a57}
.faixa-conta strong{color:#2a1a0e}
.criar-conta{display:grid;gap:12px;padding:14px;border-radius:12px;background:rgba(31,138,87,.08);border:1px solid rgba(31,138,87,.35)}
.criar-conta__campos{display:grid;gap:12px;padding-left:32px}
.criar-conta__campos .campo{max-width:320px}
.aceite--p{font-size:.9rem}
.excluir-conta{border-radius:12px;background:#17110d;box-shadow:inset 0 0 0 1px var(--borda)}
.excluir-conta summary{cursor:pointer;padding:14px 18px;color:var(--texto-3);font-weight:600}
.excluir-conta .formulario{padding:0 18px 18px;color:var(--texto-2)}
.excluir-conta .campo input{background:#120e0b;border:1px solid var(--borda-media);color:var(--texto)}

.aventureiro{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(30px,5vw,60px);display:grid;gap:16px}
.aventureiro__topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 22px;padding:clamp(20px,3vw,32px);border-radius:18px;background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(201,164,92,.12),rgba(201,164,92,0) 60%),linear-gradient(180deg,#221912,#18120d);box-shadow:inset 0 0 0 1px var(--borda-media)}
.aventureiro__brasao{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:700 2.4rem/1 var(--f-titulo);color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 6px #15100b,0 0 0 7px rgba(201,164,92,.35)}
.aventureiro__topo h1{font-size:clamp(2rem,1.4rem + 2vw,3rem);margin-top:4px}
.aventureiro__desde{margin-top:6px;color:var(--texto-3)}
.aventureiro__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.aventureiro__bloco{display:grid;align-content:start;gap:10px;padding:clamp(18px,2.6vw,26px);border-radius:16px;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda)}
.aventureiro__bloco h2{display:flex;align-items:center;gap:10px;font-size:1.45rem}
.aventureiro__bloco h2 .ic{width:22px;height:22px;color:var(--ouro)}
.aventureiro__bloco address{font-style:normal;color:var(--texto-2);line-height:1.6}
.aventureiro__bloco>p{color:var(--texto-2)}
.aventureiro__pontos{background:radial-gradient(ellipse 80% 80% at 100% 0%,rgba(67,209,142,.12),rgba(67,209,142,0) 60%),#1a130e;box-shadow:inset 0 0 0 1px rgba(67,209,142,.35)}
.aventureiro__pontos .tag-breve{justify-self:start}
.aventureiro__saldo strong{font:800 2.4rem/1 var(--f-corpo);color:var(--texto)}
.aventureiro__movimentos{list-style:none;display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--borda)}
.aventureiro__movimentos li{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;color:var(--texto-2)}
.aventureiro__dados{margin:0;display:grid;gap:8px}
.aventureiro__dados div{display:grid;gap:2px}
.aventureiro__dados dt{font:600 .68rem/1.2 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
.aventureiro__dados dd{margin:0;color:var(--texto-2);overflow-wrap:anywhere}
.aventureiro__pedidos .cabeca{align-items:center}
.aventureiro__vazio{color:var(--texto-2)}
.lista-pedidos{list-style:none;display:grid;gap:8px}
.lista-pedidos a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto auto;align-items:center;gap:12px 16px;padding:12px 14px;border-radius:12px;background:#15100c;box-shadow:inset 0 0 0 1px var(--borda);text-decoration:none;color:inherit;transition:box-shadow .25s var(--ease-out)}
.lista-pedidos a:hover{box-shadow:inset 0 0 0 1px var(--borda-forte)}
.lista-pedidos__num{display:grid;font-weight:700;letter-spacing:.03em}
.lista-pedidos__num small{font-weight:400;color:var(--texto-3);letter-spacing:0}
.lista-pedidos__status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.lista-pedidos__status .selo{position:static}
.lista-pedidos__status small{color:var(--texto-3)}
.lista-pedidos__total{font-variant-numeric:tabular-nums}
.lista-pedidos .ic{width:18px;height:18px;color:var(--ouro)}

@media (max-width:620px){
  .aventureiro__topo{grid-template-columns:auto minmax(0,1fr)}
  .aventureiro__sair{grid-column:1/-1}
  .aventureiro__brasao{width:64px;height:64px;font-size:1.8rem}
  .lista-pedidos a{grid-template-columns:minmax(0,1fr) auto}
  .lista-pedidos__status{grid-column:1/-1;grid-row:2}
  .lista-pedidos .ic{display:none}
}

.texto-longo{max-width:820px;padding-bottom:clamp(30px,5vw,60px)}
.texto-longo .pergaminho-form>p{font-size:1.05rem;line-height:1.7}
.texto-longo__data{margin-top:18px;font-size:.88rem;opacity:.7}

/* =====================================================================
   Versão 2.1: encomenda com dados do personagem, Ficha de Personagem,
   Role os Dados, prêmios no checkout e novidades no Início
   ===================================================================== */

/* caixas de marcar no fundo escuro */
.aceite--escuro .opcao__caixa{background:#120e0b;border-color:var(--borda-forte)}
.aceite--escuro input:checked+.opcao__caixa{background:var(--esmeralda);border-color:var(--esmeralda);color:var(--tinta-verde)}
.aceite--escuro input:focus-visible+.opcao__caixa{outline:2px solid var(--esmeralda);outline-offset:2px}
.aceite--p{font-size:.9rem}

/* encomenda da personalizada */
.sobre-personagem{margin:0;padding:14px 14px 16px;min-width:0;display:grid;gap:12px;border:0;border-radius:14px;background:#17110d;box-shadow:inset 0 0 0 1px var(--borda)}
.sobre-personagem>legend{float:left;width:100%;padding:0;font:600 .74rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.sobre-personagem__texto{display:flex;gap:10px;align-items:flex-start;color:var(--texto-2);font-size:.92rem}
.sobre-personagem__texto .ic{width:20px;height:20px;flex:none;margin-top:1px;color:var(--ouro)}
.sobre-personagem .campo input{min-height:44px}
.balcao__form .campo input::placeholder{color:var(--texto-3)}
.sexo-escolha{margin:0;padding:0;border:0;min-width:0;display:grid;gap:8px}
.sexo-escolha>legend{float:left;width:100%;padding:0}
.sexo-escolha .selo-filtro input:checked+span{background:rgba(67,209,142,.14)}
.oferta-ficha{align-items:center;padding:12px 14px;border-radius:12px;background:radial-gradient(ellipse 80% 120% at 100% 50%,rgba(125,43,33,.22),rgba(125,43,33,0) 70%),#17110d;box-shadow:inset 0 0 0 1px rgba(201,164,92,.34)}
.oferta-ficha .opcao__caixa{margin-top:0}
.oferta-ficha__texto{display:grid;gap:3px;flex:1;min-width:0}
.oferta-ficha__texto strong{color:var(--ouro-claro);white-space:nowrap}
.oferta-ficha__texto small{color:var(--texto-3);font-size:.84rem}
.oferta-ficha__icone{width:30px;height:30px;flex:none;color:#E09A86}

/* Início: novidades e crédito na galeria */
.secao--novidades{background:radial-gradient(ellipse 50% 60% at 20% 30%,rgba(125,43,33,.12),rgba(125,43,33,0) 70%),radial-gradient(ellipse 50% 60% at 85% 70%,rgba(165,123,230,.1),rgba(165,123,230,0) 70%)}
.novidades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);margin-top:clamp(28px,4vw,48px)}
.novidades--uma{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}
.novidade{display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#211811,#17110c);box-shadow:inset 0 0 0 1px var(--borda-media),0 40px 70px -46px #000}
.novidade__imagem{position:relative;aspect-ratio:4/3;overflow:hidden;background:#120d0a}
.novidade__imagem img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.novidade:hover .novidade__imagem img{transform:scale(1.035)}
.novidade__imagem::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,rgba(23,17,12,0),#1b140e);pointer-events:none}
.novidade__texto{position:relative;z-index:2;display:grid;align-content:start;justify-items:start;gap:12px;padding:0 clamp(20px,3vw,32px) clamp(22px,3vw,32px);margin-top:-18px}
.novidade__texto h3{display:flex;align-items:center;gap:12px;font-size:clamp(1.7rem,1.3rem + 1.2vw,2.3rem)}
.novidade__texto p{color:var(--texto-2);max-width:48ch}
.novidade__texto .botao{margin-top:4px}
.novidade__emblema{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--ouro-claro);background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37,0 0 0 5px #15100b}
.novidade--ficha .novidade__emblema{color:#F0A590}
.novidade--dados .novidade__emblema{color:#C9A7FF}
.novidade__emblema .ic{width:24px;height:24px}
.novidade__imagem--vitrine{background:radial-gradient(ellipse 70% 60% at 50% 40%,#3a2a1c,#140e0a 75%)}
.vitrine-ficha{position:absolute;inset:0;z-index:0;overflow:hidden;--vitrine-escala:.4}
.vitrine-ficha .fp-livro{display:block}
.vitrine-ficha .fp-folha{position:absolute;left:50%;top:8%;transform-origin:0 0;transition:transform 1.2s var(--ease-out);box-shadow:inset 0 0 22mm rgba(120,78,30,.24),0 14mm 30mm -6mm rgba(0,0,0,.8)}
.vitrine-ficha .fp-carta{z-index:1;transform:scale(var(--vitrine-escala)) translate(-104%,9%) rotate(-8deg);filter:brightness(.86)}
.vitrine-ficha .fp-frente{z-index:2;transform:scale(var(--vitrine-escala)) translate(-26%,1%) rotate(4deg)}
.novidade:hover .vitrine-ficha .fp-frente{transform:scale(var(--vitrine-escala)) translate(-26%,-1%) rotate(3deg)}
@media (prefers-reduced-motion:reduce){.vitrine-ficha .fp-folha{transition:none}}
@media (max-width:820px){.novidades{grid-template-columns:minmax(0,1fr)}}
.peca figcaption{display:grid;justify-items:center;gap:6px}
.peca__credito{display:inline-flex;align-items:center;gap:6px;font:500 .84rem/1.3 var(--f-corpo);letter-spacing:0;text-transform:none;color:var(--texto-3)}
.peca__credito .ic{width:15px;height:15px;flex:none;color:var(--ouro)}
.peca__credito strong{color:var(--ouro-claro);font-weight:700}

/* bolsa */
.bolsa__coluna{display:grid;gap:14px;min-width:0}
.item-bolsa__qtd--fixa .link-seta{min-height:40px;font-size:.92rem}
.oferta-bolsa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:16px 18px;border-radius:14px;background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(125,43,33,.22),rgba(125,43,33,0) 70%),#1a130e;box-shadow:inset 0 0 0 1px rgba(201,164,92,.34)}
.oferta-bolsa__emblema{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#F0A590;background:radial-gradient(circle at 50% 32%,#4b3825,#1b140e 70%);box-shadow:0 0 0 2px #8f6f37}
.oferta-bolsa__emblema .ic{width:24px;height:24px}
.oferta-bolsa__texto strong{font:600 1.25rem/1.15 var(--f-titulo)}
.oferta-bolsa__texto p{margin-top:2px;color:var(--texto-2);font-size:.94rem}
.oferta-bolsa__preco{margin-left:8px;padding-left:8px;border-left:1px solid rgba(201,164,92,.4);font-variant-numeric:tabular-nums}
@media (max-width:620px){.oferta-bolsa{grid-template-columns:auto minmax(0,1fr)}.oferta-bolsa .botao{grid-column:1/-1}}
.resumo__nota--premio{padding:10px 12px;border-radius:10px;background:rgba(165,123,230,.1);box-shadow:inset 0 0 0 1px rgba(165,123,230,.35)}
.resumo__nota--premio .ic{color:#C9A7FF}
.resumo__desconto dt{color:#C9A7FF}
.resumo__desconto dd{color:#D9C2FF!important}

/* prêmios no checkout */
.premios-escolha{display:grid;gap:10px;padding:14px;border-radius:12px;background:rgba(58,38,22,.08);box-shadow:inset 0 0 0 1px rgba(94,67,41,.3)}
.premios-escolha__titulo{display:flex;align-items:center;gap:10px;font:600 1.3rem/1.1 var(--f-titulo);color:#2a1a0e}
.premios-escolha__titulo .ic{width:24px;height:24px;color:#6b3fa6}
.premios-escolha__lista{display:grid;gap:8px}
.premio-opcao{position:relative;display:block;cursor:pointer}
.premio-opcao input{position:absolute;opacity:0;width:1px;height:1px}
.premio-opcao__corpo{display:grid;gap:2px;padding:10px 12px 10px 42px;border-radius:10px;background:rgba(255,252,244,.6);box-shadow:inset 0 0 0 1.5px rgba(94,67,41,.3);transition:box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}
.premio-opcao__corpo::before{content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(94,67,41,.55);background:rgba(255,252,244,.9)}
.premio-opcao input:checked+.premio-opcao__corpo{background:rgba(255,252,244,.95);box-shadow:inset 0 0 0 2px #1f8a57}
.premio-opcao input:checked+.premio-opcao__corpo::before{box-shadow:inset 0 0 0 5px #1f8a57}
.premio-opcao input:focus-visible+.premio-opcao__corpo{outline:2px solid #1f8a57;outline-offset:2px}
.premio-opcao__corpo strong{font-size:1rem;color:#23160c}
.premio-opcao__corpo small{font-size:.85rem;color:#5e4329}
.premio-opcao__raridade{font:600 .66rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:#7a2e1c}
.premio-opcao--raro .premio-opcao__raridade{color:#1f5fa8}
.premio-opcao--epico .premio-opcao__raridade{color:#6b3fa6}
.premio-opcao--lendario .premio-opcao__raridade{color:#9a6a12}
.premio-opcao--goblin .premio-opcao__raridade{color:#4f7a1f}
.premio-opcao--bloqueado{cursor:not-allowed}
.premio-opcao--bloqueado .premio-opcao__corpo{opacity:.6}

/* pedido */
.pedido__rolagem{grid-template-columns:auto minmax(0,1fr);gap:18px 22px;background:radial-gradient(ellipse 70% 100% at 0% 0%,rgba(165,123,230,.14),rgba(165,123,230,0) 70%),#1a130e;box-shadow:inset 0 0 0 1px rgba(165,123,230,.45)}
.pedido__rolagem>div{display:grid;gap:10px}
.pedido__rolagem p{color:var(--texto-2)}
.pedido__dado--dados{color:#D2B8FF}
.pedido__fichas>p{color:var(--texto-2)}
.lista-fichas{list-style:none;display:grid;gap:8px}
.lista-fichas li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#140f0c;box-shadow:inset 0 0 0 1px var(--borda)}
.lista-fichas__retrato{width:48px;height:60px;border-radius:24px 24px 5px 5px;overflow:hidden;display:grid;place-items:center;color:var(--ouro);background:#221810;box-shadow:0 0 0 1px var(--borda-media)}
.lista-fichas__retrato img{width:100%;height:100%;object-fit:cover}
.lista-fichas__retrato .ic{width:24px;height:24px}
.lista-fichas__nome{display:grid;gap:2px;min-width:0;font:600 1.15rem/1.15 var(--f-titulo);color:var(--texto);text-decoration:none;overflow-wrap:anywhere}
a.lista-fichas__nome:hover{color:var(--ouro-claro)}
.lista-fichas__nome small{font:500 .82rem/1.3 var(--f-corpo);color:var(--texto-3)}
.lista-fichas--compacta li{grid-template-columns:auto minmax(0,1fr);padding:8px 10px}
.lista-fichas--compacta .lista-fichas__retrato{width:40px;height:50px}
.lista-fichas--cartoes li{grid-template-columns:auto minmax(0,1fr)}

/* conta: Role os Dados e prêmios */
.aventureiro__sorte{margin-bottom:16px;background:radial-gradient(ellipse 60% 120% at 100% 0%,rgba(165,123,230,.14),rgba(165,123,230,0) 60%),#1a130e;box-shadow:inset 0 0 0 1px rgba(165,123,230,.4)}
.aventureiro__sorte-topo{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px 22px}
.aventureiro__sorte-topo h2 .ic{color:#C9A7FF}
.aventureiro__sorte-topo p{margin-top:4px;color:var(--texto-2)}
.aventureiro__rolagens{display:grid;justify-items:center;padding:8px 16px;border-radius:12px;background:#120d0a;box-shadow:inset 0 0 0 1px var(--borda-media)}
.aventureiro__rolagens strong{font:700 2.2rem/1 var(--f-titulo);color:var(--texto)}
.aventureiro__rolagens span{font-size:.78rem;color:var(--texto-3);white-space:nowrap}
@media (max-width:700px){.aventureiro__sorte-topo{grid-template-columns:auto minmax(0,1fr)}.aventureiro__sorte-topo>div:first-child{grid-column:1/-1}}
.premios-lista{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin-top:6px}
.premio-cartao{--cor:#E2CEA0;position:relative;display:grid;align-content:start;gap:4px;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),#140f0c;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cor) 45%,transparent),inset 3px 0 0 var(--cor)}
.premio-cartao--raro{--cor:#6AB0FF}
.premio-cartao--epico{--cor:#B98CFF}
.premio-cartao--lendario{--cor:#FFCC5C}
.premio-cartao--goblin{--cor:#8CC04A}
.premio-cartao__raridade{font:600 .66rem/1.2 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--cor)}
.premio-cartao strong{font:600 1.2rem/1.15 var(--f-titulo)}
.premio-cartao small{color:var(--texto-3);font-size:.84rem}
.premio-cartao code{justify-self:start;margin-top:4px;padding:3px 8px;border-radius:6px;background:#0d0a08;color:var(--ouro-claro);font:600 .82rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.premio-cartao--apagado{opacity:.55}
.premio-cartao--novo{animation:premio-novo 1.4s var(--ease-out)}
@keyframes premio-novo{0%{transform:translateY(-8px);box-shadow:0 0 0 3px var(--cor),0 0 40px var(--cor)}100%{transform:none}}

/* ---------------------------------------------------------------------
   Role os Dados
   --------------------------------------------------------------------- */
.dados-topo{padding-block:clamp(18px,3vw,36px) clamp(10px,2vw,20px);background:radial-gradient(ellipse 50% 80% at 50% 0%,rgba(165,123,230,.12),rgba(165,123,230,0) 70%)}
.dados-topo__grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,4vw,56px);align-items:end}
.dados-topo__texto{display:grid;justify-items:start;gap:14px}
.dados-topo__texto h1{font-size:clamp(2.6rem,1.6rem + 3.6vw,4.6rem)}
.dados-topo__texto>p{color:var(--texto-2);font-size:1.12rem;max-width:52ch}
.dados-topo__regras{list-style:none;display:grid;gap:8px}
.dados-topo__regras li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda);color:var(--texto-2)}
.dados-topo__regras .ic{width:22px;height:22px;flex:none;color:var(--ouro-claro)}
.dados-topo__regras strong{color:var(--texto)}
@media (max-width:900px){.dados-topo__grade{grid-template-columns:minmax(0,1fr)}}

.mesa-secao{padding-block:clamp(10px,2vw,20px) clamp(40px,6vw,72px)}
.mesa{position:relative;display:grid;gap:clamp(14px,2vw,22px);padding:clamp(14px,2.4vw,28px);border-radius:24px;
  background:
    radial-gradient(ellipse 60% 55% at 50% 42%,rgba(67,209,142,.08),rgba(67,209,142,0) 70%),
    radial-gradient(ellipse 90% 80% at 50% 45%,#2a1f16,#140e0a 72%);
  box-shadow:inset 0 0 0 1px var(--borda-media),inset 0 0 0 7px #0f0b08,inset 0 0 0 8px rgba(201,164,92,.28),0 50px 90px -50px #000}
.mesa__palco{position:relative;border-radius:16px;overflow:hidden}
.mesa__canvas{display:block;width:100%;height:clamp(280px,40vw,440px)}
.mesa__sem-js{display:none}
html:not(.js) .mesa__canvas{display:none}
html:not(.js) .mesa__sem-js{display:flex;justify-content:center;gap:24px;padding:40px;color:var(--ouro-claro)}
html:not(.js) .mesa__sem-js .ic{width:96px;height:96px}
.mesa__placar{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;font:600 1.05rem/1.3 var(--f-rotulo);letter-spacing:.06em;color:var(--pergaminho);text-shadow:var(--sombra-texto);pointer-events:none}
.mesa__controles{display:grid;justify-items:center;gap:12px;text-align:center}
.mesa__controles form{margin:0}
.botao--rolar{min-height:62px;padding-inline:34px;font-size:1.25rem;letter-spacing:.02em}
.botao--rolar .ic{width:26px;height:26px}
.botao--rolar:not([disabled]){animation:rolar-chama 2.6s var(--ease-inout) infinite}
@keyframes rolar-chama{0%,100%{filter:none}50%{filter:brightness(1.1) drop-shadow(0 0 16px rgba(92,242,168,.45))}}
.mesa__saldo{color:var(--texto-2)}
.mesa__saldo strong{color:var(--texto);font-size:1.15rem}
.mesa__saldo a{color:var(--esmeralda-clara)}
.mesa__convite{display:grid;gap:4px;max-width:52ch}
.mesa__convite strong{font:600 1.5rem/1.15 var(--f-titulo)}
.mesa__convite p{color:var(--texto-2)}
.mesa__botoes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mesa__aviso{max-width:56ch;color:var(--texto-2)}
.mesa__aviso strong{color:var(--texto)}
.mesa--pausada .mesa__canvas{filter:grayscale(.6) brightness(.8)}
@media (prefers-reduced-motion:reduce){.botao--rolar:not([disabled]){animation:none}}

.revelacao{display:grid;justify-items:center;gap:12px;scroll-margin-top:calc(var(--barra-h) + 20px)}
.revelacao__soma{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 12px;margin:0;font:600 clamp(1.6rem,1.2rem + 1.6vw,2.4rem)/1 var(--f-titulo);color:var(--texto)}
.revelacao__soma em{font-style:normal;color:var(--texto-3)}
.revelacao__soma strong{min-width:1.6em;text-align:center;font-size:1.5em;color:var(--ouro-claro);font-variant-numeric:tabular-nums}
.revelacao__rotulo{flex-basis:100%;text-align:center;font:600 .72rem/1 var(--f-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-3)}
.revelacao__carta{--cor:#E2CEA0;position:relative;width:min(100%,600px);display:grid;justify-items:center;gap:10px;padding:clamp(20px,3vw,30px);border-radius:18px;text-align:center;
  background:radial-gradient(ellipse 80% 90% at 50% 0%,color-mix(in srgb,var(--cor) 18%,transparent),transparent 70%),#17110d;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cor) 55%,transparent),0 0 60px -20px color-mix(in srgb,var(--cor) 60%,transparent);
  opacity:0;transform:translateY(12px) scale(.98);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.revelacao__carta--visivel{opacity:1;transform:none}
.revelacao__carta--raro{--cor:#6AB0FF}
.revelacao__carta--epico{--cor:#B98CFF}
.revelacao__carta--lendario{--cor:#FFCC5C}
.revelacao__carta--goblin{--cor:#8CC04A}
.revelacao__carta--treino{--cor:#95856F}
.revelacao__raridade{padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--cor) 18%,#0d0a08);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cor) 60%,transparent);font:700 .72rem/1 var(--f-rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--cor)}
.revelacao__carta h2{font-size:clamp(1.9rem,1.4rem + 1.8vw,2.8rem);text-wrap:balance}
.revelacao__carta--lendario h2{color:#FFE3A3;text-shadow:0 0 24px rgba(255,204,92,.45)}
.revelacao__descricao{color:var(--texto-2);max-width:46ch}
.revelacao__regras{color:var(--texto-3);font-size:.92rem;max-width:50ch}
.revelacao__codigo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:var(--texto-2);font-size:.9rem}
.revelacao__codigo code{padding:6px 12px;border-radius:8px;background:#0d0a08;box-shadow:inset 0 0 0 1px var(--borda-media);color:var(--ouro-claro);font:700 1rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
.revelacao--entrando .revelacao__soma{animation:soma-entra .5s var(--ease-out)}
@keyframes soma-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.revelacao__carta{transition:none}.revelacao--entrando .revelacao__soma{animation:none}}

.secao--chances{padding-top:clamp(20px,3vw,40px)}
.chances{display:grid;gap:10px;max-width:980px;margin:clamp(24px,4vw,40px) auto 0}
.chance{--cor:#E2CEA0;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:16px 20px 20px;border-radius:16px;overflow:hidden;background:#1a130e;box-shadow:inset 0 0 0 1px var(--borda)}
.chance--raro{--cor:#6AB0FF}
.chance--epico{--cor:#B98CFF}
.chance--lendario{--cor:#FFCC5C;background:radial-gradient(ellipse 50% 140% at 0% 50%,rgba(255,204,92,.12),rgba(255,204,92,0) 70%),#1a130e;box-shadow:inset 0 0 0 1px rgba(255,204,92,.4)}
.chance--goblin{--cor:#8CC04A}
.chance__selo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--cor);background:radial-gradient(circle at 50% 32%,#3a2c1f,#130e0a 70%);box-shadow:0 0 0 2px color-mix(in srgb,var(--cor) 60%,#5a4630),0 0 22px -4px color-mix(in srgb,var(--cor) 50%,transparent)}
.chance__icone{width:28px;height:28px}
.chance__texto{display:grid;gap:2px;min-width:0}
.chance__raridade{font:700 .7rem/1 var(--f-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--cor)}
.chance__texto h3{font-size:1.45rem;line-height:1.1}
.chance__regras{color:var(--texto-3);font-size:.9rem}
.chance__numeros{margin:0;display:flex;gap:18px;text-align:right}
.chance__numeros div{display:grid;gap:2px}
.chance__numeros dt{font:600 .66rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3)}
.chance__numeros dd{margin:0;font:700 1.3rem/1.1 var(--f-corpo);color:var(--texto);font-variant-numeric:tabular-nums;white-space:nowrap}
.chance__barra{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.04)}
.chance__barra i{display:block;height:100%;background:var(--cor);box-shadow:0 0 12px var(--cor)}
@media (max-width:640px){
  .chance{grid-template-columns:auto minmax(0,1fr)}
  .chance__numeros{grid-column:1/-1;justify-content:flex-start;text-align:left}
}

.regras-dados{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(22px,4vw,56px);align-items:start}
.regras-dados h2{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);margin-bottom:14px}
.regras-dados__lista ol{display:grid;gap:12px;padding-left:1.4em;color:var(--texto-2)}
.regras-dados__lista li::marker{color:var(--ouro);font-weight:700}
.regras-dados__vazio{color:var(--texto-2)}
.regras-dados--so{grid-template-columns:minmax(0,760px);justify-content:center}
@media (max-width:860px){.regras-dados{grid-template-columns:minmax(0,1fr)}}


/* =====================================================================
   v2.2: A Guilda (assinatura)
   ===================================================================== */
.guilda-topo{padding:clamp(26px,4vw,48px) 0 clamp(10px,2vw,20px)}
.guilda-topo__grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.guilda-topo h1{margin-top:12px;font-size:clamp(2.4rem,1.6rem + 2.6vw,3.8rem);line-height:1.02}
.guilda-topo__texto>p{margin-top:16px;color:var(--texto-2);max-width:52ch;font-size:1.06rem}
.guilda-topo .aviso{margin-top:20px}
.guilda-topo__selos{list-style:none;display:grid;gap:12px;padding:clamp(18px,2.4vw,26px);border-radius:16px;background:linear-gradient(180deg,rgba(201,164,92,.09),rgba(201,164,92,.02));border:1px solid var(--borda-media)}
.guilda-topo__selos li{display:flex;align-items:center;gap:12px;color:var(--texto-2)}
.guilda-topo__selos .ic{width:24px;height:24px;color:var(--ouro);flex:none}
.guilda-topo__selos strong{color:var(--texto)}
@media (max-width:900px){.guilda-topo__grade{grid-template-columns:minmax(0,1fr)}}

.planos{margin-top:clamp(18px,2.4vw,28px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2.4vw,26px);align-items:start}
.planos--um{grid-template-columns:minmax(300px,420px);justify-content:center}
.plano{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.6vw,30px);border-radius:16px;background:linear-gradient(180deg,#1b1410,#15100c);border:1px solid var(--borda-media);box-shadow:0 26px 60px -40px rgba(0,0,0,.9)}
.plano--destaque{border-color:rgba(67,209,142,.5);box-shadow:0 26px 60px -34px rgba(67,209,142,.35)}
.plano--meu{border-color:var(--ouro-claro)}
.plano__fita{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:999px;background:var(--esmeralda);color:#07130d;font:700 .68rem/1.6 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.plano__nome{font-size:clamp(1.7rem,1.4rem + .8vw,2.1rem);line-height:1.05}
.plano__chamada{color:var(--ouro-claro);font-size:.98rem;margin-top:-6px}
.plano__preco{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--borda)}
.plano__preco strong{font:800 clamp(1.9rem,1.5rem + 1.2vw,2.5rem)/1 var(--f-corpo);font-variant-numeric:tabular-nums}
.plano__preco span{color:var(--texto-3);font-size:.9rem}
.plano__preco--breve{color:var(--ouro);font-family:var(--f-titulo);font-weight:700}
.plano__lista{list-style:none;display:grid;gap:10px;margin:0}
.plano__lista li{display:flex;gap:10px;align-items:flex-start;color:var(--texto-2);line-height:1.45}
.plano__lista .ic{width:19px;height:19px;flex:none;margin-top:2px;color:var(--esmeralda)}
.plano__texto{color:var(--texto-3);font-size:.9rem}
.plano__nota{color:var(--texto-3);font-size:.9rem;text-align:center}
.plano__meu-selo{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ouro-claro);font-weight:600}
.plano form{margin-top:auto}
.plano .botao--bloco{margin-top:auto}

.passos-guilda{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(16px,2.4vw,28px);margin:0}
.passos-guilda li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;color:var(--texto-2)}
.passos-guilda__num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--borda-forte);color:var(--ouro);font:700 1.05rem/1 var(--f-titulo)}

.secao--cenarios{padding-bottom:clamp(30px,5vw,70px)}
.cenarios{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(24px,3.4vw,44px);border-radius:18px;background:
  radial-gradient(ellipse 80% 120% at 88% 50%,rgba(165,123,230,.18),transparent 70%),linear-gradient(180deg,#1a1410,#131009);border:1px solid var(--borda-media)}
.cenarios h2{font-size:clamp(1.9rem,1.4rem + 1.8vw,2.8rem);line-height:1.05;margin-top:10px}
.cenarios p{margin-top:14px;color:var(--texto-2);max-width:54ch}
.cenarios__selo{display:flex;gap:10px;align-items:center;margin-top:18px;color:var(--ouro-claro)}
.cenarios__selo .ic{width:22px;height:22px;flex:none}
.cenarios__arte{position:relative;display:grid;place-items:center;min-height:190px}
.cenarios__icone{width:clamp(90px,12vw,130px);height:auto;color:var(--ouro);opacity:.9}
.cenarios__pedra{position:absolute;border-radius:10px;background:linear-gradient(180deg,rgba(201,164,92,.16),rgba(201,164,92,.04));border:1px solid var(--borda-media)}
.cenarios__pedra:nth-child(1){width:74px;height:56px;left:6%;top:16%;transform:rotate(-8deg)}
.cenarios__pedra:nth-child(2){width:96px;height:64px;right:4%;top:8%;transform:rotate(7deg)}
.cenarios__pedra:nth-child(3){width:120px;height:54px;left:22%;bottom:8%;transform:rotate(-3deg)}
@media (max-width:860px){.cenarios{grid-template-columns:minmax(0,1fr)}.cenarios__arte{min-height:150px}}

.perguntas--guilda{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(28px,5vw,64px);max-width:900px;margin-inline:auto}
@media (min-width:880px){
  .perguntas--guilda{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perguntas--guilda details:nth-child(2){border-top:1px solid var(--borda)}
}

.guilda-chamada{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(22px,3vw,40px);border-radius:18px;background:
  radial-gradient(ellipse 70% 120% at 85% 50%,rgba(201,164,92,.16),transparent 70%),linear-gradient(180deg,#1b1410,#141009);border:1px solid var(--borda-media)}
.guilda-chamada h2{margin-top:10px;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);line-height:1.06}
.guilda-chamada p{margin-top:12px;color:var(--texto-2);max-width:52ch}
.guilda-chamada .acoes{margin-top:20px}
.guilda-chamada__lista{list-style:none;display:grid;gap:10px;margin:0}
.guilda-chamada__lista li{display:flex;gap:10px;align-items:flex-start;color:var(--texto-2)}
.guilda-chamada__lista .ic{width:19px;height:19px;flex:none;margin-top:3px;color:var(--esmeralda)}
@media (max-width:860px){.guilda-chamada{grid-template-columns:minmax(0,1fr)}}

/* Entrar com o Google */
.entrar-google{grid-column:1/-1;display:grid;justify-items:center;gap:12px;max-width:420px;margin-inline:auto;width:100%}
.entrar-google__ou{position:relative;width:100%;text-align:center;color:var(--texto-3);font:600 .72rem/1 var(--f-rotulo);letter-spacing:.16em;text-transform:uppercase}
.entrar-google__ou::before,.entrar-google__ou::after{content:"";position:absolute;top:50%;width:calc(50% - 28px);height:1px;background:var(--borda)}
.entrar-google__ou::before{left:0}
.entrar-google__ou::after{right:0}
.botao-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 18px;border-radius:10px;background:#fff;color:#1f1f1f;font:600 1rem/1 var(--f-corpo);text-decoration:none;border:1px solid #dadce0;transition:box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}
.botao-google:hover{box-shadow:0 8px 22px -12px rgba(0,0,0,.8);transform:translateY(-1px)}
.botao-google__g{width:20px;height:20px;flex:none}
.entrar-google__nota{color:var(--texto-3);font-size:.84rem;text-align:center}
.entrar-google--criar{margin-bottom:6px}
.entrar-google--criar .entrar-google__ou::before,.entrar-google--criar .entrar-google__ou::after{width:calc(50% - 92px)}

/* Comunidade no rodapé */
.comunidade{position:relative;z-index:2;padding:clamp(28px,4vw,52px) 0;background:linear-gradient(180deg,#191209,#140f0b);border-top:1px solid var(--borda)}
.comunidade__caixa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(20px,2.6vw,32px);border-radius:16px;background:linear-gradient(180deg,rgba(67,209,142,.08),rgba(67,209,142,.02));border:1px solid rgba(67,209,142,.28)}
.comunidade h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);line-height:1.1}
.comunidade p{margin-top:10px;color:var(--texto-2);max-width:60ch}
.comunidade__assinatura{margin-top:8px;color:var(--ouro-claro);font-family:var(--f-titulo);font-size:1.05rem}
@media (max-width:760px){.comunidade__caixa{grid-template-columns:minmax(0,1fr)}}

/* Assinatura na conta do cliente */
.aventureiro__guilda{display:grid;gap:14px}
.assinatura-cartao{display:grid;gap:12px;padding:clamp(16px,2.2vw,22px);border-radius:14px;background:linear-gradient(180deg,rgba(201,164,92,.1),rgba(201,164,92,.02));border:1px solid var(--borda-media)}
.assinatura-cartao__topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.assinatura-cartao__plano{font:700 1.35rem/1.1 var(--f-titulo)}
.assinatura-cartao__status{padding:4px 12px;border-radius:999px;font:600 .7rem/1.7 var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--borda-media);color:var(--texto-2)}
.assinatura-cartao__status--ativa{border-color:rgba(67,209,142,.5);color:var(--esmeralda)}
.assinatura-cartao__status--pendente{border-color:rgba(201,164,92,.5);color:var(--ouro-claro)}
.beneficios-mes{list-style:none;display:grid;gap:8px;margin:0}
.beneficios-mes li{display:flex;align-items:center;gap:10px;color:var(--texto-2)}
.beneficios-mes .ic{width:18px;height:18px;color:var(--esmeralda);flex:none}
.beneficios-mes strong{color:var(--texto);font-variant-numeric:tabular-nums}
.assinatura-cartao__acoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Benefícios na bolsa e no checkout */
.resumo__plano{display:grid;gap:6px;padding:12px 0;border-bottom:1px dashed var(--borda)}
.resumo__plano strong{color:var(--ouro-claro);font:600 .74rem/1 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase}
.resumo__linha--plano dt{font-size:.86rem;line-height:1.35}
.resumo__linha--plano dd{color:var(--esmeralda);white-space:nowrap}
.guardar-beneficios{margin-top:12px}
.guardar-beneficios label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;color:var(--texto-3);font-size:.88rem;line-height:1.4}
.guardar-beneficios input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--esmeralda)}
.guardar-beneficios label:hover{color:var(--texto-2)}
.item-bolsa__beneficio{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:2px 10px;border-radius:999px;background:rgba(67,209,142,.12);border:1px solid rgba(67,209,142,.35);color:var(--esmeralda);font-size:.78rem}
.item-bolsa__beneficio .ic{width:14px;height:14px}

/* Personalizada: permissão pra mostrar a peça na galeria */
.galeria-ok{display:grid;gap:10px}
.galeria-ok__texto{display:grid;gap:3px;flex:1;min-width:0}
.galeria-ok__texto small{color:var(--texto-3);font-size:.82rem;line-height:1.45}
.galeria-ok__credito{margin-left:34px}
.galeria-ok__credito input{width:100%}
@media (max-width:520px){.galeria-ok__credito{margin-left:0}}

/* Checkout: como o cliente quer receber (o formulário é claro, como os prêmios) */
.entrega-escolha{display:grid;gap:10px;border:0;padding:14px;margin:0;border-radius:12px;background:rgba(58,38,22,.08);box-shadow:inset 0 0 0 1px rgba(94,67,41,.3)}
.entrega-escolha legend{float:left;width:100%;font:600 .72rem/1 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);opacity:.75;margin-bottom:10px}
.entrega-opcao{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:rgba(255,252,244,.6);box-shadow:inset 0 0 0 1.5px rgba(94,67,41,.3);cursor:pointer;transition:box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}
.entrega-opcao:has(input:checked){background:rgba(255,252,244,.95);box-shadow:inset 0 0 0 2px #1f8a57}
.entrega-opcao:focus-within{outline:2px solid #1f8a57;outline-offset:2px}
.entrega-opcao input{accent-color:#1f8a57;flex:none;width:18px;height:18px}
.entrega-opcao__corpo{display:grid;gap:2px;flex:1;min-width:0;color:var(--tinta)}
.entrega-opcao__corpo small{opacity:.75;font-size:.84rem;line-height:1.4}
.entrega-opcao__valor{font-weight:700;white-space:nowrap;color:var(--tinta);font-variant-numeric:tabular-nums}
.resumo__nota--gratis{color:var(--esmeralda-clara)}

/* =====================================================================
   Promoção: preço de antes riscado, preço novo em destaque.
   A cor é o âmbar de tesouro, que não briga com o verde de "pronta
   entrega" nem com o roxo de "em breve".
   ===================================================================== */
:root{
  --promo:#F0B84A;
  --promo-forte:#C8391F;
  --promo-brilho:rgba(240,184,74,.35);
}
.preco-antigo,.slot__preco s,.tamanho-opcao__preco s,.item-bolsa__promo s,.resumo__promo s{
  color:var(--texto-3);text-decoration-thickness:1.5px;font-weight:500;margin-right:.35em}
.preco-promo{color:var(--promo);font-weight:800}

/* a fita no canto da foto do catálogo */
.fita-promo{
  position:absolute;z-index:4;left:calc(var(--mw) * .64 + 8px);top:calc(var(--mw) * .64 + 8px);
  display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;
  background:linear-gradient(135deg,var(--promo-forte),#8f2414);
  color:#fff8ec;font:800 .68rem/1 var(--f-corpo);letter-spacing:.04em;
  box-shadow:0 2px 10px rgba(200,57,31,.45),inset 0 1px 0 rgba(255,255,255,.25);
}
.fita-promo .ic{width:13px;height:13px;color:var(--promo)}

/* o selo na página da miniatura */
.selo--promo{
  background:linear-gradient(135deg,var(--promo-forte),#8f2414);border-color:rgba(240,184,74,.55);
  color:#fff8ec;font-weight:800}
.selo--promo::before{display:none}
.selo--promo .ic{width:14px;height:14px;color:var(--promo)}

/* o preço grande, com o valor de antes em cima */
.compra__antes{
  font:600 1.05rem/1 var(--f-corpo);color:var(--texto-3);text-decoration:line-through;
  text-decoration-thickness:1.5px;font-variant-numeric:tabular-nums;align-self:flex-end;padding-bottom:4px}
.compra__antes[hidden]{display:none}
.compra__valor--promo{color:var(--promo);text-shadow:0 0 22px var(--promo-brilho)}
.compra__promo-ate{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:.85rem;color:var(--ambar)}
.compra__promo-ate .ic{width:15px;height:15px}

/* na bolsa e no resumo do checkout */
.item-bolsa__promo{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--promo)}
.item-bolsa__promo .ic{width:14px;height:14px}
.resumo__promo{color:var(--promo)!important;font-weight:600}

/* Conferência antes de fechar o pedido */
.conferir{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}
.conferir[hidden]{display:none}
.conferir__fundo{position:absolute;inset:0;background:rgba(12,9,6,.72);backdrop-filter:blur(3px)}
.conferir__caixa{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:clamp(20px,4vw,30px);border-radius:14px;background:linear-gradient(180deg,#f7efdd,var(--pergaminho));color:var(--tinta);box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1.5px rgba(94,67,41,.3);animation:conferir-entra .22s var(--ease-out) both}
@keyframes conferir-entra{from{opacity:0;transform:translateY(14px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.conferir__caixa{animation:none}}
.conferir__caixa h2{margin:2px 0 8px;font-size:clamp(1.35rem,3vw,1.7rem)}
.conferir__texto{margin:0 0 16px;font-size:.94rem;opacity:.82}
.conferir__lista{display:grid;gap:1px;margin:0 0 20px;background:rgba(94,67,41,.22);border-radius:10px;overflow:hidden}
.conferir__lista>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px 13px;background:rgba(255,252,244,.82)}
.conferir__lista dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7;align-self:center}
.conferir__lista dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.conferir__total dd{font-size:1.15rem;font-variant-numeric:tabular-nums}
.conferir__botoes{display:flex;flex-wrap:wrap;gap:10px}
.conferir__botoes .botao{justify-content:center;min-height:48px}
.conferir__botoes .botao--contorno{flex:1 1 130px;color:var(--tinta);background:rgba(255,252,244,.55);border-color:rgba(94,67,41,.45)}
.conferir__botoes .botao--contorno:hover{background:rgba(255,252,244,.95);border-color:rgba(94,67,41,.7)}
.conferir__botoes .botao--gema{flex:2 1 190px}
@media (max-width:480px){.conferir__lista>div{grid-template-columns:1fr;gap:2px}.conferir__lista dt{align-self:start}}

/* =====================================================================
   Slogan da marca
   ===================================================================== */
.rodape__slogan{
  margin:0;font:600 .84rem/1.3 var(--f-rotulo);letter-spacing:.12em;
  text-transform:uppercase;color:var(--ouro)}
.gaveta__slogan{
  margin:5px 0 0;font:600 .62rem/1.3 var(--f-rotulo);letter-spacing:.12em;
  text-transform:uppercase;color:var(--tinta);opacity:.72}

/* =====================================================================
   Depoimentos: a prova de que a taverna entrega
   ===================================================================== */
.secao--depoimentos{padding-block:clamp(40px,6vw,76px)}

.prova-numeros{
  list-style:none;margin:0 auto clamp(24px,3vw,36px);padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}
.prova-numeros li{
  display:flex;align-items:center;gap:8px;padding:9px 17px;border-radius:999px;
  background:linear-gradient(180deg,rgba(201,164,92,.16),rgba(201,164,92,.06));
  border:1px solid rgba(201,164,92,.34);
  box-shadow:inset 0 1px 0 rgba(255,236,200,.12)}
.prova-numeros strong{font:800 .95rem/1 var(--f-corpo);color:var(--ouro-claro);font-variant-numeric:tabular-nums;letter-spacing:.01em}

.depoimentos{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));
  gap:clamp(14px,2vw,22px);align-items:start}
/* virando trilha de carrossel: mesma caixa, mas deitada e com encaixe */
.depoimentos.carrossel__trilha{
  display:flex;grid-template-columns:none;align-items:stretch;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:4px 2px 14px;margin-inline:-2px;
  scrollbar-width:thin;scrollbar-color:rgba(201,164,92,.5) transparent}
.depoimentos.carrossel__trilha .depoimento{
  flex:0 0 clamp(268px,84vw,340px);scroll-snap-align:start}
/* com um cartão por vez, esticar todos até o mais alto abre um buraco */
@media (max-width:759px){.depoimentos.carrossel__trilha{align-items:flex-start}}
.depoimentos.carrossel__trilha::-webkit-scrollbar{height:8px}
.depoimentos.carrossel__trilha::-webkit-scrollbar-thumb{background:rgba(201,164,92,.45);border-radius:99px}
.depoimentos.carrossel__trilha::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:99px}
.depoimentos.carrossel__trilha:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px;border-radius:12px}
@media (min-width:760px){.depoimentos.carrossel__trilha .depoimento{flex-basis:clamp(300px,31%,360px)}}

/* Carrossel: setas dos lados e pontinhos embaixo */
.carrossel{position:relative}
.carrossel__seta{
  position:absolute;top:calc(50% - 28px);z-index:3;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;
  color:var(--texto);background:rgba(20,15,11,.9);border:1px solid rgba(201,164,92,.45);
  box-shadow:0 8px 22px rgba(0,0,0,.5);
  transition:opacity .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out)}
.carrossel__seta:hover{border-color:var(--ouro-claro);transform:scale(1.06)}
.carrossel__seta .ic{width:24px;height:24px}
.carrossel__seta--esq{left:0}
.carrossel__seta--dir{right:0}
.carrossel__seta[disabled]{opacity:.25;cursor:default;transform:none}
/* as setas ganham uma faixa só delas, pra nunca cobrir o que a pessoa lê */
@media (min-width:821px){.carrossel{padding-inline:54px}}
@media (max-width:820px){.carrossel__seta{display:none}}
.carrossel__pontos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.carrossel__ponto{
  width:9px;height:9px;padding:0;border-radius:50%;cursor:pointer;
  border:1px solid rgba(201,164,92,.5);background:transparent;
  transition:background .3s var(--ease-out),transform .3s var(--ease-out)}
.carrossel__ponto[aria-current="true"]{background:var(--ouro-claro);transform:scale(1.25)}
@media (prefers-reduced-motion:reduce){
  .depoimentos.carrossel__trilha{scroll-behavior:auto}
  .carrossel__seta,.carrossel__ponto{transition:none}
}
.depoimento{
  display:flex;flex-direction:column;gap:13px;margin:0;padding:18px;
  border-radius:14px;background:var(--madeira);
  border:1px solid rgba(201,164,92,.26);
  box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,236,200,.07)}
.depoimento__print{
  border-radius:10px;overflow:hidden;background:rgba(0,0,0,.28);
  box-shadow:inset 0 0 0 1px rgba(201,164,92,.2)}
.depoimento__print img{display:block;width:100%;height:auto}
.depoimento__texto{
  margin:0;position:relative;padding-left:16px;color:var(--texto);
  font-size:.96rem;line-height:1.55}
.depoimento__texto::before{
  content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;
  background:linear-gradient(180deg,var(--ouro),transparent)}
.depoimento__pe{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto}
.depoimento__quem{display:grid;gap:2px;min-width:0}
.depoimento__quem strong{font-size:.9rem;color:var(--texto)}
.depoimento__quem small{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--esmeralda-clara)}
.depoimento__quem small .ic{width:13px;height:13px;flex:none}

.estrelas{display:inline-flex;gap:2px;line-height:0}
.estrela{width:16px;height:16px;fill:var(--ambar);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.estrela--vazia{fill:rgba(227,180,88,.22);filter:none}

/* Pedido: o prazo pra pagar, sem susto e sem sumir */
.pedido__prazo{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:10px;background:rgba(240,184,74,.1);box-shadow:inset 0 0 0 1px rgba(240,184,74,.35);font-size:.95rem;line-height:1.5}
/* pagar e cancelar lado a lado: o cancelar é o discreto dos dois */
.pedido__acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.pedido__acoes form{margin:0}
.pedido__nota{margin:10px 0 0;color:var(--texto-2);font-size:.9rem}
.botao--perigo{color:var(--perigo);border-color:rgba(231,134,111,.4)}
.botao--perigo:hover{color:var(--perigo);border-color:var(--perigo);background:rgba(231,134,111,.1)}
.pedido__prazo .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--promo)}

/* Termos de uso: documento formal, com seções numeradas e identificação */
.documento__identificacao{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;
  margin:0 0 28px;padding:16px 18px;border-radius:10px;
  background:rgba(94,67,41,.07);box-shadow:inset 0 0 0 1px rgba(94,67,41,.22);
  font-size:.95rem;line-height:1.5
}
.documento__identificacao dt{font-family:Cinzel,Georgia,serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75;padding-top:2px}
.documento__identificacao dd{margin:0;font-variant-numeric:tabular-nums}
.texto-longo .documento h2.documento__secao{
  font-size:1.3rem;line-height:1.3;margin:32px 0 12px;
  padding-top:16px;border-top:1px solid rgba(94,67,41,.22)
}
.texto-longo .documento h2.documento__secao:first-of-type{margin-top:22px}
.texto-longo .documento>p{margin:0 0 14px}
.documento__ver-tambem{margin-top:28px;padding-top:16px;border-top:1px solid rgba(94,67,41,.22);font-size:.98rem}
@media (max-width:560px){
  .documento__identificacao{grid-template-columns:minmax(0,1fr);gap:2px}
  .documento__identificacao dd{margin-bottom:10px}
}

/* Entrar: o bloco do Google mora dentro do cartão, pra os dois lados ficarem lado a lado */
.entrar-google--dentro{grid-column:auto;max-width:none;margin-top:6px}
.entrar-google--dentro .entrar-google__ou::before,.entrar-google--dentro .entrar-google__ou::after{width:calc(50% - 26px)}
.portas-conta>.pergaminho-form,.portas-conta>.convite-conta{align-self:stretch}
.portas-conta .formulario{display:flex;flex-direction:column;gap:14px}
.portas-conta .link-esqueci{text-align:center}

/* Cupom na bolsa e no checkout */
.cupom-bolsa{margin-top:14px;padding-top:14px;border-top:1px solid var(--borda)}
.cupom-bolsa__linha{display:flex;gap:8px;align-items:stretch}
.cupom-bolsa__linha input{flex:1 1 auto;min-width:0;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.cupom-bolsa__linha .botao{flex:none;white-space:nowrap}
.cupom-bolsa__ativo{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--texto-2)}
.cupom-bolsa__ativo .ic{flex:none;width:20px;height:20px;color:var(--esmeralda)}
.cupom-bolsa__ativo span{flex:1 1 auto}
.cupom-bolsa__tirar{flex:none;background:none;border:0;padding:0;color:var(--texto-3);text-decoration:underline;cursor:pointer;font:inherit;font-size:.86rem}
.cupom-bolsa__tirar:hover{color:var(--texto-1)}
.cupom-bolsa__erro{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;font-size:.88rem;color:#f0b0a0}
.cupom-bolsa__erro .ic{flex:none;width:18px;height:18px;margin-top:2px}
.pergaminho-form .cupom-bolsa{border-top-color:rgba(94,67,41,.25)}
.pergaminho-form .cupom-bolsa__ativo{color:#3c2a19}
.pergaminho-form .cupom-bolsa__erro{color:#9c3520}

/* O comparador da lanterna encaixado numa coluna (Início) */
.comparar__peca{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:center;width:100%;min-width:0}
.comparar__peca .pares{width:100%;max-width:520px;margin-inline:auto}
.comparar__peca .comparador{width:100%;max-width:520px;margin-inline:auto}
.instrucao--peca{justify-content:center;text-align:center;margin:0}
.oficina .comparar__peca{align-self:center}
@media (max-width:900px){.comparar__peca .comparador{max-width:420px}}

/* Calcular o frete antes de fechar o pedido (bolsa e página da peça) */
.calc-frete{display:none;margin-top:18px;padding:16px;border-radius:14px;
  background:rgba(255,255,255,.03);border:1px solid var(--borda)}
html.js .calc-frete{display:block}
.calc-frete__linha{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.calc-frete__campo{flex:1 1 170px;min-width:0;margin:0}
.calc-frete__campo .campo__rotulo{display:flex;align-items:center;gap:7px}
.calc-frete__campo .campo__rotulo .ic{width:17px;height:17px;color:var(--ouro-claro)}
.calc-frete__linha .botao{flex:none}
.calc-frete__ajuda{margin:9px 0 0;color:var(--texto-2);font-size:.84rem;line-height:1.5}
.calc-frete__ajuda a{color:var(--ouro-claro)}
.calc-frete__saida{margin-top:13px;padding-top:13px;border-top:1px solid var(--borda)}
.calc-frete__saida--erro{color:var(--perigo);font-size:.92rem}
.calc-frete__saida--esperando{color:var(--texto-2);font-size:.92rem}
.calc-frete__titulo{margin:0 0 9px;color:var(--texto-2);font-size:.86rem}
.calc-frete__lista{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.calc-frete__lista li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:9px 11px;border-radius:9px;background:rgba(0,0,0,.22)}
.calc-frete__lista li span{display:flex;flex-direction:column;gap:2px;min-width:0}
.calc-frete__lista small{color:var(--texto-2);font-size:.8rem}
.calc-frete__lista strong{flex:none;color:var(--ouro-claro);font-size:1.02rem}
.calc-frete__gratis{margin:10px 0 0;color:var(--esmeralda);font-size:.88rem}
.calc-frete__nota{margin:9px 0 0;color:var(--texto-2);font-size:.8rem}
@media (max-width:420px){
  .calc-frete__linha{gap:8px}
  .calc-frete__campo{flex:1 1 100%}
  .calc-frete__linha .botao{width:100%}
}

/* Quanto falta pro frete grátis: a barrinha que faz colocar mais uma peça */
.barra-gratis{margin-top:14px;padding:13px 14px;border-radius:12px;
  background:rgba(240,184,74,.08);border:1px solid rgba(240,184,74,.28)}
.barra-gratis__texto{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px;
  font-size:.92rem;line-height:1.45}
.barra-gratis__texto .ic{flex:none;width:19px;height:19px;margin-top:1px;color:var(--promo)}
.barra-gratis__texto strong{color:var(--ouro-claro)}
.barra-gratis__trilho{position:relative;height:9px;border-radius:99px;overflow:hidden;
  background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.barra-gratis__cheio{display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--ouro) 0%,var(--promo) 100%);
  transition:width .7s var(--ease-out)}
.barra-gratis__limite{margin:8px 0 0;color:var(--texto-2);font-size:.78rem}
.barra-gratis--ok{background:rgba(67,209,142,.09);border-color:rgba(67,209,142,.32)}
.barra-gratis--ok .barra-gratis__texto .ic{color:var(--esmeralda)}
.barra-gratis--ok .barra-gratis__texto strong{color:var(--esmeralda)}
.barra-gratis--ok .barra-gratis__cheio{background:linear-gradient(90deg,var(--esmeralda) 0%,#7ce8b4 100%)}
@media (prefers-reduced-motion:reduce){.barra-gratis__cheio{transition:none}}

/* "Você tem um desconto guardado. Quer usar nesta compra?" */
.premio-bolsa{margin-top:14px;padding:14px;border-radius:12px;
  background:rgba(124,92,214,.1);border:1px solid rgba(124,92,214,.32)}
.premio-bolsa--usando{background:rgba(67,209,142,.09);border-color:rgba(67,209,142,.34)}
.premio-bolsa__titulo{display:flex;gap:9px;align-items:flex-start;margin:0 0 11px;
  font-size:.92rem;line-height:1.45}
.premio-bolsa__titulo .ic{flex:none;width:19px;height:19px;margin-top:1px;color:#b79bff}
.premio-bolsa--usando .premio-bolsa__titulo .ic{color:var(--esmeralda)}
.premio-bolsa__titulo strong{color:var(--ouro-claro)}
.premio-bolsa--usando .premio-bolsa__titulo strong{color:var(--esmeralda)}
.premio-bolsa__lista{display:grid;gap:8px}
.premio-bolsa__opcao{display:flex;gap:10px;align-items:flex-start;cursor:pointer;
  padding:10px 11px;border-radius:10px;background:rgba(0,0,0,.26);
  border:1px solid transparent;transition:border-color .3s var(--ease-out)}
.premio-bolsa__opcao:hover{border-color:rgba(255,255,255,.14)}
.premio-bolsa__opcao--marcada{border-color:rgba(201,164,92,.5);background:rgba(0,0,0,.4)}
.premio-bolsa__opcao input{flex:none;margin-top:3px;width:17px;height:17px;accent-color:var(--ouro)}
.premio-bolsa__corpo{display:flex;flex-direction:column;gap:2px;min-width:0}
.premio-bolsa__corpo strong{font-size:.95rem}
.premio-bolsa__corpo small{color:var(--texto-2);font-size:.8rem;line-height:1.4}
.premio-bolsa__nota{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;
  color:var(--texto-2);font-size:.8rem;line-height:1.45}
.premio-bolsa__nota .ic{flex:none;width:15px;height:15px;margin-top:2px}
.premio-bolsa noscript{display:block;margin-top:10px}
/* tem prêmio, mas ainda não alcança: mostrar quanto falta é o que faz comprar */
.premio-bolsa--travado{background:rgba(240,184,74,.08);border-color:rgba(240,184,74,.28)}
.premio-bolsa--travado .premio-bolsa__titulo .ic{color:var(--promo)}
.premio-bolsa--travado .barra-gratis__trilho{margin-top:2px}
.premio-bolsa--travado .premio-bolsa__nota{margin-top:8px}

/* Copiar o número do pedido, do lado dele */
.botao-copiar{display:none;align-items:center;gap:6px;margin-left:10px;padding:5px 11px;
  border-radius:99px;cursor:pointer;vertical-align:middle;
  color:var(--texto-2);background:rgba(255,255,255,.05);border:1px solid var(--borda);
  font:600 .8rem var(--f-corpo);
  transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}
html.js .botao-copiar{display:inline-flex}
.botao-copiar:hover{color:var(--ouro-claro);border-color:var(--borda-forte)}
.botao-copiar .ic{width:14px;height:14px}
@media (max-width:460px){.botao-copiar{margin:8px 0 0 0}}

/* =====================================================================
   A imagem do personagem junto da encomenda

   Antes o cliente só mandava a referência depois de pagar, pelo Discord.
   Agora ela sobe aqui, e o mesmo campo serve em três lugares: no
   formulário, na bolsa e na página do pedido.
   ===================================================================== */
.ref-campo{margin-top:16px;padding:14px;border-radius:14px;
  background:rgba(201,164,92,.06);border:1px dashed var(--borda-media)}
.ref-campo--compacto{margin-top:8px;padding:10px;border-radius:12px}
.ref-campo__titulo{display:flex;align-items:center;gap:8px;margin:0 0 4px;
  font:600 1rem var(--f-corpo);color:var(--texto)}
.ref-campo__titulo .ic{flex:none;width:18px;height:18px;color:var(--ouro)}
.ref-campo__texto{margin:0 0 12px;color:var(--texto-2);font-size:.9rem;line-height:1.5}
.ref-campo__dica{margin:8px 0 0;display:flex;gap:6px;align-items:center;color:var(--texto-3);font-size:.78rem}
.ref-campo__dica .ic{flex:none;width:14px;height:14px}
.ref-campo__erro{margin:8px 0 0;color:var(--perigo);font-size:.85rem}

/* o botão de escolher: o input fica por cima, invisível, pra funcionar no toque */
.ref-campo__botao{position:relative;display:block;cursor:pointer}
.ref-campo__botao input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
html.js .ref-campo__botao input{z-index:1}
.ref-campo__botao-corpo{display:none;align-items:center;justify-content:center;gap:8px;
  padding:11px 16px;border-radius:12px;text-align:center;
  color:var(--ouro-claro);background:rgba(201,164,92,.1);border:1px solid var(--borda-media);
  font:600 .95rem var(--f-corpo);
  transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}
html.js .ref-campo__botao-corpo{display:flex}
.ref-campo__botao:hover .ref-campo__botao-corpo{background:rgba(201,164,92,.17);border-color:var(--borda-forte)}
.ref-campo__botao-corpo .ic{width:17px;height:17px}
.ref-campo__botao--cheio .ref-campo__botao-corpo{opacity:.55}

/* miniaturas: as escolhidas agora e as que já estão guardadas */
.ref-campo__lista,.ref-campo__guardadas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin:0 0 10px;padding:0;list-style:none}
.ref-campo__lista li,.ref-campo__guardadas li{position:relative;margin:0}
.ref-campo__lista img,.ref-campo__guardadas img{display:block;width:72px;height:72px;object-fit:cover;
  border-radius:10px;background:#241a12;box-shadow:0 0 0 1px var(--borda-media)}
.ref-campo__tirar{position:absolute;top:-6px;right:-6px;width:22px;height:22px;
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  color:var(--texto);background:#2B2018;border:1px solid var(--borda-forte);
  font:700 .95rem/1 var(--f-corpo)}
.ref-campo__tirar:hover{color:var(--perigo);border-color:var(--perigo)}
.ref-campo__ok{display:flex;align-items:center;gap:6px;color:var(--esmeralda);font-size:.82rem}
.ref-campo__ok .ic{width:15px;height:15px}

/* =====================================================================
   Vários personagens na mesma encomenda
   ===================================================================== */
.blocos-personagem{display:grid;gap:18px}
.bloco-personagem{margin:0;padding:16px;border:1px solid var(--borda);border-radius:16px;
  background:rgba(0,0,0,.18)}
.bloco-personagem__legenda{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 10px;
  font:600 1.05rem var(--f-titulo);color:var(--texto)}
.bloco-personagem__num{flex:none;display:grid;place-items:center;width:26px;height:26px;
  border-radius:50%;color:var(--tinta-verde);background:var(--ouro);
  font:700 .85rem var(--f-corpo)}
.bloco-personagem__nome{flex:1 1 auto}
.bloco-personagem__tirar{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;
  border-radius:99px;cursor:pointer;color:var(--texto-2);
  background:rgba(255,255,255,.05);border:1px solid var(--borda);
  font:600 .78rem var(--f-corpo);
  transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}
.bloco-personagem__tirar:hover{color:var(--perigo);border-color:var(--perigo)}
.bloco-personagem__tirar .ic{width:13px;height:13px}
.bloco-personagem .tamanhos-escolha{margin:0 0 14px}
.bloco-personagem .sobre-personagem{margin-top:14px}
[data-mais-personagem]{margin-top:14px}

/* a bolsa cobra a imagem de quem pulou */
.item-bolsa__referencia{grid-column:1/-1;margin-top:4px;padding:12px 14px;border-radius:12px;
  background:rgba(0,0,0,.22);border:1px solid var(--borda)}
.item-bolsa__referencia--falta{border-color:rgba(240,184,74,.4);background:rgba(240,184,74,.07)}
.item-bolsa__referencia-titulo{display:flex;align-items:center;gap:8px;margin:0;
  font:600 .9rem var(--f-corpo);color:var(--texto)}
.item-bolsa__referencia-titulo .ic{flex:none;width:16px;height:16px;color:var(--esmeralda)}
.item-bolsa__referencia--falta .item-bolsa__referencia-titulo .ic{color:var(--promo)}
.item-bolsa__referencia .ref-campo{border-style:solid;border-color:var(--borda);background:transparent;padding:0;margin-top:10px}
.item-bolsa__referencia button[type="submit"]{margin-top:10px}

/* a página do pedido: um anexo por personagem */
.pedido__refs{display:grid;gap:12px;margin:16px 0;padding:0;list-style:none}
.pedido__ref{padding:14px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid var(--borda)}
.pedido__ref--falta{border-color:rgba(240,184,74,.4);background:rgba(240,184,74,.07)}
.pedido__ref-nome{display:flex;align-items:center;gap:8px;margin:0 0 4px;
  font:600 .95rem var(--f-corpo);color:var(--texto)}
.pedido__ref-nome .ic{flex:none;width:16px;height:16px;color:var(--esmeralda)}
.pedido__ref--falta .pedido__ref-nome .ic{color:var(--promo)}
.pedido__personalizada--ok .pedido__dado{color:var(--esmeralda)}
.pedido__ref button[type="submit"]{margin-top:10px}

@media (max-width:620px){
  .ref-campo__lista img,.ref-campo__guardadas img{width:60px;height:60px}
  .bloco-personagem{padding:13px}
}

/* =====================================================================
   Fale conosco ao vivo

   O mesmo botão flutuante de sempre, mas pra quem está logado ele abre
   uma conversa de verdade com a loja, que continua de onde parou.
   ===================================================================== */
.chat__sino{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;
  display:grid;place-items:center;border-radius:99px;
  color:#15100b;background:var(--promo,#F0B84A);box-shadow:0 0 0 2px #15100b;
  font:700 .72rem/1 var(--f-corpo)}
.chat__botao{position:relative}
.chat--tem-nova .chat__botao{animation:chat-pulsa 2.4s var(--ease-out) infinite}
@keyframes chat-pulsa{0%,100%{box-shadow:0 0 0 2px var(--ouro),0 0 0 4px #15100b}
  50%{box-shadow:0 0 0 2px var(--promo,#F0B84A),0 0 0 4px #15100b,0 0 22px -2px rgba(240,184,74,.75)}}
.pausado .chat--tem-nova .chat__botao{animation:none}

.chat__janela{display:flex;flex-direction:column;width:min(92vw,360px);max-height:min(74vh,560px);
  border-radius:16px;overflow:hidden;background:#1e1610;
  box-shadow:0 0 0 1px var(--borda-media),0 26px 60px -20px #000;
  transform-origin:100% 100%;animation:abrir .3s var(--ease-out)}
.chat__cabeca{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;
  background:linear-gradient(180deg,rgba(201,164,92,.14),transparent);
  border-bottom:1px solid var(--borda)}
.chat__avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:rgba(67,209,142,.14);box-shadow:inset 0 0 0 1px var(--borda-media)}
.chat__avatar .ic{width:18px;height:18px;color:var(--esmeralda-clara)}
.chat__cabeca-texto{flex:1 1 auto;min-width:0}
.chat__cabeca-texto strong{display:block;font:600 1rem/1.2 var(--f-titulo);color:var(--texto)}
.chat__cabeca-texto small{display:block;color:var(--texto-3);font-size:.75rem}
.chat__fechar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  cursor:pointer;color:var(--texto-2);background:transparent;border:1px solid transparent}
.chat__fechar:hover{color:var(--texto);border-color:var(--borda)}
.chat__fechar .ic{width:15px;height:15px}

.chat__linha{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:10px;padding:14px;min-height:140px}
.chat__vazio{display:flex;gap:9px;margin:auto 0;padding:12px;border-radius:12px;
  background:rgba(201,164,92,.07);color:var(--texto-2);font-size:.88rem;line-height:1.5}
.chat__vazio .ic{flex:none;width:17px;height:17px;margin-top:2px;color:var(--ouro)}

.chat__balao{max-width:84%;padding:9px 12px;border-radius:14px;
  background:#2a1f17;box-shadow:inset 0 0 0 1px var(--borda)}
.chat__balao--cliente{align-self:flex-end;background:rgba(67,209,142,.13);
  box-shadow:inset 0 0 0 1px rgba(67,209,142,.3);border-bottom-right-radius:5px}
.chat__balao--loja{align-self:flex-start;border-bottom-left-radius:5px}
/* a resposta automática não se faz passar por gente: fica em amarelo, à parte */
.chat__balao--sistema{align-self:center;max-width:100%;text-align:center;
  background:rgba(240,184,74,.1);box-shadow:inset 0 0 0 1px rgba(240,184,74,.3)}
.chat__quem{display:block;margin-bottom:2px;font:600 .68rem/1 var(--f-rotulo);
  letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
.chat__balao--sistema .chat__quem{color:var(--promo,#F0B84A)}
.chat__texto{margin:0;color:var(--texto);font-size:.92rem;line-height:1.5;
  white-space:pre-wrap;overflow-wrap:anywhere}
.chat__quando{display:block;margin-top:3px;color:var(--texto-3);font-size:.7rem}
.chat__erro{margin:0;padding:0 14px 8px;color:var(--perigo);font-size:.82rem}

.chat__escrever{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;
  border-top:1px solid var(--borda);background:rgba(0,0,0,.2)}
.chat__escrever textarea{flex:1 1 auto;min-height:40px;max-height:120px;resize:none;
  padding:10px 12px;border-radius:12px;color:var(--texto);background:#15100b;
  border:1px solid var(--borda);font:400 .92rem/1.45 var(--f-corpo)}
.chat__escrever textarea:focus{outline:none;border-color:var(--borda-forte)}
.chat__enviar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  cursor:pointer;color:var(--tinta-verde);background:var(--esmeralda);border:none;
  transition:transform .2s var(--ease-out)}
.chat__enviar:hover{transform:translateY(-1px)}
.chat__enviar .ic{width:18px;height:18px}
.chat__nota{margin:0;padding:0 14px 10px;color:var(--texto-3);font-size:.7rem}

@media (max-width:520px){
  .chat__janela{width:min(94vw,360px);max-height:72vh}
  .chat__nota{display:none}
}

/* A pintura: um acréscimo em cima da peça, escolhido na hora da compra */
.pintura-opcao{align-items:flex-start}
.pintura-opcao__texto{display:grid;gap:3px;min-width:0}
.pintura-opcao__texto > span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pintura-opcao__texto .ic{flex:none;width:16px;height:16px;color:var(--ouro)}
.pintura-opcao__texto strong{font-weight:600}
.pintura-opcao__texto b{color:var(--esmeralda);font-weight:700}
.pintura-opcao__texto small{color:var(--texto-3);font-size:.82rem;line-height:1.45}
.compra .pintura-opcao{margin-top:14px;padding:12px 14px;border-radius:12px;
  background:rgba(201,164,92,.07);border:1px solid var(--borda)}
.compra .pintura-opcao:hover{border-color:var(--borda-media)}