/* Ateliê dos mestres. Pergaminho e terra verde (o pigmento que os renascentistas usavam por baixo da pele), tinta sépia e um toque de folha de ouro.
   Herói: o K desenhado como esboço de caderno de Da Vinci e depois impresso camada por camada. Catálogo em grade com busca, filtros com ícone, selo de status e botão.
   Peças sem foto aparecem como esboço. A farm vira o ateliê, com um ícone para cada mestre. */
:root{
  --pergaminho:#EFE6D2;   /* areia: fundo do site */
  --velino:#F8F2E6;       /* papel: cartões */
  --tinta:#22301F;        /* texto, verde quase preto */
  --sepia:#6E5A40;        /* texto secundário e traços de esboço */
  --verde:#2E6A4A;        /* terra verde: ações e destaques */
  --verde-claro:#DCE6D3;  /* selos */
  --ouro:#A8823A;         /* folha de ouro, com moderação */
  --musgo:#5B6636;        /* verde musgo de apoio (manual v0.2) */
  --cafe:#3A2A1E;         /* fundo escuro terroso (manual v0.2) */
  --floresta:#22301F;     /* fundo escuro verde (manual v0.2) */
  --fio:#D8CAAC;          /* linhas finas */
  --sombra:0 1px 0 rgba(80,60,30,.06), 0 10px 30px -18px rgba(60,45,20,.35);
  --display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --texto:"Instrument Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --larg:1240px;
  --r:14px;
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--pergaminho);color:var(--tinta);font-family:var(--texto);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--pergaminho)}
.miolo{max-width:var(--larg);margin-inline:auto;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}
a{color:inherit}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
p{margin:0}
img{display:block}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 15.5px/1 var(--texto);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.botao .ic{width:18px;height:18px}
.botao.cheio{background:var(--verde);color:var(--velino)}
.botao.cheio:hover{filter:brightness(1.08);transform:translateY(-1px)}
.botao.linha{border-color:var(--tinta);color:var(--tinta);background:transparent}
.botao.linha:hover{background:var(--tinta);color:var(--pergaminho)}
.botao.pequeno{min-height:40px;padding:0 16px;font-size:14.5px}

/* Cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--pergaminho) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--fio)}
.topo .miolo{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:14px;flex-wrap:wrap}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:"Archivo",Arial,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;font-size:22px;line-height:1}
.marca svg{height:.95em;width:auto;fill:currentColor}
.menu{display:flex;gap:6px 26px;flex-wrap:wrap;font-size:15px;align-items:center}
.menu a{text-decoration:none;color:var(--sepia)}
.menu a:hover{color:var(--tinta)}

/* Herói */
.heroi .miolo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-block:56px 72px}
.heroi-texto{display:grid;gap:24px;min-width:0}
.sobretitulo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-style:italic;font-size:20px;color:var(--sepia)}
.sobretitulo::before{content:"";width:36px;height:1px;background:var(--ouro)}
.heroi h1{font-size:clamp(52px,7.6vw,108px);font-weight:500;letter-spacing:-.02em;line-height:.95}
.heroi h1 span{display:block}
.heroi h1 em{display:block;font-weight:700;color:var(--verde)}
.heroi p{max-width:46ch;font-size:18px;color:var(--sepia)}
.acoes{display:flex;gap:12px 14px;flex-wrap:wrap;align-items:center}

.codice{position:relative;margin:0;background:var(--velino);border:1px solid var(--fio);border-radius:var(--r);box-shadow:var(--sombra);padding:22px;min-width:0}
.codice svg.desenho{display:block;width:100%;height:auto;max-width:100%}
.codice figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-family:var(--display);font-style:italic;font-size:17px;color:var(--sepia)}
.esboco line,.esboco circle,.esboco rect,.esboco path{fill:none;stroke:var(--sepia);stroke-width:.6;opacity:.55}
.esboco .cota{stroke-dasharray:3 3}
.anota{font-family:var(--display);font-style:italic;font-size:9px;fill:var(--sepia);opacity:.8}
.k-camadas{fill:var(--verde)}
.k-contorno{fill:none;stroke:var(--tinta);stroke-width:.7}
@media (prefers-reduced-motion: no-preference){
  .esboco>*{stroke-dasharray:600;stroke-dashoffset:600;animation:traco 1.6s ease forwards}
  .esboco .cota{stroke-dasharray:3 3;stroke-dashoffset:0;animation:aparece 1s ease .6s both}
  .esboco>*:nth-child(2){animation-delay:.15s}.esboco>*:nth-child(3){animation-delay:.3s}.esboco>*:nth-child(4){animation-delay:.45s}.esboco>*:nth-child(5){animation-delay:.6s}
  .k-contorno{stroke-dasharray:800;stroke-dashoffset:800;animation:traco 1.4s ease .7s forwards}
  .anota{animation:aparece .8s ease 1.2s both}
  #preenche{transform-box:fill-box;animation:sobe 2.4s steps(24) 1.6s both}
}
@keyframes traco{to{stroke-dashoffset:0}}
@keyframes aparece{from{opacity:0}}
@keyframes sobe{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Faixa de confiança */
.selos-faixa{border-block:1px solid var(--fio)}
.selos-faixa .miolo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:22px}
.selo-item{display:flex;gap:14px;align-items:flex-start}
.selo-item .ic{width:32px;height:32px;color:var(--verde);stroke-width:1.25}
.selo-item b{display:block;font-family:var(--display);font-size:21px;font-weight:600;line-height:1.1}
.selo-item span{font-size:14.5px;color:var(--sepia)}

