/* Layout: coluna de leitura, faixas alternando preto e cafe, fios dourados finos; o gesto forte e o nome em Cinzel sob a porta. */
:root{color-scheme:dark;--preto:#0A0A0A;--cafe:#1F1711;--cafe2:#2C2017;--campo:#17110C;--fio:#4A3A28;--ouro:#C9A24A;--ouro-claro:#F1DFA4;--ouro-escuro:#A57B26;--areia:#F6F2E9;--areia2:#C2AD88;
--titulo:'Cinzel',Georgia,serif;--texto:'EB Garamond',Georgia,serif;--rotulo:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}
html{background:var(--preto)}
body{background:var(--preto);color:var(--areia);font:400 1.22rem/1.6 var(--texto);margin:0}
img{max-width:100%}
a{color:var(--ouro-claro)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
.w{max-width:68rem;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.estreito{max-width:46rem}
header{border-bottom:1px solid var(--fio)}
.topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:14px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.marca img{height:58px;width:auto}
.marca span{font:500 1.02rem var(--titulo);letter-spacing:.16em;color:var(--ouro-claro);text-transform:uppercase}
nav{display:flex;flex-wrap:wrap;gap:6px 22px}
nav a{font:500 .8rem var(--rotulo);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--areia2);padding-block:6px;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current]{color:var(--ouro-claro);border-color:var(--ouro)}
.rot{font:600 .76rem var(--rotulo);letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin:0}
h1,h2,h3{font-family:var(--titulo);font-weight:500;color:var(--ouro-claro);text-wrap:balance;margin:0}
h1{font-size:clamp(2.1rem,6vw,4.2rem);letter-spacing:.06em;line-height:1.12}
h1.pg{font-size:clamp(1.9rem,4.6vw,3.1rem)}
h2{font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:.05em;line-height:1.2}
h3{font-size:1.25rem;letter-spacing:.05em;line-height:1.25}
p{margin:0;max-width:62ch}
ul{margin:0;padding-left:1.2em;max-width:62ch;display:grid;gap:8px}
li::marker{color:var(--ouro)}
.heroi{text-align:center;padding-block:clamp(40px,7vw,84px);display:grid;gap:22px;justify-items:center}
.heroi>img{height:clamp(120px,18vw,190px);width:auto;filter:drop-shadow(0 10px 34px rgba(201,162,74,.28))}
.cab{padding-block:clamp(36px,6vw,64px);display:grid;gap:18px;justify-items:start}
.fio{width:120px;height:1px;background:var(--ouro);border:0;margin:0}
.bt{display:inline-block;font:600 .84rem var(--rotulo);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:15px 28px;border-radius:3px;background:linear-gradient(180deg,var(--ouro-claro),var(--ouro));color:#17110C;border:0;cursor:pointer}
.bt:hover{background:var(--ouro-claro)}
.bt.v{background:none;border:1px solid var(--ouro);color:var(--ouro-claro)}
.bt.v:hover{background:var(--cafe2)}
.bts{display:flex;flex-wrap:wrap;gap:12px}
.frase{background:var(--cafe);border-block:1px solid var(--fio);text-align:center;padding-block:30px;font:italic 400 clamp(1.3rem,3vw,1.75rem)/1.4 var(--texto);color:var(--ouro-claro)}
.frase p{margin-inline:auto}
section{padding-block:clamp(40px,6vw,72px)}
.cafe{background:var(--cafe);border-block:1px solid var(--fio)}
.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(28px,5vw,64px);align-items:start}
.bloco{display:grid;gap:16px;min-width:0;justify-items:start}
.num{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1px;background:var(--fio);border:1px solid var(--fio);width:100%}
.num div{background:var(--cafe);padding:18px 16px}
.cafe .num div{background:var(--preto)}
.num b{display:block;font:500 2rem var(--titulo);color:var(--ouro-claro);font-variant-numeric:tabular-nums}
.num span{font:500 .74rem var(--rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--areia2)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1px;background:var(--fio);border:1px solid var(--fio)}
.grade>div{background:var(--preto);padding:22px 20px;display:grid;gap:10px;align-content:start}
.cafe .grade>div{background:var(--cafe)}
.grade p{font-size:1.1rem}
.preco{font:500 1.7rem var(--titulo);color:var(--ouro-claro);font-variant-numeric:tabular-nums}
.portas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:clamp(16px,3vw,28px);width:100%}
.porta{display:grid;gap:14px;align-content:start;justify-items:start;text-decoration:none;color:var(--areia);background:var(--cafe);border:1px solid var(--fio);border-top:2px solid var(--ouro);padding:clamp(22px,3.4vw,36px);border-radius:3px}
.porta:hover{background:var(--cafe2);border-color:var(--ouro)}
.porta h2{font-size:clamp(1.35rem,2.6vw,1.8rem)}
.porta .bt{margin-top:6px}
.faq{display:grid;gap:22px;max-width:46rem}
.faq div{display:grid;gap:6px;border-left:1px solid var(--ouro);padding-left:20px}
.passos{counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1px;background:var(--fio);border:1px solid var(--fio);width:100%}
.passos>div{background:var(--preto);padding:22px 20px;display:grid;gap:8px;align-content:start}
.passos>div::before{counter-increment:p;content:counter(p);font:500 2rem var(--titulo);color:var(--ouro)}
.post{display:grid;gap:12px;border-left:1px solid var(--ouro);padding-left:22px}
.post a{text-decoration:none}
.post a:hover h3,.post a:hover h2{text-decoration:underline}
.lista{display:grid;gap:36px}
.sobre{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:start}
.sobre>img{width:clamp(110px,18vw,190px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--ouro)}
@media (max-width:560px){.sobre{grid-template-columns:1fr}}
blockquote{margin:0;font-style:italic;color:var(--areia2);max-width:56ch}
.nota{font-size:1.05rem;color:var(--areia2);border-left:1px solid var(--fio);padding-left:18px}
.artigo{display:grid;gap:20px}
.artigo h2{font-size:clamp(1.35rem,2.8vw,1.8rem);margin-top:14px}
.artigo h3{margin-top:8px}
.artigo p,.artigo ul,.artigo ol,.artigo blockquote{max-width:66ch}
.artigo ol{margin:0;padding-left:1.3em;display:grid;gap:8px}
.artigo hr{width:120px;height:1px;background:var(--fio);border:0;margin:6px 0}
.artigo img{border:1px solid var(--fio)}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font:500 .74rem var(--rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--areia2)}
[hidden]{display:none!important}
input,textarea,select{font:400 1.1rem var(--texto);color:var(--areia);background:var(--campo);border:1px solid var(--fio);border-radius:3px;padding:12px 14px;width:100%}
.ok{color:var(--ouro-claro);font-style:italic}
footer{border-top:1px solid var(--fio);padding-block:32px;font-size:1.02rem;color:var(--areia2)}
footer .duas{gap:24px}
footer a{color:var(--areia2)}
.dado{user-select:all;color:var(--areia)}