/* Site Niwerton Tavares: layout aprovado (v4 clean), celular primeiro.
   Até 759px: celular · 760–1279px: tablet · 1280px+: computador (medidas do layout de 1440px). */

@font-face{font-family:Jost;src:url(/static/fontes/jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Jost;src:url(/static/fontes/jost-italico.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Montserrat;src:url(/static/fontes/montserrat.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
 --n0:#1B1A1A;--n1:#232122;--n2:#2E2C2D;--n3:#3B393A;
 --ouro:#D2B26A;--ouro2:#F4E192;--bronze:#805E31;--ouro-escuro:#9A7A44;
 --grad:linear-gradient(120deg,#805E31 0%,#D9BF74 35%,#F4E192 55%,#B8955A 80%,#805E31 100%);
 --creme:#E8E8E6;--off:#F4F4F3;--txt:#1A1A1C;--cinza:#5E5E63;--linha:rgba(201,164,98,.28);
 --margem:16px; /* margem lateral; no computador vem da largura de 1200px */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Montserrat,sans-serif;color:var(--txt);background:var(--off);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:Jost,sans-serif;font-weight:300;letter-spacing:.005em}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
ol,ul{list-style:none}
blockquote{margin:0}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
[id]{scroll-margin-top:20px}
.pular{position:absolute;left:-999px;top:8px;z-index:50;background:#fff;color:var(--n1);padding:10px 14px;border-radius:6px}
.pular:focus{left:8px}

.wrap{width:calc(100% - 2*var(--margem));max-width:1200px;margin:0 auto}
.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;color:var(--ouro);text-transform:uppercase;display:flex;align-items:center;gap:14px}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--ouro);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;padding:16px 24px;border-radius:6px;text-decoration:none;text-align:center;line-height:1.35;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-ouro{background:linear-gradient(120deg,#B8955A,#F4E192 50%,#C9A35A);color:var(--n1);box-shadow:0 8px 24px rgba(201,164,98,.25)}
.btn-ouro:hover{box-shadow:0 10px 30px rgba(201,164,98,.4)}
.btn-linha{border:1px solid var(--ouro);color:#fff}
.btn-escuro{background:var(--n1);color:#fff}
.btn-escuro:hover{background:var(--n3)}
svg.i{width:22px;height:22px;stroke:var(--ouro);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic{width:52px;height:52px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;background:rgba(201,164,98,.06);flex:none}
.ic svg.i{width:24px;height:24px}

/* ---------- cabeçalho ---------- */
.topo-site{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
.topo-site .wrap{display:flex;align-items:center;height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0;position:relative;z-index:22}
.logo .simb{height:36px;width:36px}
.logo b{display:block;font-family:Jost,sans-serif;font-weight:300;font-size:15px;letter-spacing:.1em;white-space:nowrap}
.logo small{display:block;font-size:6.5px;letter-spacing:.16em;color:var(--ouro);margin-top:4px;white-space:nowrap}
.menu-botao{margin-left:auto;width:44px;height:44px;border:1px solid var(--linha);border-radius:6px;background:transparent;display:grid;place-content:center;gap:5px;position:relative;z-index:22}
.menu-botao span{display:block;width:20px;height:1.5px;background:var(--ouro2);transition:transform .2s,opacity .2s}
.menu-aberto .menu-botao span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-aberto .menu-botao span:nth-child(2){opacity:0}
.menu-aberto .menu-botao span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:21;background:rgba(27,26,26,.98);padding:100px var(--margem) 40px;display:flex;flex-direction:column;gap:32px;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.menu-aberto .menu{visibility:visible;opacity:1}
.menu-aberto{overflow:hidden}
nav a{color:#D9D9DC;text-decoration:none;font-weight:500;position:relative}
.menu nav{display:flex;flex-direction:column}
.menu nav a{font-family:Jost,sans-serif;font-weight:300;font-size:24px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.h-acoes{display:flex;flex-direction:column;gap:14px}
.h-area{color:var(--ouro2);font-size:14px;font-weight:500;text-decoration:none;display:flex;gap:8px;align-items:center;padding:8px 0}
.h-btn{border:1px solid var(--ouro);color:#fff;font-size:13px;font-weight:600;padding:14px 18px;border-radius:6px;display:flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}

/* ---------- topo (hero) ---------- */
.hero{position:relative;background:radial-gradient(ellipse at 20% 40%,#26262A 0%,var(--n1) 55%,var(--n0) 100%);overflow:hidden;color:#fff}
.hero .foto{position:relative;height:min(78vh,560px);margin-bottom:-170px}
.hero .foto img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 96%);mask-image:linear-gradient(180deg,#000 50%,transparent 96%)}
.hero .foto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,19,.55) 0%,rgba(17,17,19,0) 22%,rgba(17,17,19,0) 45%,rgba(30,29,31,.85) 72%)}
.hero .txt{position:relative;z-index:2}
.hero .eyebrow{font-size:10px;letter-spacing:.12em;gap:10px}
.hero .eyebrow:before{width:24px}
.hero h1{font-size:clamp(32px,8.6vw,40px);line-height:1.12;margin:18px 0 18px}
.hero p.sub{font-size:15.5px;line-height:1.7;color:#C8C8CC;max-width:540px}
.hero .bts{display:flex;flex-direction:column;gap:18px;align-items:flex-start;margin-top:30px}
.hero .bts .btn{width:100%}
.hero .bts a.link{color:#fff;font-size:13px;font-weight:500;text-decoration:none;display:flex;gap:10px;align-items:center;padding:6px 0}
.hero .selos{position:relative;z-index:3;display:grid;margin:44px var(--margem) 0;border-top:1px solid rgba(255,255,255,.08)}
.selo{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.selo:last-child{border-bottom:none;padding-bottom:28px}
.selo b{display:block;font-size:13px;font-weight:600}
.selo small{color:#9A9AA0;font-size:12px}
.hero .vert{display:none}

/* ---------- o escritório ---------- */
/* celular: o painel cinza da foto ocupa a seção inteira; do tablet em diante fica na coluna da foto */
.sobre{background:linear-gradient(180deg,#E9E8E6,#DCDBD8);color:var(--n2);display:grid}
.sobre .fotobox{padding:56px var(--margem) 48px calc(var(--margem) + 16px)}
.sobre .moldura{position:relative;max-width:440px;margin:0 auto}
.sobre .moldura:before{content:"";position:absolute;left:-16px;top:-16px;width:100%;height:100%;border:1px solid transparent;border-image:var(--grad) 1}
.sobre .moldura img{position:relative;width:100%;aspect-ratio:440/560;object-fit:cover}
.sobre .t{padding:56px var(--margem) 40px}
.sobre h2{font-size:clamp(30px,7.4vw,44px);line-height:1.18;margin:20px 0 24px}
.sobre p{color:#5E5C5D;line-height:1.8;font-size:15px;margin-bottom:16px;max-width:600px}
.feats{display:grid;gap:16px;margin:32px 0 36px}
.feat{display:flex;gap:14px;align-items:center;font-size:13px;line-height:1.45;color:var(--n2)}
.sobre .btn-linha{color:var(--n2);border-color:#B8955A}
.sobre .ic,.areas .ic{background:#F7F3EA;border-color:rgba(184,149,90,.4)}
.sobre svg.i,.areas .card svg.i{stroke:var(--ouro-escuro)}

/* ---------- áreas de atuação ---------- */
.areas{background:linear-gradient(180deg,#EFEEEC 0%,#F8F8F7 45%,#E6E5E2 100%);color:var(--n2);padding:72px 0}
.cab{display:grid;gap:20px;margin-bottom:32px}
.cab h2{font-size:clamp(30px,7.4vw,46px);line-height:1.15;margin-top:20px}
.cab p,.card p,.prof p{color:#6A6869;line-height:1.8;font-size:15px}
.abas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.aba{padding:11px 18px;border-radius:40px;border:1px solid rgba(128,94,49,.3);font-size:12.5px;font-weight:600;color:#5E5C5D;text-decoration:none;text-align:center}
.aba.on{background:var(--n2);color:#fff;border-color:var(--n2)}
.cards{display:grid;gap:16px}
.card{display:block;text-decoration:none;background:#fff;border:1px solid #E4E2DE;box-shadow:0 18px 40px rgba(46,44,45,.07);border-radius:6px;padding:28px 26px 26px;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(46,44,45,.12)}
.card h3{font-size:21px;margin:20px 0 10px;line-height:1.25;color:var(--n2)}
.card p{font-size:14px;line-height:1.7}
.card .mais{margin-top:18px;font-size:12px;font-weight:600;color:var(--ouro-escuro);display:flex;gap:10px;align-items:center}
.card .mais svg.i{stroke:var(--ouro-escuro)}
.prof{margin-top:56px;display:grid;gap:28px;padding-top:48px;border-top:1px solid rgba(46,44,45,.1)}
.prof h3{font-size:28px;line-height:1.25;margin:16px 0 14px}
.prof p{font-size:14px;line-height:1.75}
.tiles{display:grid;gap:12px}
.tile{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:6px;background:#2E2C2D;border:1px solid #2E2C2D;font-size:14px;line-height:1.4;color:#F2F1EF;text-decoration:none;transition:background .2s}
.tile:hover{background:var(--n3)}
.tile svg.i{width:26px;height:26px}
.sobre .eyebrow,.areas .eyebrow,.metodo .eyebrow,.artigos .eyebrow,.faq .eyebrow{color:var(--ouro-escuro)}
.sobre .eyebrow:before,.areas .eyebrow:before,.metodo .eyebrow:before,.artigos .eyebrow:before,.faq .eyebrow:before{background:#B8955A}

/* ---------- como funciona ---------- */
.metodo{background:linear-gradient(180deg,#FFFFFF,#F4F4F3);padding:72px 0}
.metodo .wrap{display:grid;gap:44px}
.metodo h2{font-size:clamp(30px,7.4vw,40px);line-height:1.15;margin:20px 0 20px;color:var(--n1)}
.metodo p.l{color:var(--cinza);line-height:1.8;font-size:15px;margin-bottom:28px}
.passos{display:grid;gap:30px;position:relative}
.passos:before{content:"";position:absolute;left:31px;top:40px;bottom:40px;width:1px;background:repeating-linear-gradient(180deg,var(--ouro) 0 6px,transparent 6px 12px)}
.passo{display:grid;grid-template-columns:64px 1fr;gap:20px;position:relative;align-content:start}
.passo .bola{width:64px;height:64px;border-radius:50%;background:var(--n1);display:grid;place-items:center;box-shadow:0 0 0 8px #fff;position:relative}
.passo .bola svg.i{width:26px;height:26px}
.passo .num{font-family:Jost,sans-serif;font-size:14px;color:var(--ouro-escuro);margin:4px 0 6px}
.passo h3{font-size:21px;color:var(--n1);margin-bottom:10px}
.passo p{color:var(--cinza);font-size:13.5px;line-height:1.7}

/* ---------- quem sou eu ---------- */
.quem{background:linear-gradient(100deg,var(--n1) 40%,var(--n2));color:#fff;display:grid}
.quem .f{position:relative;height:min(110vw,520px)}
.quem .f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quem .f:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--n1) 0%,rgba(17,17,19,0) 40%)}
.quem .t{padding:40px var(--margem) 72px;display:grid;gap:44px}
.quem h2{font-size:clamp(28px,7vw,36px);line-height:1.18;margin:20px 0 22px}
.quem p{color:#C8C8CC;line-height:1.8;font-size:15px;margin-bottom:28px}
.papeis{display:grid;gap:16px}
.papeis li{display:flex;gap:16px;align-items:flex-start;font-size:14px;line-height:1.5;color:#C8C8CC}
.papeis li b{color:#fff;font-weight:600;display:block;font-size:14px}
.citacao{border:1px solid var(--linha);padding:40px 30px;text-align:center;background:rgba(10,10,11,.4);margin:0}
.citacao .aspas{font-family:Jost,sans-serif;font-size:60px;color:var(--ouro);line-height:.6}
.citacao p{font-family:Jost,sans-serif;font-style:italic;font-size:19px;line-height:1.55;color:#EBEBED;margin:18px 0 26px}
.citacao figcaption{font-size:10.5px;letter-spacing:.24em;color:var(--ouro2)}

/* ---------- artigos ---------- */
.artigos{background:var(--off);padding:72px 0}
.artigos .wrap{display:grid;gap:36px}
.artigos h2{font-size:clamp(30px,7.4vw,42px);line-height:1.18;margin:20px 0 20px;color:var(--n1)}
.artigos p.l{color:var(--cinza);line-height:1.8;font-size:15px;margin-bottom:28px}
.arts{display:grid;gap:20px}
.art{display:block;text-decoration:none;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 14px 40px rgba(17,17,19,.08);transition:transform .2s}
.art:hover{transform:translateY(-3px)}
.art .capa{height:190px;position:relative;overflow:hidden;background:var(--creme)}
.art .capa img{width:100%;height:100%;object-fit:cover}
.art .capa:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,17,19,.55),rgba(17,17,19,0) 60%)}
.art .t{padding:24px 24px 26px}
.art small{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--ouro-escuro)}
.art h3{font-size:19px;line-height:1.35;color:var(--n1);margin:12px 0 14px}
.art .meta{font-size:12px;color:#8E8E94}
.art .mais{font-size:12px;font-weight:600;color:var(--ouro-escuro);margin-top:16px;display:flex;gap:8px;align-items:center}

/* ---------- depoimentos ---------- */
.depo{background:radial-gradient(ellipse at 10% 100%,#28282C,var(--n1) 60%);color:#fff;padding:72px 0}
.depo .wrap{display:grid;gap:36px}
.depo h2{font-size:clamp(30px,7.4vw,42px);line-height:1.18;margin:20px 0 20px}
.depo p.l{color:#A9A9AF;line-height:1.8;font-size:15px}
.carrossel{min-width:0}
.deps{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*var(--margem));padding-right:var(--margem)}
.deps::-webkit-scrollbar{display:none}
.dep{border:1px solid rgba(201,164,98,.22);border-radius:6px;padding:30px 26px;background:rgba(255,255,255,.03);scroll-snap-align:start;margin:0;display:flex;flex-direction:column}
.dep .est{color:var(--ouro);letter-spacing:4px;font-size:13px;margin-bottom:16px}
.dep .est .apagada{color:rgba(255,255,255,.18)}
.dep blockquote{flex:1}
.dep p{font-family:Jost,sans-serif;font-style:italic;font-size:16px;line-height:1.65;color:#E6E6E8}
.dep .quem2{display:flex;gap:14px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.dep .av{width:42px;height:42px;border-radius:50%;background:var(--n3);border:1px solid var(--linha);display:grid;place-items:center;font-family:Jost,sans-serif;color:var(--ouro2);flex:none}
.dep b{font-size:13.5px;display:block}
.dep small{font-size:12px;color:#9A9AA0}
.ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.ctrl[hidden]{display:none}
.dots{display:flex;gap:8px}
.dots button{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.2);border:0;padding:0;transition:width .2s}
.dots button.on{background:var(--ouro);width:26px}
.setas{display:flex;gap:10px}
.setas button{width:42px;height:42px;border-radius:50%;border:1px solid var(--linha);background:transparent;display:grid;place-items:center;color:var(--ouro)}

/* ---------- perguntas frequentes + contato ---------- */
.fc{display:grid}
.faq{background:var(--off);padding:72px var(--margem)}
.wrap-faq{display:grid;gap:32px;max-width:1200px;margin:0 auto}
.faq h2{font-size:clamp(30px,7.4vw,38px);line-height:1.2;margin:20px 0 18px;color:var(--n1)}
.faq p.l{color:var(--cinza);line-height:1.75;font-size:14px;margin-bottom:28px}
.q{border-bottom:1px solid #DADAD8}
.q .p{display:flex;justify-content:space-between;gap:20px;font-family:Jost,sans-serif;font-size:16.5px;line-height:1.4;color:var(--n1);padding:20px 0;cursor:pointer;list-style:none}
.q .p::-webkit-details-marker{display:none}
.q .p span{color:var(--ouro-escuro);font-family:Montserrat,sans-serif;font-size:20px;line-height:1;flex:none}
.q .p span:before{content:"+"}
.q[open] .p span:before{content:"−"}
.q .r{color:var(--cinza);font-size:13.5px;line-height:1.75;padding-bottom:20px}
.q .r p+p{margin-top:10px}
.contato{background:linear-gradient(160deg,var(--n2),var(--n0));color:#fff;padding:72px var(--margem)}
.contato h2{font-size:clamp(28px,7vw,34px);line-height:1.2;margin:20px 0 16px}
.contato p{color:#A9A9AF;line-height:1.75;font-size:14px;margin-bottom:28px}
.linhas{margin-top:36px;display:grid;gap:20px}
.lin{display:flex;gap:16px;align-items:center;font-size:14px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.lin small{display:block;color:#8E8E94;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}

/* ---------- faixa final de agendamento ---------- */
.cta{position:relative;overflow:hidden;color:#fff;background:var(--n0);padding:280px 0 64px}
.cta>img{position:absolute;inset:0 0 auto 0;width:100%;height:360px;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.cta .wrap{position:relative;z-index:2}
.cta h2{font-size:clamp(28px,7vw,44px);line-height:1.18;max-width:720px;margin:20px 0 30px}
.cta .btn{width:100%}

/* ---------- rodapé ---------- */
.rodape{background:var(--n0);color:#9A9AA0;border-top:1px solid rgba(255,255,255,.06)}
.rodape .top{display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 0 36px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}
.rodape .flogo{height:84px;width:auto}
.rodape .fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:13px}
.rodape a{text-decoration:none}
.rodape a:hover{color:#fff}
.rodape .soc{display:flex;gap:12px}
.rodape .soc a{width:40px;height:40px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center}
.rodape .bot{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:24px 0 96px;font-size:12px}
.rodape .bot span,.rodape .bot a{display:inline-block;margin:0 10px}

/* ---------- botão flutuante do WhatsApp (celular e tablet) ---------- */
.wpp-flutuante{position:fixed;right:16px;bottom:16px;z-index:15;width:58px;height:58px;border-radius:50%;background:linear-gradient(120deg,#B8955A,#F4E192 50%,#C9A35A);display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.wpp-flutuante svg.i{stroke:var(--n1);width:28px;height:28px}

/* ---------- páginas simples (404 etc.) ---------- */
.interna .topo-site{position:relative;background:var(--n1)}
.pagina-simples{padding:80px 0 100px}
.pagina-simples h1{font-size:clamp(32px,8vw,48px);line-height:1.15;margin:20px 0 18px;color:var(--n1)}
.pagina-simples p{color:var(--cinza);line-height:1.8;margin-bottom:28px}

/* ================= tablet ================= */
@media (min-width:760px){
 :root{--margem:40px}
 .topo-site .wrap{height:84px}
 .logo .simb{height:46px;width:46px}
 .logo b{font-size:19px;letter-spacing:.14em}
 .logo small{font-size:8px;letter-spacing:.28em}
 .hero .eyebrow{font-size:11px;letter-spacing:.24em;gap:14px}
 .hero .eyebrow:before{width:34px}
 .aba{padding:12px 20px;white-space:nowrap}
 .hero .foto{height:620px;margin-bottom:-220px}
 .hero h1{font-size:46px}
 .hero .bts{flex-direction:row;align-items:center;gap:28px}
 .hero .bts .btn{width:auto}
 .hero .selos{grid-template-columns:repeat(3,1fr);gap:24px}
 .selo{border-bottom:none;align-items:flex-start;padding:26px 0 30px}
 .sobre{background:linear-gradient(180deg,#FFFFFF 0%,#EFEEEC 100%);grid-template-columns:41.7% 1fr}
 .sobre .fotobox{background:linear-gradient(180deg,#E9E8E6,#DCDBD8);padding:72px 28px 72px calc(var(--margem) + 16px)}
 .sobre .moldura:before{left:-16px;top:-16px}
 .sobre .t{padding:72px var(--margem) 72px 40px}
 .sobre h2{font-size:34px}

 .areas,.metodo,.artigos,.depo{padding:96px 0}
 .cards,.tiles,.arts{grid-template-columns:repeat(2,1fr)}
 .passos{grid-template-columns:repeat(2,1fr);gap:40px 24px}
 .passos:before{display:none}
 .passo{grid-template-columns:1fr;gap:0}
 .passo .bola{width:72px;height:72px}
 .passo .num{margin:24px 0 8px}
 .quem .f{height:560px}
 .quem .t{grid-template-columns:1fr}
 .deps{grid-auto-columns:calc((100% - 16px)/2)}
 .faq,.contato{padding:96px var(--margem)}
 .cta{padding:110px 0}
 .cta>img{inset:0 0 0 auto;width:60%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
 .cta .wrap>*{max-width:62%}
 .cta .btn{width:auto}
 .rodape .bot{flex-direction:row;justify-content:space-between;padding-bottom:30px}
 .rodape .bot span:first-child,.rodape .bot a:first-child{margin-left:0}
}

/* ================= computador (layout de 1440px) ================= */
@media (min-width:1280px){
 :root{--margem:max(40px,calc((100vw - 1200px)/2))}
 .topo-site .wrap{height:96px;gap:clamp(24px,2.4vw,36px)}
 .logo{gap:14px;flex:none}
 .logo .simb{height:50px;width:50px}
 .logo b{font-size:21px;letter-spacing:.16em}
 .logo small{font-size:8.5px;letter-spacing:.34em;margin-top:5px}
 .menu-botao{display:none}
 .menu{position:static;inset:auto;background:none;padding:0;flex-direction:row;align-items:center;gap:clamp(24px,2.4vw,36px);margin-left:auto;visibility:visible;opacity:1;overflow:visible}
 .menu nav{flex-direction:row;gap:clamp(16px,1.6vw,24px)}
 .menu nav a{font-family:Montserrat,sans-serif;font-weight:500;font-size:13px;padding:8px 0;border:0;white-space:nowrap}
 nav a:hover,nav a.on{color:#fff}
 nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ouro)}
 .h-acoes{flex-direction:row;align-items:center}
 .h-area{font-size:12px;white-space:nowrap}
 .h-btn{font-size:12px;padding:11px 18px;white-space:nowrap}
 .h-btn:hover{background:rgba(201,164,98,.12)}

 .hero{height:940px}
 .hero .foto{position:absolute;right:0;top:0;width:min(820px,60%);height:100%;margin:0}
 .hero .foto img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
 .hero .foto:after{background:linear-gradient(90deg,var(--n1) 0%,rgba(17,17,19,.75) 22%,rgba(17,17,19,0) 55%),linear-gradient(0deg,rgba(10,10,11,.85) 0%,rgba(10,10,11,0) 30%)}
 .hero .txt{padding-top:190px;width:660px}
 .hero h1{font-size:52px;margin:24px 0}
 .hero p.sub{font-size:17px}
 .hero .bts{margin-top:40px}
 .hero .selos{position:absolute;left:var(--margem);right:0;bottom:0;margin:0;display:flex;gap:0}
 .selo{padding:30px 44px 34px 0;margin-right:44px;border-right:1px solid rgba(255,255,255,.08);align-items:center}
 .selo:last-child{border-right:none;padding-bottom:34px}
 .hero .vert{position:absolute;right:46px;bottom:150px;z-index:3;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#C8C8CC;display:flex;align-items:center;gap:14px}
 .hero .vert:after{content:"";width:1px;height:60px;background:var(--ouro)}

 /* coluna da foto = margem + 480px: a foto fica com 440px em qualquer largura (como no layout) */
 .sobre{grid-template-columns:calc(var(--margem) + 480px) 1fr}
 .sobre .fotobox{padding:80px 16px 80px calc(var(--margem) + 24px);display:flex;align-items:flex-start}
 .sobre .moldura{margin:0;width:100%;max-width:440px}
 .sobre .moldura:before{left:-24px;top:-24px}
 .sobre .t{padding:120px var(--margem) 100px 80px}
 .sobre h2{font-size:44px;margin:22px 0 28px}
 .feats{display:flex;gap:0;margin:40px 0 44px}
 .feat{padding-right:30px;margin-right:30px;border-right:1px solid rgba(46,44,45,.12)}
 .feat:last-child{border:none;margin-right:0;padding-right:0}

 .areas,.metodo,.artigos{padding:120px 0}
 .cab{grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:46px}
 .cab h2{font-size:46px}
 .abas{margin-bottom:30px}
 .aba{padding:12px 22px}
 .cards{grid-template-columns:repeat(3,1fr);gap:24px}
 .card{padding:36px 34px 32px}
 .card h3{font-size:22px;margin:24px 0 12px}
 .card p{min-height:72px}
 .card .mais{margin-top:22px}
 .prof{margin-top:70px;grid-template-columns:340px 1fr;gap:40px;align-items:start;padding-top:60px}
 .prof h3{font-size:30px}
 .tiles{grid-template-columns:repeat(3,1fr);gap:14px}
 .tile{padding:20px 22px}

 .metodo .wrap{grid-template-columns:360px 1fr;gap:60px}
 .metodo h2{font-size:40px;margin:20px 0 22px}
 .metodo p.l{margin-bottom:34px}
 .passos{grid-template-columns:repeat(4,1fr);gap:0}
 .passos:before{display:block;left:62px;right:calc(25% - 62px);top:40px;bottom:auto;width:auto;height:1px;background:repeating-linear-gradient(90deg,var(--ouro) 0 6px,transparent 6px 12px)}
 .passo{padding:0 22px}
 .passo .bola{width:80px;height:80px}
 .passo .bola svg.i{width:30px;height:30px}
 .passo .num{margin:30px 0 8px}
 .passo h3{margin-bottom:12px}

 .quem{grid-template-columns:39% 1fr}
 .quem .f{height:auto;min-height:760px}
 .quem .f:after{background:linear-gradient(90deg,rgba(35,33,34,0) 45%,rgba(35,33,34,.7) 75%,var(--n1) 100%)}
 .quem .t{padding:110px var(--margem) 100px 70px;grid-template-columns:1fr 250px;gap:50px}
 .quem h2{font-size:36px;margin:20px 0 24px}
 .quem p{margin-bottom:30px}
 .citacao{align-self:center;padding:44px 34px}

 .artigos .wrap,.depo .wrap{grid-template-columns:330px 1fr;gap:60px}
 .artigos h2,.depo h2{font-size:42px}
 .artigos p.l{margin-bottom:34px}
 .arts{grid-template-columns:repeat(3,1fr);gap:22px}
 .depo{padding:110px 0}
 .deps{grid-auto-columns:calc((100% - 44px)/3);gap:22px;margin-right:0;padding-right:0}
 .dep{padding:34px 30px}
 .ctrl{margin-top:30px}

 /* a coluna do Contato cresce com a margem da tela; o conteúdo dela fica sempre com ~360px */
 .fc{grid-template-columns:1fr calc(400px + var(--margem))}
 .fc .faq{padding:110px 70px 110px var(--margem)}
 .fc .wrap-faq{max-width:none;margin:0}
 .faq{padding:110px var(--margem)}
 .wrap-faq{grid-template-columns:300px 1fr;gap:50px}
 .faq h2{font-size:38px}
 .faq p.l{margin-bottom:30px}
 .contato{padding:110px 80px}
 .fc .contato{padding:110px max(40px,calc(var(--margem) - 40px)) 110px 80px}
 .contato h2{font-size:34px}
 .contato p{margin-bottom:30px}
 .linhas{margin-top:40px;gap:22px}

 .cta{height:420px;padding:100px 0 0}
 .cta>img{width:700px}
 .cta .wrap>*{max-width:720px}
 .cta h2{font-size:44px;margin:20px 0 34px}

 .rodape .top{flex-direction:row;gap:60px;padding:56px 0 44px;text-align:left}
 .rodape .flogo{height:96px}
 .rodape .fnav{margin-left:auto;gap:26px}
 .rodape .bot{padding:26px 0 30px}
 .rodape .bot span,.rodape .bot a{margin:0 0 0 28px}
 .wpp-flutuante{display:none}
 .interna .topo-site{position:relative}
}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{transition:none!important}
}

/* ---------- prévia (rascunhos e exemplos) ---------- */
.selo-rascunho{display:table;margin:0 0 10px;padding:3px 8px;border-radius:4px;background:#F7E7C4;color:var(--bronze);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;vertical-align:1px}
.aviso-previa{position:fixed;left:16px;right:90px;bottom:16px;z-index:30;background:#FFF6DF;color:var(--n1);border:1px solid var(--ouro);border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media (min-width:1280px){.aviso-previa{right:auto;max-width:460px}}

/* ---------- artigos: listagem e página de cada artigo ---------- */
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.art .resumo{font-size:13.5px;line-height:1.65;color:var(--cinza);margin:-4px 0 14px}
.lista-artigos{padding:56px 0 88px}
.lista-topo{max-width:720px;margin-bottom:32px}
.lista-topo .eyebrow{color:var(--ouro-escuro)}
.lista-topo .eyebrow:before{background:#B8955A}
.lista-topo h1{font-size:clamp(32px,8vw,48px);line-height:1.15;margin:20px 0 16px;color:var(--n1)}
.lista-topo p{color:var(--cinza);line-height:1.8}
.lista-filtros{display:grid;gap:16px;margin-bottom:28px}
.filtros{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.filtros a{flex:none;text-decoration:none;font-size:13px;font-weight:500;padding:9px 16px;border-radius:30px;border:1px solid #D9D5CC;color:var(--n1);background:#fff}
.filtros a:hover{border-color:var(--ouro)}
.filtros a.on{background:var(--n1);border-color:var(--n1);color:#fff}
.filtros a.on:after{content:none}
.busca{display:flex;max-width:420px;border:1px solid #D9D5CC;border-radius:30px;background:#fff;overflow:hidden}
.busca:focus-within{border-color:var(--ouro)}
.busca input{flex:1;min-width:0;border:0;padding:11px 18px;font:inherit;font-size:14px;background:transparent;color:var(--txt)}
.busca input:focus{outline:none}
.busca button{border:0;background:none;padding:0 16px;display:grid;place-items:center}
.busca svg.i{stroke:var(--ouro-escuro);width:19px;height:19px}
.resultado,.nenhum{color:var(--cinza);margin:0 0 22px;font-size:14px}
.resultado a,.nenhum a{color:var(--ouro-escuro)}
.paginacao{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:40px;font-size:14px;color:var(--cinza)}
.paginacao a{color:var(--n1);font-weight:600;text-decoration:none;padding:10px 16px;border:1px solid #D9D5CC;border-radius:6px;background:#fff}

.estreito{max-width:760px}
.artigo{background:#fff;padding-bottom:72px}
.artigo-topo{padding:44px 0 28px}
.trilha{font-size:12.5px;color:var(--cinza);margin-bottom:18px}
.trilha a{color:var(--ouro-escuro);text-decoration:none;font-weight:600}
.trilha a:hover{text-decoration:underline}
.artigo-topo h1{font-size:clamp(30px,7.6vw,46px);line-height:1.15;color:var(--n1);margin-bottom:16px}
.linha-fina{font-size:17px;line-height:1.65;color:var(--cinza);margin-bottom:18px}
.artigo-topo .meta{font-size:12.5px;color:#8E8E94;letter-spacing:.02em}
.artigo-capa{max-width:1000px;margin-bottom:36px}
.artigo-capa img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.artigo-texto{font-size:16.5px;line-height:1.85;color:#2A2A2E;overflow-wrap:break-word}
.artigo-texto>*+*{margin-top:1.1em}
.artigo-texto h2{font-size:clamp(24px,5.6vw,30px);line-height:1.25;color:var(--n1);margin-top:1.6em}
.artigo-texto h3{font-size:21px;line-height:1.3;color:var(--n1);margin-top:1.4em;font-weight:400}
.artigo-texto ul,.artigo-texto ol{padding-left:1.4em}
.artigo-texto ul{list-style:disc}
.artigo-texto ol{list-style:decimal}
.artigo-texto li+li{margin-top:.4em}
.artigo-texto li::marker{color:var(--ouro-escuro)}
.artigo-texto blockquote{border-left:3px solid var(--ouro);padding:4px 0 4px 20px;font-family:Jost,sans-serif;font-style:italic;font-size:19px;color:var(--n2)}
.artigo-texto a{color:var(--ouro-escuro);text-underline-offset:3px}
.artigo-texto em{background:none;color:inherit;-webkit-text-fill-color:currentColor;font-style:italic;font-weight:inherit}
.artigo-texto strong{font-weight:700;color:var(--n1)}
.artigo-texto img{border-radius:6px;margin:0 auto;height:auto;width:auto;max-height:560px}
.artigo-texto .video{position:relative;aspect-ratio:16/9;background:#111;border-radius:6px;overflow:hidden}
.artigo-texto .video.instagram{aspect-ratio:auto;height:640px;max-width:480px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid #E5E2DC}
.artigo-texto .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.compartilhar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:44px 0 0;padding-top:24px;border-top:1px solid #ECE9E3}
.compartilhar>span{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--ouro-escuro);margin-right:6px}
.compartilhar a,.compartilhar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border-radius:30px;border:1px solid #D9D5CC;background:#fff;color:var(--n1);font-size:13px;font-weight:500;text-decoration:none}
.compartilhar a:hover,.compartilhar button:hover{border-color:var(--ouro);background:#FBF7EE}
.compartilhar svg.i{width:19px;height:19px;stroke:var(--n1)}
.compartilhar button.copiado{border-color:#7FB894;background:#EEF7F1}
.artigo-cta{display:grid;gap:18px;margin-top:36px;padding:26px 24px;border-radius:8px;background:var(--n1);color:#fff}
.artigo-cta b{font-family:Jost,sans-serif;font-weight:400;font-size:21px;line-height:1.3;display:block;margin-bottom:6px}
.artigo-cta p{color:#BDBDC2;font-size:14px;line-height:1.6}

.nota-previa{margin-top:36px;padding:16px;border:1px dashed var(--ouro);border-radius:8px;color:var(--cinza);font-size:14px}
.comentarios{margin-top:56px}
.comentarios h2{font-size:28px;color:var(--n1);margin-bottom:22px}
.comentarios h2 small{font-size:18px;color:#8E8E94}
.lista-coment{display:grid;gap:14px;margin-bottom:36px}
.lista-coment li{display:flex;gap:14px;padding:18px;border-radius:8px;background:var(--off)}
.lista-coment .av{width:40px;height:40px;border-radius:50%;background:var(--n1);color:var(--ouro2);display:grid;place-items:center;font-family:Jost,sans-serif;flex:none}
.lista-coment b{font-size:14px;color:var(--n1)}
.lista-coment time{font-size:12px;color:#8E8E94;margin-left:6px}
.lista-coment p{font-size:15px;line-height:1.7;color:#2A2A2E;margin-top:6px;overflow-wrap:anywhere}
.comentar{border:1px solid #E5E2DC;border-radius:8px;padding:24px 20px}
.comentar h3{font-size:22px;color:var(--n1);margin-bottom:16px}
.form-coment{display:grid;gap:16px}
.form-coment label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--n1)}
.form-coment label small{font-weight:400;color:#8E8E94}
.form-coment input[type=text],.form-coment input[type=email],.form-coment textarea{width:100%;font:inherit;font-size:15px;font-weight:400;padding:12px 14px;border:1px solid #D2CEC6;border-radius:6px;background:#fff;color:var(--txt)}
.form-coment textarea{resize:vertical;min-height:120px}
.form-coment input:focus,.form-coment textarea:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(210,178,106,.2)}
.form-coment .caixa{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;line-height:1.55;color:var(--cinza)}
.form-coment .caixa input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--bronze)}
.form-coment .caixa a{color:var(--ouro-escuro)}
.form-coment .btn{justify-self:start;border:0}
.form-coment .obs{font-size:12.5px;line-height:1.6;color:#8E8E94}
.duas{display:grid;gap:16px}
.isca{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.aviso-site{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;line-height:1.55;border:1px solid}
.aviso-site.ok{background:#EEF7F1;border-color:#BFDDC9;color:#1E5435}
.aviso-site.erro{background:#FCEDEC;border-color:#F0BDB9;color:#7A1A14}
.aviso-site ul{padding-left:18px;list-style:disc;margin-top:4px}
.outros{padding:64px 0 80px}
.outros h2{font-size:clamp(26px,6vw,34px);color:var(--n1)}
.outros .wrap{gap:28px}

@media (min-width:760px){
 .lista-artigos{padding:72px 0 110px}
 .lista-filtros{grid-template-columns:1fr auto;align-items:center}
 .busca{width:320px}
 .artigo-topo{padding:64px 0 36px}
 .artigo-cta{grid-template-columns:1fr auto;align-items:center;padding:28px 32px}
 .duas{grid-template-columns:1fr 1fr}
 .comentar{padding:30px 32px}
}
@media (min-width:1280px){
 .lista-artigos{padding:88px 0 120px}
 .arts-lista{grid-template-columns:repeat(3,1fr);gap:28px}
 .arts-lista .art .capa{height:220px}
 .artigo-topo{padding:80px 0 44px}
 .artigo-texto{font-size:17px}
 .outros .wrap{grid-template-columns:1fr}
}

/* ---------- formulários de depoimento e contato, Privacidade/Termos, aviso de cookies ---------- */
.pagina-form{background:#fff;padding:48px 0 88px}
.pagina-form .eyebrow{color:var(--ouro-escuro)}
.pagina-form .eyebrow:before{background:#B8955A}
.pagina-form h1{font-size:clamp(32px,8vw,46px);line-height:1.15;margin:20px 0 14px;color:var(--n1)}
.pagina-form h2{font-size:24px;color:var(--n1);margin-bottom:16px}
.pagina-form .aviso-site:not(.erro){margin-bottom:24px}
.caixa-form{border:1px solid #E5E2DC;border-radius:8px;padding:24px 20px;margin-top:8px}
.estrelas{border:0;padding:0;margin:0}
.estrelas legend{font-size:13px;font-weight:600;color:var(--n1);margin-bottom:6px}
.estrelas-opcoes{display:inline-flex;flex-direction:row-reverse;gap:4px}
.estrelas-opcoes input{position:absolute;opacity:0;width:1px;height:1px}
.estrelas-opcoes label{font-size:34px;line-height:1;color:#D9D5CC;cursor:pointer;padding:2px;font-weight:400;display:block}
.estrelas-opcoes input:checked~label,.estrelas-opcoes label:hover,.estrelas-opcoes label:hover~label{color:var(--ouro)}
.estrelas-opcoes input:focus-visible+label{outline:2px solid var(--ouro);outline-offset:2px;border-radius:4px}
.contato-rapido{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.btn-linha-escura{border:1px solid #D2CEC6;color:var(--n1);background:#fff}
.btn-linha-escura svg.i{stroke:var(--ouro-escuro)}
.endereco-escritorio{display:flex;gap:8px;align-items:flex-start;color:var(--cinza);font-size:14px;line-height:1.6;margin-bottom:32px}
.contato-form{margin-top:44px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
.contato-form h3{font-family:Jost,sans-serif;font-weight:300;font-size:22px;margin-bottom:18px}
.form-contato.escuro label{color:#E6E6E8}
.form-contato.escuro input[type=text],.form-contato.escuro input[type=tel],.form-contato.escuro textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.form-contato.escuro ::placeholder{color:#8E8E94}
.form-contato.escuro .caixa{color:#A9A9AF}
.form-contato.escuro .caixa a{color:var(--ouro2)}
.form-contato.escuro .obs{color:#8E8E94}
.form-contato.escuro .btn{color:var(--n1)}
.form-coment input[type=tel]{width:100%;font:inherit;font-size:15px;font-weight:400;padding:12px 14px;border:1px solid #D2CEC6;border-radius:6px;background:#fff;color:var(--txt)}
.contato .aviso-site.ok{background:rgba(127,184,148,.12);border-color:rgba(127,184,148,.4);color:#CFE8D8}
.pagina-texto .artigo-topo{padding-bottom:20px}
.rodape .bot div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0}
.aviso-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:25;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;background:var(--n1);color:#D9D9DC;border:1px solid var(--linha);border-radius:10px;padding:14px 16px;box-shadow:0 14px 40px rgba(0,0,0,.35);font-size:13px;line-height:1.55}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{flex:1;min-width:220px}
.aviso-cookies a{color:var(--ouro2)}
.aviso-cookies .btn{padding:10px 20px}
.com-aviso-cookies .wpp-flutuante{bottom:150px}
@media (min-width:760px){
 .pagina-form{padding:72px 0 110px}
 .caixa-form{padding:30px 32px}
 .aviso-cookies{left:auto;max-width:560px}
 .com-aviso-cookies .wpp-flutuante{bottom:110px}
}
@media (min-width:1280px){
 .pagina-form{padding:88px 0 120px}
 .rodape .bot div{flex-wrap:nowrap}
}

/* ---------- convite "Deixe seu depoimento" e janela ---------- */
.dep.convite{border:1px solid transparent;border-radius:6px;background:linear-gradient(160deg,#323237,#2A2A2F) padding-box,var(--grad) border-box;
 align-items:center;justify-content:center;text-align:center;gap:14px}
.convite-icone{width:56px;height:56px;border-radius:50%;border:1px solid rgba(210,178,106,.45);display:grid;place-items:center;margin-bottom:4px}
.convite-icone svg.i{width:24px;height:24px;stroke:var(--ouro2);stroke-width:1.2}
.dep.convite h3{font-family:Jost,sans-serif;font-weight:300;font-size:24px;line-height:1.25;color:#fff}
.dep.convite p{font-family:Montserrat,sans-serif;font-style:normal;font-size:14px;line-height:1.7;color:#B9B9BE;max-width:280px}
.dep.convite .btn{margin-top:8px;white-space:nowrap}
@media (min-width:1280px){
 .depo:not(.sem-deps) .dep.convite{padding:30px 20px}
 .depo:not(.sem-deps) .dep.convite h3{font-size:21px}
 .depo:not(.sem-deps) .dep.convite .btn{padding:13px 18px;font-size:12.5px}
}
.depo.sem-deps .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
.depo.sem-deps .depo-intro{max-width:620px}
.depo.sem-deps .depo-intro .eyebrow{justify-content:center}
dialog.janela [hidden]{display:none}
.depo.sem-deps .dep.convite{width:100%;max-width:380px;min-height:320px}
dialog.janela{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:10px;background:#fff;color:var(--txt);
 box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:auto;overscroll-behavior:contain}
dialog.janela:before{content:"";display:block;height:3px;background:var(--grad);position:sticky;top:0;z-index:1}
dialog.janela::backdrop{background:rgba(14,14,16,.72);backdrop-filter:blur(3px)}
dialog.janela[open]{animation:janela-entra .22s ease-out}
@keyframes janela-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){dialog.janela[open]{animation:none}}
.janela-topo{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:24px 22px 0}
.janela-topo .eyebrow{color:var(--ouro-escuro)}
.janela-topo .eyebrow:before{background:#B8955A}
.janela-topo h2{font-size:clamp(26px,6vw,34px);line-height:1.15;color:var(--n1);margin-top:12px}
.janela-fechar{width:40px;height:40px;border-radius:50%;border:1px solid #E5E2DC;background:#fff;color:var(--n1);font-size:24px;line-height:1;flex:none;cursor:pointer}
.janela-fechar:hover{border-color:#B8955A}
.janela-intro{padding:10px 22px 0;color:var(--cinza);font-size:14px;line-height:1.6}
dialog.janela .form-depoimento{padding:18px 22px 24px}
.janela-ok{padding:28px 22px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.janela-ok[hidden]{display:none}
.janela-ok .convite-icone{border-color:#D8C28F}
.janela-ok .convite-icone svg.i{stroke:var(--ouro-escuro)}
.janela-ok h3{font-family:Jost,sans-serif;font-weight:300;font-size:26px;color:var(--n1)}
.janela-ok p{color:var(--cinza);font-size:14.5px;line-height:1.7;max-width:400px;margin-bottom:8px}
.com-janela{overflow:hidden}
@media (min-width:760px){
 .janela-topo{padding:32px 34px 0}
 .janela-intro{padding:10px 34px 0}
 dialog.janela .form-depoimento{padding:20px 34px 32px}
}