/* Seções */
section{scroll-margin-top:84px}
.secao{padding-block:88px}
.cabeca{display:grid;gap:12px;margin-bottom:36px;max-width:720px}
.cabeca .sobretitulo{font-size:19px}
.cabeca h2{font-size:clamp(40px,5.4vw,68px)}
.cabeca p{color:var(--sepia);max-width:54ch}

/* Catálogo */
.ferramentas{display:grid;gap:16px;margin-bottom:28px}
.busca{position:relative;max-width:420px}
.busca .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--sepia)}
.busca input{width:100%;min-height:48px;padding:0 18px 0 46px;border:1px solid var(--fio);border-radius:999px;background:var(--velino);color:var(--tinta);font:400 15.5px var(--texto)}
.busca input:focus{outline:none;border-color:var(--verde)}
.filtros{display:flex;gap:8px;flex-wrap:wrap}
.filtro{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--fio);background:var(--velino);color:var(--tinta);font:500 14.5px/1 var(--texto);cursor:pointer}
.filtro .ic{width:18px;height:18px;color:var(--verde)}
.filtro small{font-size:12.5px;color:var(--sepia);font-variant-numeric:tabular-nums}
.filtro[aria-pressed="true"]{background:var(--verde);border-color:var(--verde);color:var(--velino)}
.filtro[aria-pressed="true"] .ic,.filtro[aria-pressed="true"] small{color:var(--velino)}
.grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{position:relative;display:flex;flex-direction:column;background:var(--velino);color:var(--tinta);border:0;border-radius:24px;overflow:hidden;min-width:0;
  box-shadow:0 1px 2px rgba(58,42,30,.05),0 8px 20px -8px rgba(58,42,30,.14),0 24px 48px -24px rgba(34,48,31,.22);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1)}
.card:hover,.card:focus-within{transform:translateY(-8px);box-shadow:0 2px 4px rgba(58,42,30,.06),0 18px 32px -12px rgba(58,42,30,.2),0 40px 70px -28px rgba(34,48,31,.38)}
.card-foto{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;background:var(--pergaminho);cursor:pointer;overflow:hidden;border-radius:24px 24px 20px 20px}
.card-foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-foto img{transform:scale(1.06)}
.card-corpo{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.card-cat{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--sepia)}
.card-cat .ic{width:16px;height:16px;color:var(--musgo)}
.card h3{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.05}
.card p{font-size:14.5px;color:var(--sepia);line-height:1.5}
.status{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:500;background:var(--verde-claro);color:var(--tinta)}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde)}
.status.breve::before{background:var(--ouro)}
.card .botao{margin-top:auto;width:100%;background:var(--tinta);color:var(--velino);box-shadow:0 8px 18px -10px rgba(34,48,31,.6);transition:background .3s,transform .3s}
.card:hover .botao{background:var(--verde)}
.card .status{padding:4px 10px;font-size:11.5px;font-weight:600;letter-spacing:.02em}
.card p{margin-bottom:6px}
@media (prefers-reduced-motion: reduce){.card,.card-foto img,.card .botao{transition:none}.card:hover,.card:focus-within{transform:none}.card:hover .card-foto img{transform:none}}
.vazio{grid-column:1/-1;padding:40px 0;color:var(--sepia);font-family:var(--display);font-style:italic;font-size:22px}

