/* Kingdom Kratom: atlas do reino. Sistema de fundos e passagens vindos da home real (REFERENCIA.md): corte reto, linha de 1px, sem degradê. */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bebas-neue-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-sans-700.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/nunito-sans-800.woff2) format('woff2')}

:root{
  --noite:#072d21; --floresta:#103f30; --mata:#36614e; --folha:#0a490d; --lima:#d0dc7b; --musgo:#2d5016;
  --carvao:#110e09; --creme:#f1e3d1; --palha:#eaf0dc; --tx:#14231b;
  --v-verde:#50bf64; --v-vermelho:#c8242b; --v-branco:#aeb8c0; --v-amarelo:#e2b93b;
  --max:1280px; --pad:clamp(20px,4vw,56px); --ease:cubic-bezier(.23,1,.32,1);
  --titulo:'Bebas Neue','Arial Narrow',Impact,sans-serif; --corpo:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 var(--corpo);color:var(--tx);background:#fff;touch-action:manipulation}
img{max-width:100%}
a{color:inherit}
[hidden]{display:none!important}
::selection{background:var(--lima);color:var(--noite)}
:focus-visible{outline:3px solid var(--folha);outline-offset:3px}
.trono :focus-visible,.provincias :focus-visible,.veias :focus-visible,.fronteiras :focus-visible,.guia :focus-visible,.clube-cartao :focus-visible,.clube-vip :focus-visible,.rodape :focus-visible{outline-color:var(--lima)}
section{overflow-x:clip;background-color:#fff}
.miolo{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
h1,h2,h3,h4{font-weight:400;margin:0}
h2{font-family:var(--titulo);font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:.01em;text-wrap:balance}
h3{font-family:var(--titulo);line-height:.98;letter-spacing:.01em;text-wrap:balance}
p{margin:0 0 1em}
.fio-topo{border-top:1px solid var(--carvao)}

/* ---- molde do pacote (bloco obrigatório) ---- */
.pular{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--lima);color:var(--noite);padding:10px 16px;border-radius:8px;font-weight:800}
.pular:focus{left:8px}
.rascunho{background:var(--carvao);color:#fff;text-align:center;font-size:13px;line-height:1.3;padding:8px 14px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px var(--pad);background:#fff;border-bottom:1px solid #cfd8cf}
.pacote-abas{display:flex;gap:6px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:50px;color:var(--noite);font:800 14px/1 var(--corpo);text-decoration:none;transition:background-color .2s,color .2s}
.pacote-abas a[aria-current="page"]{background:var(--noite);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:50px;background:var(--folha);color:#fff;font:800 14px/1 var(--corpo);text-decoration:none;white-space:nowrap}
.rodape{background:var(--carvao);color:#e9e2d6;padding:44px var(--pad) 48px;text-align:center;font-size:14px;line-height:1.6}
.rodape p{max-width:760px;margin:0 auto 14px}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:50px;background:var(--lima);color:var(--noite);font-weight:800;text-decoration:none}
.rodape-fontes{color:#c9c2b4}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:not([aria-current]):hover{background:var(--palha)}
  .chat:hover{background:var(--noite)}
  .rodape-chat:hover{background:#fff}
}

/* ---- peças comuns ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:50px;font:800 14px/1 var(--corpo);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;text-align:center;transition:transform .2s var(--ease),background-color .2s,color .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn-verde{background:var(--folha);color:#fff}
.btn-lima{background:var(--lima);color:var(--noite)}
.btn-contorno{border-color:var(--creme);color:var(--creme)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
  .btn-verde:hover{background:var(--noite)}
  .btn-lima:hover{background:#fff}
  .btn-contorno:hover{background:var(--creme);color:var(--noite)}
}
.pausa{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:50px;background:transparent;border:2px solid currentColor;color:var(--creme);font:800 12px/1 var(--corpo);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.pausa[aria-pressed="true"]{background:var(--creme);color:var(--noite)}
.cartela{display:block;background:var(--palha);border-radius:12px;padding:14px;transition:transform .35s var(--ease)}
.cartela img{display:block;width:100%;height:auto}
.quadro{margin:0;overflow:hidden;border-radius:12px;background:var(--palha)}
.quadro img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.peca{margin:0}
.peca-link{display:block;text-decoration:none}
.peca .cartela img{aspect-ratio:3/4;object-fit:contain}
.peca figcaption{margin-top:10px;font-size:15px;line-height:1.35}
.peca figcaption b{display:block;font-weight:800}
@media (hover:hover) and (pointer:fine){.peca-link:hover .cartela{transform:translateY(-5px)}}
.ponto{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(7,45,33,.45)}
.ponto-verde{background:var(--v-verde)}.ponto-vermelho{background:var(--v-vermelho)}.ponto-branco{background:#fff}.ponto-amarelo{background:var(--v-amarelo)}
.prateleira-cabeca{text-align:center;max-width:980px;margin:0 auto 48px}
.prateleira-cabeca h2{color:var(--noite);margin-bottom:.25em}
.prateleira-cabeca p{font-size:20px;margin:0 auto;max-width:62ch}

/* ---- revelação ao rolar (estado escondido só sob .com-js) ---- */
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.1s var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.com-js .rv:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-wipe:not(.in){opacity:1;transform:none;clip-path:inset(0 100% 0 0)}
.rv-wipe.in{clip-path:inset(0 0 0 0)}

/* ---- 1 trono ---- */
.trono{background-color:var(--mata);color:#fff}
.laminas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.laminas::-webkit-scrollbar{display:none}
.lamina{flex:0 0 100%;margin:0;scroll-snap-align:start}
.lamina img{display:block;width:100%;height:auto;aspect-ratio:2400/771}
.trono-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px var(--pad)}
.pontos{display:flex}
.ponto-nav{width:30px;height:44px;padding:0;border:0;background:none;position:relative;cursor:pointer}
.ponto-nav::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:14px;margin-top:-7px;border-radius:50%;border:2px solid var(--lima);transition:background-color .25s,transform .25s var(--ease)}
.ponto-nav[aria-current="true"]::before{background:var(--lima);transform:scale(1.15)}
.trono-faixa{padding-top:14px;padding-bottom:64px}
.trono-titulo{font-family:var(--titulo);font-size:clamp(56px,11.5vw,176px);line-height:.88;letter-spacing:.005em;color:#fff;text-wrap:balance}
.trono-pe{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:32px}
.trono-lede{font-size:clamp(18px,1.5vw,22px);line-height:1.5;margin:0;max-width:44ch}
.selo-promo{display:inline-block;background:var(--lima);color:var(--noite);font-weight:800;padding:8px 18px;border-radius:50px;margin:0 0 18px;font-size:15px}
.botoes{display:flex;gap:12px;flex-wrap:wrap}

/* ---- 2 estandarte ---- */
.estandarte{background-color:var(--lima);color:var(--noite);padding:24px 0 20px;text-align:center}
.estandarte h2{font-size:clamp(26px,2.4vw,34px);line-height:1;letter-spacing:.08em;text-transform:uppercase;margin:0 var(--pad) 12px}
.faixa{overflow:hidden}
.faixa-trilho{display:flex;gap:56px;width:max-content;margin:0;padding:0;list-style:none;animation:desfile 40s linear infinite}
.faixa-trilho li{display:flex;align-items:center;gap:14px;white-space:nowrap;font-family:var(--titulo);font-size:clamp(32px,3vw,46px);line-height:1}
.faixa.parada .faixa-trilho{animation-play-state:paused}
@keyframes desfile{to{transform:translateX(calc((100% + 56px) / -3))}}
.pausa-clara{display:flex;margin:12px auto 0;color:var(--noite)}
.pausa-clara[aria-pressed="true"]{background:var(--noite);color:var(--lima)}

/* ---- 3 decretos ---- */
.decretos{padding:76px 0 92px}
.decretos-titulo{font:500 clamp(22px,2.1vw,28px)/1.25 var(--corpo);color:var(--noite);margin:0 0 40px;max-width:none}
.decretos-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.decreto h3{font-size:clamp(44px,4.2vw,60px);color:var(--folha);margin:24px 0 10px}
.decreto p{font-size:18px;max-width:36ch;margin:0}

/* ---- 4 províncias ---- */
.provincias{background-color:var(--noite);color:#fff;padding:84px 0 100px}
.provincias-titulo{font-size:clamp(52px,7.6vw,110px);color:var(--lima);text-align:center;margin:0 0 52px}
.provincias-fila{display:flex;gap:14px;height:600px}
.provincia{flex:1 1 0;min-width:0;border-radius:16px;background:var(--floresta);overflow:hidden;position:relative;transition:flex-grow .65s var(--ease)}
.provincia.aberta{flex-grow:3.7}
.provincia-dentro{display:grid;grid-template-columns:182px minmax(300px,1fr);width:max(100%,610px);height:100%}
.provincia-capa{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;padding:16px 14px 22px;min-height:0}
.provincia .cartela{flex:1 1 auto;min-height:0;height:auto;position:relative;padding:0}
.provincia .cartela:not(.cartela-trio) img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.cartela-trio{position:relative;display:block}
.cartela-trio img{position:absolute;bottom:10px;width:50%;height:86%;object-fit:contain}
.cartela-trio img:nth-child(1){left:2px}.cartela-trio img:nth-child(2){left:25%;height:94%;z-index:1}.cartela-trio img:nth-child(3){right:2px}
.provincia-capa h3{font-size:clamp(34px,2.9vw,44px);color:#fff}
.provincia-texto{padding:34px 30px 30px 6px;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:opacity .45s var(--ease)}
.provincia-texto p{font-size:18px;line-height:1.5;margin:0 0 12px}
.provincia-texto .btn{align-self:flex-start;margin-top:8px}
.com-js .provincia:not(.aberta) .provincia-texto{opacity:0;pointer-events:none}
.com-js .provincia.aberta .provincia-texto{transition-delay:.18s}

/* ---- 5 veias ---- */
.veias{background-color:var(--noite);color:#fff;padding:92px 0 108px;border-top:1px solid #000}
.veias-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.veias-lado{position:sticky;top:92px}
.veias-lado h2{color:var(--lima);font-size:clamp(64px,7.4vw,112px);margin-bottom:.2em}
.veias-intro{font-size:17px;max-width:46ch;color:var(--creme)}
.veias-barras{display:grid;gap:10px;margin-top:26px}
.barra-veia{--cor:var(--v-verde);--sobre:var(--noite);display:flex;align-items:baseline;justify-content:space-between;gap:14px;text-align:start;min-height:76px;padding:12px 22px 12px 30px;border-radius:14px;border:2px solid rgba(255,255,255,.28);background:transparent;color:#fff;cursor:pointer;position:relative;overflow:hidden;font-family:var(--corpo);transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s,transform .3s var(--ease)}
.barra-veia::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--cor)}
.barra-nome{font:400 clamp(40px,3.6vw,52px)/1 var(--titulo);letter-spacing:.01em}
.barra-sub{font-size:14px;font-weight:700;opacity:.9;text-align:end}
.barra-vermelha{--cor:var(--v-vermelho);--sobre:#fff}
.barra-branca{--cor:var(--v-branco);--sobre:var(--noite)}
.barra-amarela{--cor:var(--v-amarelo);--sobre:var(--noite)}
.barra-veia[aria-selected="true"]{background:var(--cor);color:var(--sobre);border-color:var(--cor);transform:translateX(10px)}
.barra-veia[aria-selected="true"]::before{background:rgba(0,0,0,.28)}
.veias-ficha{font-weight:800;color:var(--lima);margin:0 0 24px;font-size:16px}
.veia-painel h3{font-size:clamp(42px,4.2vw,62px);margin-bottom:12px}
.veia-painel.entra{animation:painelEntra .6s var(--ease)}
@keyframes painelEntra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.veia-carater{font-size:20px;line-height:1.45;max-width:50ch;color:var(--creme)}
.veia-nota{font-weight:700;max-width:60ch;margin-bottom:0}
.cepas{list-style:none;margin:20px 0 28px;padding:0;columns:3;column-gap:28px}
.cepas li{break-inside:avoid;font-weight:800;font-size:17px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.galeria{display:grid;gap:14px}
.galeria-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.galeria-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.veias .peca figcaption{color:var(--creme)}
.veias .peca figcaption b{color:#fff}

/* ---- 6 escala ---- */
.escala{padding:88px 0 100px}
.reguas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}
.regua{display:flex;flex-direction:column;gap:6px}
.regua-foto{height:340px;display:flex;align-items:flex-end;justify-content:center;padding:14px}
.saco{display:block;height:auto;object-fit:contain}
.saco-25{width:58%}.saco-50{width:70%}.saco-250{width:88%}.saco-500{width:100%}
.regua-grande{height:340px;display:flex;align-items:flex-end;justify-content:center;padding:14px;border-radius:12px;background:var(--noite);color:var(--lima);font:400 clamp(90px,10vw,150px)/.8 var(--titulo)}
.regua-peso{font:400 clamp(40px,3.4vw,52px)/1 var(--titulo);color:var(--folha);margin-top:8px}
.regua-preco{font:400 36px/1 var(--titulo);letter-spacing:.02em;color:var(--noite)}
.contas{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;margin-top:68px;align-items:start}
.conta-grande{font:400 clamp(30px,3vw,46px)/1.08 var(--titulo);letter-spacing:.01em;color:var(--folha);margin:0}
.conta-pequena{font-size:18px;margin:0;padding-left:24px;border-left:6px solid var(--lima)}
.outros-pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:60px}
.outros-pos .peca .cartela img{aspect-ratio:1}

/* ---- 7 sabores ---- */
.sabores{padding:88px 0 100px}
.sabores-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sache .cartela{padding:0;overflow:hidden;background:#fff;border:1px solid #cfd8cf}
.sache .cartela img{aspect-ratio:1;object-fit:contain}
.sache:last-child .cartela{background:var(--palha);border-color:var(--palha);padding:14px}
.sabores-nota{text-align:center;max-width:62ch;margin:40px auto 60px;font-size:19px}
.livro-extratos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:0}
.livro-extratos>div{border-top:1px solid var(--carvao);padding:24px 0 28px}
.livro-extratos dt{font:400 clamp(30px,2.6vw,38px)/1 var(--titulo);color:var(--folha)}
.livro-extratos dd{margin:10px 0 0;font-size:17px}

/* ---- 8 amostras ---- */
.amostras{background-color:var(--palha);padding:72px 0 84px}
.tabela-regiao{overflow-x:auto;border-radius:14px;background:#fff;border:1px solid var(--carvao)}
.tabela-amostras{border-collapse:collapse;width:100%;min-width:640px}
.tabela-amostras thead th{background:var(--noite);color:var(--lima);text-align:start;padding:16px 22px;font:800 13px/1 var(--corpo);letter-spacing:.1em;text-transform:uppercase}
.tabela-amostras tbody th,.tabela-amostras td{padding:18px 22px;text-align:start;border-top:1px solid #cfd8cf}
.tabela-amostras tbody th{font-weight:700;font-size:18px}
.tabela-amostras td{font:400 32px/1.1 var(--titulo);white-space:nowrap}
.tabela-amostras td:last-child{font:400 17px var(--corpo);color:#4c5e53}
.tabela-amostras s{color:#4c5e53}

/* ---- 9 provas ---- */
.provas{background-color:var(--lima);color:var(--noite);padding:96px 0 104px}
.provas-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.provas-nota{position:sticky;top:92px}
.nota-gigante{font:400 clamp(190px,27vw,400px)/.76 var(--titulo);margin:0;font-variant-numeric:tabular-nums}
.nota-legenda{font-size:20px;max-width:34ch;margin:18px 0 0}
.nota-legenda b{display:block;font-weight:800}
.prova-linha{display:grid;grid-template-columns:minmax(140px,max-content) minmax(0,1fr);gap:28px;align-items:center;padding:26px 0;border-top:2px solid var(--noite)}
.prova-num{font:400 clamp(66px,7vw,108px)/.85 var(--titulo);white-space:nowrap;font-variant-numeric:tabular-nums}
.prova-linha p{margin:0;font-size:19px}
.prova-linha p b{display:block;font-weight:800}
.prova-citacao{margin:30px 0 0;background:var(--noite);color:#fff;border-radius:16px;padding:38px 42px}
.prova-citacao blockquote{margin:0}
.prova-citacao blockquote p{font:400 clamp(32px,3.1vw,46px)/1.08 var(--titulo);margin:0}
.prova-citacao figcaption{margin-top:18px;color:var(--lima);font-weight:800}

/* ---- 10 tesouro ---- */
.tesouro{padding:100px 0 124px}
.tesouro-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.tesouro-lado{position:sticky;top:92px}
.tesouro-lado h2{font-size:clamp(64px,8vw,124px);color:var(--folha)}
.tesouro-foto{margin:28px 0 0;border-radius:14px;overflow:hidden;max-width:560px}
.tesouro-foto img{display:block;width:100%;height:auto}
.tesouro-texto p{font-size:20px;line-height:1.6;margin:0 0 26px;max-width:34em}
.t-abre{font:400 clamp(36px,3.6vw,54px)/1.04 var(--titulo)!important;color:var(--folha);letter-spacing:.01em}
.t-tesouro{font-size:26px!important;line-height:1.35!important}
.t-tesouro q{font-weight:800;color:var(--folha);quotes:none}
.t-grita{font:400 clamp(46px,5.6vw,88px)/.94 var(--titulo)!important;color:var(--noite);letter-spacing:.01em;margin:34px 0!important}
.t-missao,.t-pessoas{list-style:none;margin:0 0 30px;padding:0}
.t-missao li{font:400 clamp(34px,3.4vw,50px)/1.05 var(--titulo);padding:10px 0 10px 24px;border-left:10px solid var(--lima);margin-bottom:12px;color:var(--folha)}
.t-pessoas li{font-size:22px;font-weight:700;padding:12px 0;border-top:1px solid #cfd8cf}
.t-assina{font-weight:800}

/* ---- 11 bar ---- */
.bar{padding:92px 0 108px}
.bar-cabeca{text-align:center;max-width:920px;margin:0 auto 44px}
.bar-cabeca h2{color:var(--noite)}
.bar-cabeca p{font-size:20px;margin:18px 0 0}
.dicas{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dicas li{background:var(--palha);border-radius:14px;padding:24px;font-size:16px;line-height:1.5}
.carta{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:28px;align-items:start}
.carta-abas{display:grid;gap:10px;position:sticky;top:92px}
.carta-aba{display:flex;align-items:center;gap:12px;text-align:start;min-height:68px;padding:14px 18px;border:2px solid var(--noite);border-radius:14px;background:#fff;color:var(--noite);font:800 16px/1.2 var(--corpo);cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.carta-aba[aria-selected="true"]{background:var(--noite);color:#fff;transform:translateX(8px)}
.carta-painel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;border:1px solid var(--carvao);border-radius:16px;padding:34px}
.carta-painel.entra{animation:painelEntra .6s var(--ease)}
.carta-corpo h3{font-size:clamp(40px,3.6vw,54px);color:var(--folha);margin-bottom:10px}
.carta-desc{font-size:19px}
.ingredientes{list-style:none;margin:18px 0 22px;padding:0}
.ingredientes li{padding:10px 0;border-top:1px solid #cfd8cf;font-weight:700}
.ingredientes li:last-child{border-bottom:1px solid #cfd8cf}
.carta-foto{margin:0;align-self:stretch}
.carta-foto .cartela{height:100%;min-height:320px;display:grid;place-items:center}
.carta-foto .cartela img{max-height:420px;width:auto;max-width:100%;margin-inline:auto}

/* ---- 12 estrada ---- */
.estrada{padding:96px 0 112px}
.estrada-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.estrada-lado{position:sticky;top:92px}
.estrada-lado h2{color:var(--noite);font-size:clamp(60px,7vw,108px)}
.estrada-promessa{font:400 clamp(30px,3.2vw,46px)/1.1 var(--titulo);color:var(--folha);margin:22px 0 0;max-width:20em}
.estrada-trilha{list-style:none;margin:0;padding:0 0 0 84px;position:relative;--p:1}
.estrada-trilha::before,.estrada-trilha::after{content:"";position:absolute;left:26px;top:28px;bottom:56px;width:5px;border-radius:4px;background:#cfd8cf}
.estrada-trilha::after{background:var(--folha);transform-origin:top;transform:scaleY(var(--p))}
.parada{position:relative;padding:0 0 54px}
.marco{position:absolute;left:-84px;top:0;width:58px;height:58px;border-radius:50%;background:var(--folha);color:#fff;font:400 34px/58px var(--titulo);text-align:center}
.parada h3{font-size:clamp(40px,3.6vw,52px);color:var(--noite);margin:2px 0 8px}
.parada p{max-width:48ch;margin:0 0 12px;font-size:18px}
.parada-mail{display:flex;align-items:center;gap:12px}
.cartela-mini{width:52px;padding:8px;flex:none}

/* ---- 13 fronteiras ---- */
.fronteiras{background-color:var(--noite);color:#fff;padding:92px 0 104px}
.fronteiras-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.fronteiras-lado{position:sticky;top:92px}
.fronteiras-lado h2{color:var(--lima);font-size:clamp(56px,6.4vw,96px);margin-bottom:.35em}
.fronteiras-lado p{color:var(--creme);font-size:18px;max-width:46ch}
.fronteiras-regra{font-size:20px;font-weight:700;margin:0}
.estados{list-style:none;margin:22px 0 34px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.estados li{font:400 24px/1.05 var(--titulo);border:2px solid var(--lima);border-radius:12px;padding:16px 6px;overflow-wrap:anywhere;text-align:center;color:var(--lima)}
.regras-estado{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.regra-estado{background:var(--floresta);border-radius:14px;padding:26px 26px 14px}
.regra-estado h3{font-size:36px;color:var(--lima);margin-bottom:12px}
.regra-estado p{font-size:17px}
.fronteiras-local{margin:30px 0 22px;color:var(--creme);font-size:17px}
.fronteiras-idade{background:var(--lima);color:var(--noite);padding:22px 26px;border-radius:14px;margin:0 0 18px}
.fronteiras-data{font-size:14px;color:var(--creme);margin:0}

/* ---- 14 armário ---- */
.armario{padding:92px 0 108px}
.armario-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}
.armario-item h3,.balanca h3{font-size:clamp(40px,3.8vw,56px);color:var(--folha);margin:22px 0 4px}
.armario-preco{font:400 38px/1 var(--titulo);margin:0 0 14px;color:var(--noite)}
.armario-item p,.balanca p{font-size:17px;max-width:56ch}
.armario-item .btn,.balanca .btn{margin-top:10px}
.balanca{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:52px;margin-top:76px;padding-top:60px;border-top:1px solid var(--carvao);align-items:start}
.balanca-foto{position:sticky;top:92px;max-width:420px}
.balanca-foto img{aspect-ratio:1000/1399}
.balanca h3{margin-top:0}
.balanca h4{font:400 34px/1 var(--titulo);color:var(--noite);margin:26px 0 10px}
.passos{margin:0 0 20px;padding-left:1.4em}
.passos li{padding:6px 0 6px 6px;font-weight:700;font-size:17px}
.balanca-mat{font-weight:700}

/* ---- 15 causa ---- */
.causa{background-color:var(--palha);padding:104px 0}
.causa-miolo{max-width:1100px}
.causa-frase{font:400 clamp(36px,4.8vw,70px)/1.02 var(--titulo);color:var(--noite);margin:0 0 34px;text-align:center;text-wrap:balance}
.causa-resto{max-width:64ch;margin:0 auto 16px;text-align:center;font-size:18px}
.causa-resto a{color:var(--folha);font-weight:800;overflow-wrap:anywhere}
.causa-selo{text-align:center;margin:38px auto 0;font:800 14px/1.4 var(--corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--folha)}

/* ---- 16 clube ---- */
.clube{padding:92px 0 104px}
.clube-titulo{font-size:clamp(46px,5.6vw,84px);color:var(--noite);text-align:center;max-width:1100px;margin:0 auto}
.clube-titulo span{color:var(--mata)}
.clube-cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1160px;margin:52px auto 0}
.clube-cartao{background:var(--floresta);color:#fff;border-radius:16px;padding:38px 36px 34px;text-align:center}
.clube-cartao h3{font-size:clamp(40px,3.6vw,52px);margin:24px 0 12px}
.clube-cartao p{max-width:44ch;margin:0 auto;font-size:17px}
.clube-fila{display:flex;gap:10px;justify-content:center;height:190px}
.clube-fila .cartela{flex:0 1 96px;padding:8px;height:100%}
.clube-fila img{width:100%;height:100%;object-fit:contain}
.clube-fila-2 .cartela{flex-basis:110px;height:130px;align-self:center}
.clube-vip{max-width:1160px;margin:20px auto 0;background:var(--mata);color:#fff;border-radius:16px;padding:38px 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 36px;align-items:center}
.clube-vip h3{font-size:clamp(40px,3.8vw,56px);color:var(--lima);grid-column:1}
.clube-vip p{grid-column:1;margin:0;max-width:56ch}
.clube-vip .btn{grid-column:2;grid-row:1/3}

/* ---- 17 perguntas ---- */
.perguntas{padding:92px 0 104px;border-top:1px solid var(--carvao)}
.perguntas-miolo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
.perguntas-lado{position:sticky;top:92px}
.perguntas-lado h2{color:var(--folha);font-size:clamp(64px,7.6vw,116px)}
.perguntas-foto{margin:26px 0 0;border-radius:14px;overflow:hidden;max-width:460px}
.perguntas-foto img{display:block;width:100%;height:auto}
.perguntas-lista details{border-top:1px solid var(--carvao)}
.perguntas-lista details:last-child{border-bottom:1px solid var(--carvao)}
.perguntas-lista summary{list-style:none;cursor:pointer;position:relative;min-height:44px;padding:22px 56px 22px 0;font:400 clamp(28px,2.6vw,38px)/1.08 var(--titulo);color:var(--noite)}
.perguntas-lista summary::-webkit-details-marker{display:none}
.perguntas-lista summary::after{content:"+";position:absolute;right:6px;top:50%;margin-top:-.6em;font:400 44px/1 var(--titulo);color:var(--folha);transition:transform .3s var(--ease)}
.perguntas-lista details[open] summary::after{transform:rotate(45deg)}
.perguntas-lista details p{max-width:62ch;padding:0 0 26px;margin:0;font-size:18px}

/* ---- 18 guia ---- */
.guia{background-color:var(--mata);color:#fff;padding:76px 0 96px}
.guia-quadro-pai{max-width:1120px;margin:0 auto;padding-inline:var(--pad)}
.guia-quadro{margin:0;position:relative;aspect-ratio:1120/372;overflow:hidden;border-radius:6px;background:var(--noite)}
.guia-quadro::after{content:"";position:absolute;inset:0;background:rgba(7,45,33,.8);pointer-events:none}
.guia-quadro img{display:block;width:100%;height:100%;object-fit:cover}
.guia-titulo{position:relative;font-size:clamp(100px,16.5vw,238px);line-height:.8;text-align:center;color:#fff;margin:-.46em 0 0;letter-spacing:.01em}
.guia-pilulas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:var(--max);margin:56px auto 0;padding-inline:var(--pad)}
.pilula{display:flex;align-items:center;justify-content:center;min-height:68px;padding:0 18px;border:2px solid rgba(255,255,255,.75);border-radius:50px;background:var(--noite);color:#fff;font:800 14px/1.25 var(--corpo);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color .25s,color .25s,transform .25s var(--ease)}
.pilula:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.pilula:hover{background:var(--lima);color:var(--noite);border-color:var(--lima)}}
.guia-texto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:76px}
.guia-texto h3{font-size:clamp(40px,3.8vw,54px);color:var(--lima);margin-bottom:12px}
.guia-texto p{color:var(--creme);font-size:18px}

/* ---- tablet e celular ---- */
@media (max-width:1100px){
  .galeria-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reguas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .regua-quilo{grid-column:span 1}
  .dicas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .estados{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  body{font-size:16px}
  .pacote-abas .curto{display:none}
  .lamina img{height:300px;aspect-ratio:auto;object-fit:cover;object-position:left center}
  .trono-pe{grid-template-columns:minmax(0,1fr);gap:24px}
  .trono-faixa{padding-bottom:48px}
  .decretos{padding:56px 0 64px}
  .decretos-grade{grid-template-columns:minmax(0,1fr);gap:40px}
  .provincias{padding:60px 0 70px}
  .provincias-fila{flex-direction:column;height:auto}
  .provincia{flex:none}
  .provincia-dentro{grid-template-columns:minmax(0,1fr);width:100%;height:auto}
  .provincia .cartela{flex:none;height:240px}
  .provincia-capa{gap:18px}
  .provincia-texto{padding:0 20px 26px}
  .tabela-regiao{border:0;background:transparent}
  .tabela-amostras{min-width:0;display:block}
  .tabela-amostras thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela-amostras tbody{display:grid;gap:10px}
  .tabela-amostras tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:16px 18px;background:#fff;border:1px solid var(--carvao);border-radius:14px}
  .tabela-amostras tbody th{grid-column:1/-1;padding:0;border:0;font-size:17px}
  .tabela-amostras td{padding:0;border:0;white-space:normal}
  .com-js .provincia:not(.aberta) .provincia-texto{opacity:1;pointer-events:auto}
  .veias{padding:64px 0 76px}
  .veias-miolo,.tesouro-miolo,.estrada-miolo,.fronteiras-miolo,.perguntas-miolo,.provas-miolo,.contas,.balanca,.carta,.carta-painel,.guia-texto{grid-template-columns:minmax(0,1fr);gap:32px}
  .veias-lado,.tesouro-lado,.estrada-lado,.fronteiras-lado,.perguntas-lado,.provas-nota,.balanca-foto{position:static}
  .veias-barras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .barra-veia{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px 12px 24px}
  .barra-sub{text-align:start;font-size:13px}
  .barra-veia[aria-selected="true"]{transform:none}
  .cepas{columns:2}
  .escala,.sabores,.bar,.armario,.clube,.perguntas,.tesouro,.estrada,.fronteiras,.provas{padding-top:60px;padding-bottom:68px}
  .reguas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .regua-quilo{grid-column:1/-1}
  .regua-foto{height:200px}
  .regua-grande{height:150px}
  .outros-pos{gap:10px}
  .outros-pos .peca figcaption{font-size:13px}
  .sabores-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .livro-extratos{grid-template-columns:minmax(0,1fr)}
  .prova-linha{grid-template-columns:minmax(0,1fr);gap:8px}
  .prova-citacao{padding:28px 24px}
  .nota-gigante{font-size:clamp(150px,44vw,240px)}
  .dicas{grid-template-columns:minmax(0,1fr)}
  .carta-painel{padding:22px}
  .carta-aba[aria-selected="true"]{transform:none}
  .estrada-trilha{padding-left:68px}
  .marco{left:-68px;width:48px;height:48px;font-size:28px;line-height:48px}
  .estrada-trilha::before,.estrada-trilha::after{left:21px}
  .estados{grid-template-columns:repeat(2,minmax(0,1fr))}
  .estados li:last-child{grid-column:1/-1}
  .regras-estado{grid-template-columns:minmax(0,1fr)}
  .armario-grade{grid-template-columns:minmax(0,1fr);gap:48px}
  .balanca{margin-top:56px;padding-top:44px}
  .causa{padding:68px 0}
  .clube-cartoes{grid-template-columns:minmax(0,1fr)}
  .clube-cartao{padding:30px 22px}
  .clube-vip{grid-template-columns:minmax(0,1fr);padding:30px 24px}
  .clube-vip .btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px}
  .guia{padding:56px 0 68px}
  .guia-quadro{aspect-ratio:16/10}
  .guia-pilulas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px}
  .pilula{font-size:12px;letter-spacing:.1em;padding:0 10px}
  .guia-texto{margin-top:52px}
}
@media (max-width:420px){
  .botoes .btn{width:100%}
  .trono-titulo{font-size:clamp(52px,15vw,80px)}
}

/* ---- sem JS: tudo aberto e empilhado ---- */
.sem-js .provincias-fila{flex-direction:column;height:auto}
.sem-js .provincia{flex:none}
.sem-js .provincia-dentro{grid-template-columns:minmax(0,200px) minmax(0,1fr);width:100%;height:auto}
.sem-js .provincia .cartela{flex:none;height:240px}
.sem-js .veia-painel[hidden],.sem-js .carta-painel[hidden]{display:block!important}

/* ---- movimento reduzido: só opacidade ---- */
@media (prefers-reduced-motion:reduce){
  .com-js .rv:not(.in){transform:none}
  .com-js .rv-wipe:not(.in){opacity:0;clip-path:none}
  .rv,.provincia,.barra-veia,.carta-aba,.cartela{transition-duration:.01s}
  .faixa{overflow-x:auto}
  .faixa-trilho{animation:none}
  .veia-painel.entra,.carta-painel.entra{animation:none}
  .laminas{scroll-behavior:auto}
}