/* Esboço no lugar da foto */
.esboco-foto{position:absolute;inset:0;display:grid;place-items:center;background:
  linear-gradient(var(--fio) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(90deg,var(--fio) 1px,transparent 1px) 0 0/22px 22px,var(--velino)}
.esboco-foto svg{width:62%;height:auto;opacity:.75}
.esboco-foto svg *{fill:none;stroke:var(--sepia);stroke-width:1}
.esboco-foto span{position:absolute;left:12px;bottom:10px;font-family:var(--display);font-style:italic;font-size:15px;color:var(--sepia)}

/* Detalhe */
dialog{border:0;padding:0;max-width:min(1020px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 32px);background:var(--pergaminho);color:var(--tinta);border-radius:var(--r);overflow:auto}
dialog::backdrop{background:rgba(20,26,18,.6);backdrop-filter:blur(3px)}
.detalhe{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-width:0}
.galeria{position:relative;background:var(--velino);min-height:420px;min-width:0}
.galeria>img{width:100%;height:100%;max-height:86dvh;object-fit:cover}
.miniaturas{position:absolute;left:14px;bottom:14px;display:flex;gap:8px}
.miniaturas button{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.8;background:var(--velino)}
.miniaturas button[aria-current="true"]{border-color:var(--velino);opacity:1}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.detalhe-texto{padding:40px 36px;display:flex;flex-direction:column;gap:18px;min-width:0}
.detalhe-texto h3{font-size:clamp(36px,3.6vw,50px)}
.detalhe-texto p{color:var(--sepia)}
.lojas{display:grid;gap:10px}
.loja{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 20px;border-radius:999px;border:1px solid var(--tinta);text-decoration:none;font-weight:600}
.loja .ic{width:20px;height:20px}
.loja .seta{margin-left:auto}
a.loja:hover{background:var(--tinta);color:var(--pergaminho)}
.loja.breve{border-color:var(--fio);color:var(--sepia);font-weight:400;cursor:default}
.loja.breve em{margin-left:auto;font-style:normal;font-size:13px}
.nota{font-size:14px;color:var(--sepia);border-top:1px solid var(--fio);padding-top:14px;margin-top:auto}
.fechar{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--fio);background:var(--pergaminho);color:var(--tinta);cursor:pointer;z-index:2}

/* Encomendas */
.faixa-verde{background:#22301F;color:#EFE6D2;--tinta:#EFE6D2;--sepia:#C5B99E;--fio:#3A4A36;--verde:#A9D2B3;--velino:#2B3B28;--pergaminho:#22301F;--ouro:#D2AE66;--verde-claro:#2B4A37}
.faixa-verde .botao.cheio{background:#EFE6D2;color:#22301F}
.passos{list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.passos li{border-top:2px solid var(--ouro);padding-top:20px;display:grid;gap:8px;align-content:start}
.passos .num{font-family:var(--display);font-size:46px;font-weight:500;line-height:1;color:var(--ouro)}
.passos h3{font-family:var(--texto);font-size:17px;font-weight:600;line-height:1.3}
.passos p{font-size:15px;color:var(--sepia)}
.pedido{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.pedido-intro h3{font-size:clamp(32px,3.4vw,44px);margin-bottom:12px}
.pedido-intro p{color:var(--sepia);max-width:38ch}
form{display:grid;gap:22px;min-width:0}
label{display:grid;gap:8px;font-size:14.5px;color:var(--sepia)}
input,textarea{width:100%;font:400 17px/1.4 var(--texto);color:var(--tinta);background:var(--velino);border:1px solid var(--fio);border-radius:10px;padding:12px 14px}
input:focus,textarea:focus{outline:none;border-color:var(--verde)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--sepia) 75%,transparent)}
textarea{min-height:96px;resize:vertical}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mensagem{border:1px solid var(--fio);border-radius:10px;padding:18px;white-space:pre-wrap;font-size:15.5px;overflow-wrap:anywhere;background:var(--velino)}
.contato-linha{font-size:14.5px;color:var(--sepia)}
.contato-linha strong{color:var(--tinta);font-weight:600;user-select:all}

/* Portfólio */
.tira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,280px);gap:20px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.projeto{margin:0;display:grid;gap:10px;scroll-snap-align:start;min-width:0}
.projeto .moldura{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--velino)}
.projeto img{width:100%;height:100%;object-fit:cover}
.projeto figcaption{font-size:14.5px;color:var(--sepia)}
.projeto figcaption b{display:block;font-family:var(--display);font-size:20px;font-weight:600;color:var(--tinta);line-height:1.15}

/* O ateliê */
.atelie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mestre{position:relative;background:var(--velino);border:1px solid var(--fio);border-radius:var(--r);padding:28px 26px 26px;display:grid;gap:10px;align-content:start;box-shadow:var(--sombra)}
.mestre .romano{position:absolute;top:20px;right:24px;font-family:var(--display);font-size:22px;color:var(--sepia)}
.medalhao{width:116px;height:116px;border-radius:50%;border:1px solid var(--ouro);display:grid;place-items:center;margin-bottom:8px;background:var(--pergaminho)}
.medalhao svg{width:80px;height:80px;fill:none;stroke:var(--tinta);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.medalhao .cor1{fill:#4E9A6B;stroke:none}.medalhao .cor2{fill:#C9A24A;stroke:none}.medalhao .cor3{fill:#5C86B8;stroke:none}.medalhao .cor4{fill:#C77A8E;stroke:none}
.mestre h3{font-size:42px;font-style:italic;font-weight:600}
.mestre .escola{font-family:var(--display);font-style:italic;font-size:18px;color:var(--sepia);margin-top:-6px}
.mestre .modelo{font-weight:600;font-size:15px}
.mestre p{font-size:15px;color:var(--sepia)}

/* Rodapé */
.rodape{background:#22301F;color:#EFE6D2}
.rodape .miolo{padding-block:64px 36px;display:grid;gap:48px}
.rodape .grande{font-family:"Archivo",Arial,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;font-size:clamp(60px,12vw,170px);line-height:.85;display:flex;align-items:center;gap:.18em}
.rodape .grande svg{height:.82em;width:auto;fill:currentColor;flex:none}
.rodape .colunas{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;border-top:1px solid #3A4A36;padding-top:24px;font-size:15px;color:#C5B99E}
.rodape .colunas b{display:block;color:#EFE6D2;font-weight:600;margin-bottom:8px}
.rodape .frase{font-family:var(--display);font-style:italic;font-size:24px;color:#EFE6D2;line-height:1.2}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rodape a{color:#EFE6D2}

@media (max-width:1080px){ .grade{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){
  .heroi .miolo{grid-template-columns:1fr;gap:36px;padding-block:40px 56px}
  .grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pedido,.detalhe{grid-template-columns:1fr}
  .galeria{min-height:300px}.galeria>img{max-height:60dvh}
  .atelie{grid-template-columns:1fr}
  .secao{padding-block:64px}
  .selos-faixa .miolo{grid-template-columns:1fr;gap:16px}
}
@media (max-width:560px){
  .card h3{font-size:20px}
  .card-corpo{padding:14px 14px 16px;gap:6px}
  .card{border-radius:20px}.card-foto{border-radius:20px 20px 16px 16px}
  .card p{display:none}
  .passos{grid-template-columns:1fr}
  .duas{grid-template-columns:1fr}
  .rodape .colunas{grid-template-columns:1fr}
  .detalhe-texto{padding:26px 20px}
  .menu{gap:4px 16px;font-size:14px}
  .menu .botao{display:none}
}

/* ===== v4: páginas ===== */
.menu a[aria-current="page"]{color:var(--tinta);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--ouro)}

/* Abertura com imagem de fundo */
.abertura{position:relative;isolation:isolate;color:#F3EBDA;overflow:hidden}
.abertura .fundo{position:absolute;inset:0;z-index:-2}
.abertura .fundo img{width:100%;height:100%;object-fit:cover;object-position:70% 55%}
.abertura::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(34,48,31,.94) 0%,rgba(34,48,31,.82) 38%,rgba(34,48,31,.25) 68%,rgba(34,48,31,.05) 100%)}
.abertura .miolo{display:grid;gap:22px;padding-block:120px 110px;max-width:var(--larg)}
.abertura .conteudo{display:grid;gap:22px;max-width:640px}
.abertura .marca-grande{display:inline-flex;align-items:center;gap:12px;font-family:"Archivo",Arial,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;font-size:28px;line-height:1}
.abertura .marca-grande svg{height:.95em;width:auto;fill:currentColor}
.abertura h1{font-size:clamp(50px,7.4vw,104px);font-weight:500;letter-spacing:-.02em;line-height:.95}
.abertura h1 span{display:block}
.abertura h1 em{display:block;font-weight:700;color:#A9D2B3}
.abertura p{font-size:18.5px;color:#D9CFBA;max-width:44ch}
.abertura .botao.cheio{background:#EFE6D2;color:#22301F}
.abertura .botao.linha{border-color:#EFE6D2;color:#EFE6D2}
.abertura .botao.linha:hover{background:#EFE6D2;color:#22301F}
.abertura .credito{position:absolute;right:max(20px,env(safe-area-inset-right,0px));bottom:16px;font-family:var(--display);font-style:italic;font-size:15px;color:#D9CFBA}

/* Cabeçalho de seção com link à direita */
.cabeca-linha{display:flex;justify-content:space-between;align-items:end;gap:16px 32px;flex-wrap:wrap;margin-bottom:32px}
.cabeca-linha .cabeca{margin-bottom:0}
.link-mais{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--verde);border-bottom:1px solid currentColor;padding-bottom:3px}
.link-mais .ic{width:16px;height:16px}

/* Recomendados: 5 peças */
.grade.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.grade.cinco .card-foto{aspect-ratio:4/5}

/* Categorias */
.categorias{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.categoria{position:relative;display:grid;gap:14px;align-content:start;padding:28px 24px 24px;min-height:220px;background:var(--velino);border:1px solid var(--fio);border-radius:var(--r);text-decoration:none;box-shadow:var(--sombra);transition:transform .25s,border-color .25s}
.categoria:hover{transform:translateY(-3px);border-color:var(--verde)}
.categoria .icone{width:64px;height:64px;border-radius:50%;border:1px solid var(--ouro);display:grid;place-items:center;background:var(--pergaminho)}
.categoria .icone .ic{width:30px;height:30px;color:var(--musgo);stroke-width:1.3}
.categoria h3{font-size:30px}
.categoria p{font-size:14.5px;color:var(--sepia)}
.categoria .qtd{position:absolute;top:22px;right:22px;font-family:var(--display);font-size:20px;color:var(--sepia)}
.categoria .ir{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:14.5px;font-weight:600;color:var(--verde)}
.categoria .ir .ic{width:16px;height:16px}

/* Chamada para a história */
.conheca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#3A2A1E;color:#EFE6D2;--tinta:#EFE6D2;--sepia:#D6C8AE;--ouro:#D2AE66;--pergaminho:#463426;--verde:#EFE6D2;border:0;border-radius:calc(var(--r) + 6px);padding:48px;box-shadow:var(--sombra)}
.conheca h2{font-size:clamp(38px,4.6vw,58px);margin-bottom:14px}
.conheca .botao.cheio{background:#EFE6D2;color:#3A2A1E}
.conheca .botao.linha{border-color:#EFE6D2;color:#EFE6D2}
.conheca .medalhao{background:#463426;border-color:#D2AE66}
.conheca .medalhao svg{stroke:#EFE6D2}
.conheca p{color:var(--sepia);max-width:46ch;margin-bottom:24px}
.conheca .trio{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.conheca .medalhao{margin:0}

/* Páginas internas */
.pagina-topo{border-bottom:1px solid var(--fio)}
.pagina-topo .miolo{padding-block:64px 44px;display:grid;gap:14px}
.pagina-topo h1{font-size:clamp(48px,6.6vw,88px);font-weight:600}
.pagina-topo p{color:var(--sepia);max-width:56ch;font-size:18px}
.migalha{font-size:14px;color:var(--sepia)}
.migalha a{color:var(--sepia)}

/* História */
.capitulos{display:grid;gap:72px}
.capitulo{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px}
.capitulo .romano{font-family:var(--display);font-size:64px;line-height:.9;color:var(--musgo)}
.capitulo h2{font-size:clamp(34px,4vw,48px);margin-bottom:16px}
.capitulo .texto{display:grid;gap:16px;max-width:62ch;font-size:17.5px}
.capitulo .texto p{color:var(--tinta)}
.rascunho{border:1px dashed var(--ouro);border-radius:12px;padding:18px 20px;font-size:15px;color:var(--sepia);background:color-mix(in srgb,var(--ouro) 8%,transparent)}
.rascunho b{color:var(--tinta)}

@media (max-width:1080px){ .grade.cinco{grid-template-columns:repeat(3,minmax(0,1fr))} .categorias{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .abertura .miolo{padding-block:80px 90px}
  .abertura::after{background:linear-gradient(180deg,rgba(34,48,31,.72) 0%,rgba(34,48,31,.92) 100%)}
  .conheca{grid-template-columns:1fr;padding:32px 24px}
  .capitulo{grid-template-columns:1fr;gap:8px}
}
@media (max-width:560px){ .grade.cinco{grid-template-columns:repeat(2,minmax(0,1fr))} .categorias{grid-template-columns:1fr} .categoria{min-height:0} }

/* Formulário de encomenda por e-mail */
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lgpd{font-size:13.5px;color:var(--sepia);margin-top:-6px}
.aviso-form{border-radius:10px;padding:14px 16px;font-size:15px;background:var(--velino);border-left:3px solid var(--verde)}
.aviso-form[data-tipo="erro"]{border-left-color:var(--ouro)}
.botao[disabled]{opacity:.65;cursor:wait}