/* Meizon RH® · nova identidade visual
   Paleta: creme, areia, vinho, dourado, tinta (cores chapadas)
   Tipografia: Cormorant Garamond (títulos) + Montserrat (textos e rótulos) */

:root{
  --creme:#F7F1E7;
  --areia:#EADFCE;
  --areia-escura:#D9C9B2;
  --vinho:#560000;
  --vinho-hover:#6E0A0A;
  --dourado:#C9A66B;
  --dourado-texto:#86642F; /* dourado escurecido para texto pequeno sobre creme (contraste AA) */
  --tinta:#2B241E;
  --tinta-suave:#5A4F45;
  --linha:rgba(43,36,30,.14);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --max:1320px;
  --gutter:clamp(20px,5vw,64px);
  --sec:clamp(64px,10vw,128px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--tinta);font:500 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tipografia */
.eyebrow{font:600 11.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--dourado-texto);margin:0 0 20px}
h1,h2,h3,.serif{font-variant-numeric:lining-nums;font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.005em;margin:0}
h1{font-size:clamp(40px,6.2vw,68px)}
h2{font-size:clamp(32px,4.4vw,48px)}
h3{font-size:clamp(23px,2.4vw,28px);line-height:1.2}
h1 em,h2 em,h3 em,.serif em{font-style:italic;color:var(--vinho)}
.lead{font-size:clamp(16px,1.6vw,18px);color:var(--tinta-suave);max-width:560px;margin:24px 0 0}
.fio{width:56px;height:1px;background:var(--dourado);border:0;margin:28px 0}
.centro{text-align:center}.centro .fio{margin-left:auto;margin-right:auto}.centro .lead{margin-left:auto;margin-right:auto}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:2px;border:1px solid transparent;font:600 12.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 160ms var(--ease-out)}
.btn svg{width:18px;height:18px;flex:none}
.btn-vinho{background:var(--vinho);color:var(--creme)}
.btn-vinho:hover{background:var(--vinho-hover)}
.btn-linha{border-color:var(--tinta);color:var(--tinta);background:transparent}
.btn-linha:hover{background:var(--tinta);color:var(--creme)}
.btn-creme{background:var(--creme);color:var(--vinho)}
.btn-creme:hover{background:#fff}
.btn-dourado{background:var(--dourado);color:var(--tinta)}
.btn-dourado:hover{background:#d6b57d}
.link-seta{font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--vinho);border-bottom:1px solid var(--dourado);padding-bottom:4px}
.link-seta:hover{color:var(--tinta)}

/* cabeçalho */
.topo{position:sticky;top:0;z-index:40;background:rgba(247,241,231,.96);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.topo .logo img{height:26px;width:auto}
.topo nav{display:flex;align-items:center;gap:32px}
.topo nav a{font:600 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--tinta)}
.topo nav a:hover,.topo nav a[aria-current]{color:var(--vinho)}
.topo .btn{min-height:44px;padding:10px 18px}
.topo nav a.btn,.topo nav a.btn:hover{color:var(--creme)}
@media (max-width:900px){.topo nav .nav-txt{display:none}.topo .wrap{height:64px}.topo .logo img{height:22px}}
@media (max-width:420px){.topo .btn span{display:none}.topo .btn{padding:10px 14px}}

/* seções */
.sec{padding:var(--sec) 0}
.sec-areia{background:var(--areia)}
.sec-vinho{background:var(--vinho);color:var(--creme)}
.sec-tinta{background:var(--tinta);color:var(--creme)}
.sec-dourado{background:var(--dourado);color:var(--tinta)}
.sec-vinho .eyebrow,.sec-tinta .eyebrow{color:var(--dourado)}
.sec-vinho h2 em,.sec-tinta h2 em,.sec-vinho h3 em,.sec-tinta h3 em{color:var(--dourado)}
.sec-vinho .lead,.sec-tinta .lead{color:rgba(247,241,231,.78)}
.sec-dourado .eyebrow{color:var(--vinho)}
.cab{max-width:640px;margin-bottom:clamp(40px,6vw,64px)}
.cab.centro{margin-left:auto;margin-right:auto}

/* hero */
.hero{padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,112px)}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,6vw,88px);align-items:center}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero-nota{font-size:13.5px;color:var(--tinta-suave);margin:20px 0 0}
.hero-nota a{color:var(--vinho)}
.hero-foto{position:relative}
.hero-foto img{aspect-ratio:4/5;object-fit:cover;width:100%}
.hero-foto::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--dourado);z-index:-1}
.hero-foto figcaption{position:absolute;left:-1px;bottom:28px;background:var(--creme);padding:18px 22px;max-width:260px;font:italic 400 19px/1.3 var(--serif)}
.hero-foto figcaption small{display:block;font:600 10.5px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--dourado-texto);margin-top:8px;font-style:normal}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-foto{max-width:420px;margin:8px 0 0 14px}
  .hero-ctas .btn{flex:1 1 100%}
}

/* números */
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.numero{padding:8px clamp(16px,3vw,40px);border-left:1px solid rgba(201,166,107,.45)}
.numero:first-child{border-left:0;padding-left:0}
.numero b{font-variant-numeric:oldstyle-nums;display:block;font:400 clamp(48px,6vw,72px)/1 var(--serif);color:var(--dourado)}
.numero span{display:block;margin-top:12px;font-size:14.5px;color:rgba(247,241,231,.85);max-width:240px}
.nota-rodape{font-size:12.5px;color:rgba(247,241,231,.6);margin:44px 0 0}
.nota-rodape a{color:var(--dourado)}
@media (max-width:760px){
  .numeros{grid-template-columns:1fr}
  .numero{border-left:0;border-top:1px solid rgba(201,166,107,.45);padding:24px 0}
  .numero:first-child{border-top:0;padding-top:0}
}

/* dores */
.dores{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha)}
.dor{background:var(--creme);padding:clamp(24px,3vw,40px)}
.dor .n{display:flex;align-items:center;gap:10px}.dor .n::before{content:"";width:8px;height:8px;background:var(--dourado);transform:rotate(45deg)}.dor .n::after{content:"";width:36px;height:1px;background:var(--dourado)}
.dor p{margin:14px 0 0;font:400 clamp(21px,2.1vw,25px)/1.3 var(--serif)}
.dores-fim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}
.dores-fim p{margin:0;font:italic 400 clamp(22px,2.4vw,28px)/1.3 var(--serif);color:var(--vinho)}
@media (max-width:700px){.dores{grid-template-columns:1fr}}

/* serviços */
.servicos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.servico{background:var(--creme);padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;border-top:2px solid var(--vinho)}
.servico h3{margin-bottom:14px}
.servico p{margin:0 0 28px;color:var(--tinta-suave);font-size:15px}
.servico .link-seta{margin-top:auto;align-self:flex-start;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
.servicos-extra{margin:32px 0 0;font-size:14px;color:var(--tinta-suave)}
@media (max-width:960px){.servicos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.servicos{grid-template-columns:1fr}}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);counter-reset:p;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;border-top:1px solid var(--tinta);padding-top:24px}
.passos li::before{content:"0" counter(p);display:block;font:400 44px/1 var(--serif);color:var(--dourado-texto);margin-bottom:18px}
.passos h3{margin-bottom:10px}
.passos p{margin:0;color:var(--tinta-suave);font-size:15px}
.passos-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:56px}
@media (max-width:760px){.passos{grid-template-columns:1fr}}

/* cases */
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.case{display:block;text-decoration:none;border:1px solid rgba(201,166,107,.45);padding:clamp(28px,3.5vw,48px);transition:border-color .2s,background .2s}
.case:hover{border-color:var(--dourado);background:rgba(247,241,231,.04)}
.case .eyebrow{margin-bottom:16px}
.case h3{color:var(--creme);margin-bottom:28px}
.case .dados{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:28px}
.case .dados b{display:block;font:400 40px/1 var(--serif);color:var(--dourado)}
.case .dados span{font-size:13px;color:rgba(247,241,231,.78)}
.case .link-seta{color:var(--creme)}
@media (max-width:760px){.cases{grid-template-columns:1fr}}

/* faixa cidade */
.cidade{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--areia)}
.cidade img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;max-height:720px}
.cidade .txt{padding:clamp(48px,7vw,96px) clamp(24px,6vw,88px);align-self:center}
.cidade .txt p{color:var(--tinta-suave);max-width:440px}
.cidade .links{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}
@media (max-width:820px){.cidade{grid-template-columns:1fr}.cidade img{min-height:0;aspect-ratio:16/10}}

/* blog: cards */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.post-card{text-decoration:none;display:flex;flex-direction:column}
.post-card .capa{aspect-ratio:1200/627;overflow:hidden;background:var(--areia)}
.post-card .capa img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease-out)}

.post-card .eyebrow{margin:22px 0 10px}
.post-card h2,.post-card h3{font-size:clamp(21px,2vw,24px)}
.post-card:hover h3{color:var(--vinho)}
.post-card p{margin:12px 0 0;font-size:14.5px;color:var(--tinta-suave)}
.post-card .tempo{margin-top:14px;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave)}
.blog-topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}
@media (max-width:960px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.posts{grid-template-columns:1fr}}

/* contato */
.contato .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,96px);align-items:start}
.contato-alt{margin-top:36px;padding-top:28px;border-top:1px solid rgba(201,166,107,.45)}
.contato-alt p{margin:0 0 16px;color:rgba(247,241,231,.8);font-size:15px}
.form{background:var(--creme);color:var(--tinta);padding:clamp(28px,4vw,48px)}
.campo{margin-bottom:20px}
.campo label{display:block;font:600 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.campo input,.campo select{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--areia-escura);background:#fff;border-radius:2px;font:500 16px/1.4 var(--sans);color:var(--tinta)}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--vinho);box-shadow:0 0 0 3px rgba(86,0,0,.12)}
.form .btn{width:100%;margin-top:8px}
.form-priv{font-size:12.5px;color:var(--tinta-suave);margin:16px 0 0}
.form-ok{display:none;text-align:center;padding:24px 0}
.form-ok h3{margin-bottom:12px}
.form.enviado form{display:none}.form.enviado .form-ok{display:block}
@media (max-width:860px){.contato .wrap{grid-template-columns:1fr}}

/* perguntas */
.faq{max-width:780px;margin:0 auto}
.faq details{border-top:1px solid var(--linha)}
.faq details:last-child{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;position:relative;font:400 clamp(20px,2.2vw,24px)/1.3 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:20px;font:300 28px/1 var(--sans);color:var(--dourado-texto)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 24px;color:var(--tinta-suave);max-width:680px}

/* rodapé */
.rodape{background:var(--tinta);color:rgba(247,241,231,.78);padding:72px 0 120px;font-size:14px}
.rodape .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.rodape img{height:26px;width:auto;margin-bottom:20px}
.rodape .lema{font:italic 400 20px/1.3 var(--serif);color:var(--creme);margin:0}
.rodape h4{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dourado);margin:6px 0 18px}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin-bottom:10px}
.rodape a{text-decoration:none}.rodape a:hover{color:var(--dourado)}
.rodape .copy{grid-column:1/-1;border-top:1px solid rgba(201,166,107,.3);padding-top:24px;font-size:12.5px}
@media (min-width:861px){.rodape{padding-bottom:56px}}
@media (max-width:760px){.rodape .wrap{grid-template-columns:1fr}}

/* barra fixa no celular */
.barra-whats{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(247,241,231,.97);border-top:1px solid var(--linha);display:none}
.barra-whats .btn{width:100%}
@media (max-width:860px){.barra-whats{display:block}}

/* artigo */
.artigo-cab{padding:clamp(40px,7vw,88px) 0 clamp(32px,4vw,48px)}
.artigo-cab .wrap,.artigo .wrap{max-width:780px}
.migalha{font:600 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px}
.migalha a{text-decoration:none;color:var(--tinta-suave)}.migalha a:hover{color:var(--vinho)}
.artigo-cab h1{font-size:clamp(34px,4.8vw,52px)}
.artigo-cab .sub{font:italic 400 clamp(21px,2.4vw,26px)/1.35 var(--serif);color:var(--vinho);margin:24px 0 0}
.artigo-cab .meta{margin:28px 0 0;font-size:13px;color:var(--tinta-suave)}
.artigo-capa{max-width:1000px;margin:0 auto;padding:0 var(--gutter)}
.artigo{padding:clamp(40px,6vw,72px) 0 var(--sec)}
.artigo .corpo{font-size:17.5px;line-height:1.8}
.corpo p{margin:0 0 24px}
.corpo h2{font-size:clamp(28px,3.4vw,36px);margin:56px 0 20px}
.corpo h3{margin:40px 0 14px;font-size:clamp(22px,2.4vw,26px)}
.corpo h3 .num{color:var(--dourado-texto);font-style:italic;margin-right:6px}
.corpo ul,.corpo ol{margin:0 0 28px;padding-left:22px}
.corpo li{margin-bottom:12px;padding-left:6px}
.corpo li::marker{color:var(--dourado-texto);font-weight:600}
.corpo blockquote{margin:44px 0;padding:8px 0 8px 28px;border-left:2px solid var(--dourado);font:italic 400 clamp(24px,2.8vw,30px)/1.35 var(--serif);color:var(--vinho)}
.corpo figure{margin:40px 0}
.corpo figure img{width:100%;border:1px solid var(--linha)}
.corpo strong{font-weight:600;color:var(--tinta)}
.artigo-cta{margin:56px 0 0;background:var(--vinho);color:var(--creme);padding:clamp(28px,4vw,48px)}
.artigo-cta p{font:400 clamp(23px,2.6vw,28px)/1.3 var(--serif);margin:0 0 24px}
.artigo-cta .cta-botoes{display:flex;flex-wrap:wrap;gap:12px}
.artigo-cta small{display:block;margin-top:16px;font-size:12.5px;color:rgba(247,241,231,.7)}
.artigo-nota{margin:28px 0 0;font-size:13px;color:var(--tinta-suave);font-style:italic}

/* filtros do blog */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.filtros button{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:12px 16px;border:1px solid var(--linha);background:transparent;color:var(--tinta);border-radius:2px;cursor:pointer;min-height:40px}
.filtros button[aria-pressed="true"]{background:var(--tinta);color:var(--creme);border-color:var(--tinta)}
.post-card[hidden]{display:none}



/* Página inicial: polos */
.polos{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,48px);margin-top:48px}
.polo{display:grid;grid-template-columns:.8fr 1fr;gap:28px;align-items:center;color:inherit;text-decoration:none;background:var(--areia);padding:24px}
.polo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.polo h3{font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif);margin:8px 0 12px}
.polo h3 em{color:var(--vinho)}
.polo p{font-size:14.5px}
.polo:hover .link-seta{color:var(--vinho)}
@media (max-width:900px){.polos{grid-template-columns:1fr}.polo{grid-template-columns:1fr}.polo img{max-height:340px}}
.rodape .wrap{grid-template-columns:1.4fr repeat(3,1fr)}
@media (max-width:900px){.rodape .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rodape .wrap{grid-template-columns:1fr}}

/* ---------- Movimento ----------
   Diretriz: animar só transform e opacity, curvas ease-out fortes, entrada uma vez,
   escalonamento curto, hover só em mouse, e movimento reduzido mais suave, não zero. */
:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1)}
html{scroll-behavior:smooth}

/* Abertura da página: texto sobe em cascata e a foto se revela de baixo para cima */
@keyframes mz-sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mz-revela{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes mz-aparece{from{opacity:0}to{opacity:1}}
.hero .wrap>div>*{animation:mz-sobe 800ms var(--ease-out) both}
.hero .wrap>div>*:nth-child(2){animation-delay:70ms}
.hero .wrap>div>*:nth-child(3){animation-delay:140ms}
.hero .wrap>div>*:nth-child(4){animation-delay:210ms}
.hero .wrap>div>*:nth-child(5){animation-delay:280ms}
.hero-foto img{animation:mz-revela 1100ms var(--ease-in-out) 120ms both}
.hero-foto::before{animation:mz-aparece 700ms ease 700ms both}
.hero-foto figcaption{animation:mz-sobe 700ms var(--ease-out) 850ms both}
.artigo-cab .wrap>*{animation:mz-sobe 700ms var(--ease-out) both}
.artigo-cab .wrap>*:nth-child(2){animation-delay:60ms}
.artigo-cab .wrap>*:nth-child(3){animation-delay:120ms}
.artigo-cab .wrap>*:nth-child(4){animation-delay:180ms}
.artigo-capa img{animation:mz-aparece 900ms ease 200ms both}

/* Entrada ao rolar (o JS marca só o que ainda está abaixo da dobra) */
.mz [data-r]{opacity:0;transform:translateY(18px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.mz [data-r].mz-visto{opacity:1;transform:none}
.mz [data-r="img"]{opacity:1;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1100ms var(--ease-in-out)}
.mz [data-r="img"].mz-visto{clip-path:inset(0 0 0 0)}
.mz .fio[data-r]{opacity:1;transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--ease-out) 200ms}
.mz .centro .fio[data-r]{transform-origin:center}
.mz .fio[data-r].mz-visto{transform:scaleX(1)}

/* Resposta ao toque */
.btn:active{transform:scale(.97)}
.case,.polo,.post-card{transition:transform 160ms var(--ease-out),border-color 200ms ease,background-color 200ms ease}
.case:active,.polo:active,.post-card:active{transform:scale(.99)}

/* Hover só onde existe mouse */
.link-seta{transition:color 200ms ease,border-color 200ms ease}
.polo img{transition:transform 600ms var(--ease-out)}
.polo{overflow:hidden}
@media (hover:hover) and (pointer:fine){
  .post-card:hover .capa img{transform:scale(1.03)}
  .polo:hover img{transform:scale(1.02)}
  .link-seta:hover{border-color:var(--vinho)}
}

/* Topo ganha sombra leve depois que a página rola */
.topo{transition:box-shadow 250ms ease}
.topo.rolou{box-shadow:0 10px 30px -22px rgba(43,36,30,.45)}

/* Perguntas frequentes e confirmação do formulário */
@keyframes mz-desce{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.faq details[open] p{animation:mz-desce 260ms var(--ease-out)}
@keyframes mz-entra{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.form.enviado .form-ok{animation:mz-entra 320ms var(--ease-out)}

/* Barra de WhatsApp do celular entra pela borda de baixo */
@keyframes mz-barra{from{transform:translateY(100%)}to{transform:none}}
.barra-whats{animation:mz-barra 500ms var(--ease-out) 600ms both}

/* Movimento reduzido: só esmaecer, sem deslocamento */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero .wrap>div>*,.hero-foto figcaption,.artigo-cab .wrap>*,.faq details[open] p,.form.enviado .form-ok{animation:mz-aparece 300ms ease both;animation-delay:0ms}
  .hero-foto img,.barra-whats{animation:none}
  .mz [data-r]{transform:none;transition:opacity 300ms ease;transition-delay:0ms}
  .mz [data-r="img"]{clip-path:none;opacity:0}
  .mz [data-r="img"].mz-visto{opacity:1}
  .mz .fio[data-r]{transform:none}
  .btn:active,.case:active,.polo:active,.post-card:active{transform:none}
  .polo:hover img,.post-card:hover .capa img{transform:none}
}

/* Marca d'água: monograma RH da Meizon em tom sobre tom */
.sec-vinho,.sec-tinta,.rodape,.hero{position:relative;overflow:hidden;isolation:isolate}
.sec-vinho::before,.sec-tinta::before,.rodape::before,.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;
  width:min(820px,78vw);aspect-ratio:900/393;right:-6%;bottom:-14%;background:var(--dourado);opacity:.08;
  -webkit-mask:url(../img/monograma-rh.png) no-repeat center/contain;mask:url(../img/monograma-rh.png) no-repeat center/contain}
.sec-vinho::before{background:var(--creme);opacity:.05}
.sec-vinho.contato::before{right:auto;left:-8%;bottom:-18%}
.rodape::before{width:min(560px,70vw);right:-3%;bottom:-10%;opacity:.06}
.hero::before{background:var(--dourado);opacity:.09;width:min(640px,80vw);right:-8%;bottom:-6%}
.artigo-cab,.hero[style]{overflow:visible}
.hero[style]::before{display:none}

/* ---------- Cartão estilo Instagram na capa ---------- */
.insta{position:relative;display:block;width:100%;max-width:420px;margin-left:auto;background:#fff;color:var(--tinta);text-decoration:none;border:1px solid var(--linha);box-shadow:16px 16px 0 -1px var(--creme),16px 16px 0 0 var(--dourado),0 40px 60px -40px rgba(43,36,30,.45);transition:transform 160ms var(--ease-out)}
.insta:active{transform:scale(.99)}
.insta-topo{display:flex;align-items:center;gap:10px;padding:12px 14px}
.insta-topo img{width:34px;height:34px;border-radius:50%;border:1px solid var(--dourado);background:var(--creme);object-fit:contain;padding:3px}
.insta-topo b{display:block;font:600 13px/1.2 var(--sans)}
.insta-topo small{font-size:11px;color:var(--tinta-suave)}
.insta-selo{margin-left:auto;background:var(--vinho);color:var(--creme);font:600 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:7px 9px}
.insta-fotos{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--areia)}
.insta-fotos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateX(100%);transition:none}
.insta-fotos img.ativo{transform:none;transition:transform 850ms var(--ease-in-out)}
.insta-fotos img.saiu{transform:translateX(-100%);transition:transform 850ms var(--ease-in-out)}
.insta-pontos{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px}
.insta-pontos span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background-color 300ms ease,transform 300ms var(--ease-out)}
.insta-pontos span.ativo{background:#fff;transform:scale(1.2)}
.insta-base{padding:12px 14px 16px}
.insta-icones{display:flex;gap:14px;margin-bottom:8px}
.insta-icones svg{width:22px;height:22px;fill:none;stroke:var(--tinta);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.insta-icones svg:first-child{fill:var(--vinho);stroke:var(--vinho)}
.insta-curtidas{font:600 12.5px/1.3 var(--sans);margin:0 0 10px}
.insta-legendas{position:relative;min-height:48px}
.insta-legendas p{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(4px);transition:opacity 400ms ease,transform 400ms var(--ease-out)}
.insta-legendas p.ativo{opacity:1;transform:none}
.insta-legendas small{display:block;font:600 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dourado-texto)}
.insta-legendas b{display:block;font:500 22px/1.15 var(--serif);color:var(--vinho)}
.insta-ver{display:inline-block;margin-top:10px;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--vinho);border-bottom:1px solid var(--dourado)}
@media (max-width:860px){.insta{width:calc(100% - 16px);max-width:380px;margin:8px auto 0 0}}

/* ---------- Faixa corrida ---------- */
.ticker{background:var(--areia);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);overflow:hidden;padding:16px 0}
.ticker-trilho{display:flex;width:max-content;animation:mz-ticker 38s linear infinite}
.ticker-trilho>div{display:flex}
.ticker span{font:600 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta);white-space:nowrap;padding:0 28px;position:relative}
.ticker span::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;background:var(--dourado);transform:translateY(-50%) rotate(45deg)}
@keyframes mz-ticker{to{transform:translateX(-50%)}}
@media (hover:hover){.ticker:hover .ticker-trilho{animation-play-state:paused}}

/* ---------- Números da empresa ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,166,107,.35);margin-top:56px;border:1px solid rgba(201,166,107,.35)}
.stat{background:var(--vinho);padding:34px 20px;text-align:center}
.stat b{display:block;font:400 clamp(44px,5vw,64px)/1 var(--serif);color:var(--dourado);font-variant-numeric:lining-nums tabular-nums}
.stat span{display:block;margin-top:12px;font:600 10.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(247,241,231,.78)}
.sec-vinho .cab.centro .lead+.lead{margin-top:12px}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}}

/* ---------- Processo e vantagens ---------- */
.duo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center;margin-top:48px}
.duo-inv .foto-moldura{order:2}
.processo{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.processo li{display:flex;gap:20px;padding:26px 28px;border:1px solid rgba(201,166,107,.35);border-left:2px solid var(--dourado)}
.processo .n{font:400 30px/1 var(--serif);color:var(--dourado)}
.processo h3{font:500 22px/1.2 var(--serif);color:var(--creme);margin:0 0 8px}
.processo p{margin:0;font-size:14.5px;color:rgba(247,241,231,.75)}
.vantagens{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linha);border:1px solid var(--linha)}
.vantagem{background:var(--creme);padding:26px 24px}
.vantagem .n{font:600 11px/1 var(--sans);letter-spacing:.2em;color:var(--dourado-texto)}
.vantagem h3{font:500 21px/1.2 var(--serif);margin:12px 0 8px}
.vantagem p{margin:0;font-size:14px;color:var(--tinta-suave)}
.foto-moldura{position:relative;margin:0}
.foto-moldura::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--dourado);z-index:0}
.foto-moldura img,.foto-vaga{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.foto-vaga{background:var(--areia);display:flex;align-items:center;justify-content:center}
.foto-vaga::before{content:"";position:absolute;inset:18% 12%;background:var(--dourado);opacity:.35;-webkit-mask:url(../img/monograma-rh.png) no-repeat center/contain;mask:url(../img/monograma-rh.png) no-repeat center/contain}
.foto-vaga span{position:absolute;bottom:22%;font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--dourado-texto)}
.sec-tinta .foto-vaga{background:#3a3129}
.foto-moldura figcaption{position:absolute;z-index:2;left:-1px;right:28px;bottom:24px;background:var(--creme);color:var(--tinta);padding:16px 20px;font:italic 400 17px/1.35 var(--serif)}
.foto-moldura figcaption small{display:block;font:600 10px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--dourado-texto);font-style:normal;margin-bottom:4px}
@media (max-width:900px){.duo{grid-template-columns:1fr}.duo-inv .foto-moldura{order:0}.foto-moldura{max-width:460px;margin:0 auto 0 14px}}
@media (max-width:560px){.vantagens{grid-template-columns:1fr}}

/* ---------- Depoimentos ---------- */
.depos{display:grid;max-width:760px;margin:40px auto 0}
.depo{grid-area:1/1;margin:0;background:var(--creme);border-left:2px solid var(--dourado);padding:34px 38px;opacity:0;transform:translateY(6px);transition:opacity 400ms ease,transform 400ms var(--ease-out);pointer-events:none}
.depo.ativo{opacity:1;transform:none;pointer-events:auto}
.depo .estrelas{color:var(--dourado);letter-spacing:.2em;font-size:13px}
.depo blockquote{margin:14px 0 18px;font:400 clamp(22px,2.4vw,28px)/1.3 var(--serif);color:var(--tinta)}
.depo figcaption b{display:block;font:600 13px/1.3 var(--sans)}
.depo figcaption small{font-size:12px;color:var(--tinta-suave)}
.depo-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.depo-nav button{width:40px;height:40px;border:1px solid var(--linha);background:var(--creme);cursor:pointer;font-size:16px;transition:transform 160ms var(--ease-out),border-color 200ms ease}
.depo-nav button:active{transform:scale(.95)}
.depo-pontos{display:flex;gap:6px}.depo-pontos span{width:6px;height:6px;border-radius:50%;background:var(--linha)}.depo-pontos span.ativo{background:var(--dourado);width:18px;border-radius:3px}

/* ---------- Rodapé: unidades ---------- */
.rodape-unidades{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:32px;border-top:1px solid rgba(201,166,107,.25)}
.rodape-unidades h4{margin-bottom:10px}
.rodape-unidades .tel{display:inline-block;font:400 24px/1.2 var(--serif);color:var(--creme);margin-bottom:6px}
.rodape-unidades address{font-style:normal;font-size:13px;line-height:1.6;color:rgba(247,241,231,.65);max-width:380px}
@media (max-width:560px){.rodape-unidades{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .ticker-trilho{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.ticker-trilho>div+div{display:none}.ticker-trilho>div{flex-wrap:wrap;justify-content:center;row-gap:12px}
  .insta-fotos img,.insta-fotos img.saiu{transform:none;opacity:0;transition:opacity 300ms ease}.insta-fotos img.ativo{opacity:1;transform:none}
  .depo{transform:none}
}
.hero .insta{animation:mz-sobe 900ms var(--ease-out) 150ms both}
@media (prefers-reduced-motion:reduce){.hero .insta{animation:mz-aparece 300ms ease both}}

/* ---------- Ajustes da cliente (out/2026) ---------- */
/* capa em vinho */
.hero-vinho{background:var(--vinho);color:var(--creme)}
.hero-vinho .eyebrow{color:var(--dourado)}
.hero-vinho h1 em{color:var(--dourado)}
.hero-vinho .lead{color:rgba(247,241,231,.8)}
.hero-vinho .lead strong{color:var(--creme)}
.hero-vinho .hero-nota{color:rgba(247,241,231,.7)}
.hero-vinho .hero-nota a{color:var(--dourado)}
.hero-vinho .btn-linha{border-color:rgba(247,241,231,.55);color:var(--creme)}
.hero-vinho .btn-linha:hover{background:var(--creme);color:var(--vinho);border-color:var(--creme)}
.hero-vinho::before{background:var(--creme);opacity:.05}
.hero-vinho .insta{border-color:transparent;box-shadow:16px 16px 0 -1px var(--vinho),16px 16px 0 0 var(--dourado),0 40px 60px -30px rgba(0,0,0,.55)}

/* serviços com "Saiba mais" */
.servicos{align-items:start}
.servico-rot{font:600 10.5px/1.4 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--dourado-texto)!important;margin:0 0 12px!important}
.servico>p:not(.servico-rot){margin-bottom:18px}
.servico-mais{margin:0 0 22px;border-top:1px solid var(--linha)}
.servico-mais summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 0 4px;font:600 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--vinho)}
.servico-mais summary::-webkit-details-marker{display:none}
.servico-mais summary::after{content:"+";font:400 22px/1 var(--serif);color:var(--dourado-texto);transition:transform 200ms var(--ease-out)}
.servico-mais[open] summary::after{transform:rotate(45deg)}
.servico-mais div{padding-top:10px}
.servico-mais div p{margin:0 0 12px!important;font-size:14.5px;color:var(--tinta-suave)}
.servico-mais[open] div{animation:mz-desce 260ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.servico-mais summary:hover{color:var(--vinho-hover)}}

/* segunda faixa de cidade, espelhada */
.cidade-inv{background:var(--creme)}
.cidade-inv img{order:2}
@media (max-width:820px){.cidade-inv img{order:0}}

/* depoimentos com abas */
.depo-abas{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.depo-abas button{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:13px 18px;min-height:44px;border:1px solid var(--areia-escura);background:transparent;color:var(--tinta);cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 160ms var(--ease-out)}
.depo-abas button span{color:var(--dourado-texto);margin-left:4px}
.depo-abas button[aria-selected=true]{background:var(--vinho);border-color:var(--vinho);color:var(--creme)}
.depo-abas button[aria-selected=true] span{color:var(--dourado)}
.depo-abas button:active{transform:scale(.97)}
.depos{margin-top:28px}
.depo-cont{font:600 11.5px/1 var(--sans);letter-spacing:.16em;color:var(--tinta-suave);font-variant-numeric:tabular-nums;min-width:72px;text-align:center}
@media (prefers-reduced-motion:reduce){.servico-mais[open] div{animation:mz-aparece 200ms ease both}}

/* ---------- Ritmo de cores (out/2026): vinho só na capa e no contato, tinta como âncora no meio ---------- */
.ticker{background:var(--creme)}
.sobre .stats{background:var(--areia-escura);border-color:var(--areia-escura)}
.sobre .stat{background:var(--creme)}
.sobre .stat b{color:var(--vinho)}
.sobre .stat span{color:var(--tinta-suave)}
.sobre .cab.centro .lead+.lead{margin-top:12px}
.sec:not(.sec-areia) .servico{background:var(--areia)}
.cases-sec .case{border-color:var(--areia-escura);background:var(--creme)}
.cases-sec .case h3{color:var(--tinta)}
.cases-sec .case h3 em{color:var(--vinho)}
.cases-sec .case .dados b{color:var(--vinho)}
.cases-sec .case .dados span{color:var(--tinta-suave)}
.cases-sec .case .link-seta{color:var(--vinho)}
.cases-sec .case:hover{border-color:var(--dourado);background:#fbf7f0}
.cidade{background:var(--creme)}
.cidade-inv{background:var(--areia)}
.sec-tinta .depo-abas button{border-color:rgba(247,241,231,.28);color:var(--creme)}
.sec-tinta .depo-abas button span{color:var(--dourado)}
.sec-tinta .depo-abas button[aria-selected=true]{background:var(--dourado);border-color:var(--dourado);color:var(--tinta)}
.sec-tinta .depo-abas button[aria-selected=true] span{color:var(--vinho)}
.sec-tinta .depo-cont{color:rgba(247,241,231,.7)}
.sec-tinta .depo-nav button{border-color:transparent}

/* ---------- Topo vinho e brilhos dourados do manual de marca (out/2026) ---------- */
.topo{background:rgba(86,0,0,.97);border-bottom:1px solid rgba(201,166,107,.22)}
.topo nav a{color:rgba(247,241,231,.86)}
.topo nav a:hover,.topo nav a[aria-current]{color:var(--dourado)}
.topo nav a.btn,.topo nav a.btn:hover{color:var(--vinho)}
.topo.rolou{box-shadow:0 12px 30px -20px rgba(0,0,0,.6)}
.hero-vinho,.sec-vinho{background:
  radial-gradient(ellipse 34% 48% at 90% 14%,rgba(200,110,60,.24),rgba(200,110,60,0) 100%),
  radial-gradient(ellipse 28% 40% at 6% 92%,rgba(200,110,60,.18),rgba(200,110,60,0) 100%),
  var(--vinho)}
.sec-vinho.contato{background:
  radial-gradient(ellipse 30% 50% at 8% 10%,rgba(200,110,60,.2),rgba(200,110,60,0) 100%),
  radial-gradient(ellipse 34% 46% at 94% 90%,rgba(200,110,60,.2),rgba(200,110,60,0) 100%),
  var(--vinho)}

/* ---------- Menu com submenus (out/2026) ---------- */
.topo nav{gap:28px}
.menu-itens{display:flex;align-items:center;gap:28px}
.dd{position:relative}
.dd-bt{background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:44px;font:600 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(247,241,231,.86);transition:color 200ms ease}
.dd-bt .seta{width:10px;height:6px;transition:transform 200ms var(--ease-out)}
.dd.aberto .dd-bt,.dd-bt:focus-visible{color:var(--dourado)}
.dd.aberto .dd-bt .seta{transform:rotate(180deg)}
.dd-painel{position:absolute;top:calc(100% + 14px);left:-20px;min-width:250px;background:var(--creme);padding:10px 0;border-top:2px solid var(--dourado);box-shadow:0 24px 48px -24px rgba(43,36,30,.5);
  opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transform-origin:top left;pointer-events:none;
  transition:opacity 150ms ease,transform 200ms var(--ease-out),visibility 0s linear 200ms}
.dd-painel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.dd.aberto .dd-painel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity 150ms ease,transform 200ms var(--ease-out),visibility 0s}
@media (hover:hover) and (pointer:fine){
  .dd:hover .dd-bt{color:var(--dourado)}
  .dd:hover .dd-bt .seta{transform:rotate(180deg)}
  .dd:hover .dd-painel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity 150ms ease,transform 200ms var(--ease-out),visibility 0s}
  .dd-painel a:hover{background:var(--areia);color:var(--vinho)}
}
.dd-painel a{display:block;padding:11px 22px;font:500 14px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--tinta);text-decoration:none;transition:background-color 150ms ease,color 150ms ease}
.topo nav .dd-painel a{color:var(--tinta)}
.menu-bt{display:none;width:44px;height:44px;background:none;border:1px solid rgba(247,241,231,.35);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-bt span{display:block;width:18px;height:1.5px;background:var(--creme);transition:transform 200ms var(--ease-out),opacity 150ms ease}
.topo nav.aberto .menu-bt span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.topo nav.aberto .menu-bt span:nth-child(2){opacity:0}
.topo nav.aberto .menu-bt span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (max-width:1060px) and (min-width:901px){.menu-itens{gap:20px}.topo nav{gap:20px}.dd-bt,.topo nav a.nav-txt{letter-spacing:.12em}}
@media (max-width:900px){
  .topo nav{gap:10px}
  .topo nav .nav-txt{display:inline-flex}
  .menu-bt{display:inline-flex}
  .menu-itens{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--vinho);flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gutter) 40px;overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 180ms ease,transform 220ms var(--ease-out),visibility 0s linear 220ms}
  .topo nav.aberto .menu-itens{opacity:1;visibility:visible;transform:none;transition:opacity 180ms ease,transform 220ms var(--ease-out),visibility 0s}
  .menu-itens>a,.dd-bt{width:100%;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(201,166,107,.22);font-size:12.5px;min-height:56px}
  .dd-painel{position:static;min-width:0;box-shadow:none;border-top:0;background:transparent;padding:4px 0 10px;transform:none;display:none;opacity:1;visibility:visible;pointer-events:auto;transition:none}
  .dd-painel::before{display:none}
  .dd.aberto .dd-painel{display:block}
  .topo nav .dd-painel a{color:rgba(247,241,231,.85);padding:12px 0 12px 14px;font-size:15px}
}
@media (max-width:420px){.topo .btn{padding:10px 12px}}
@media (prefers-reduced-motion:reduce){.dd-painel,.menu-itens{transform:none!important}}
.topo{backdrop-filter:none;-webkit-backdrop-filter:none}

/* ---------- Títulos em negrito, centralizados e mais largos (out/2026) ---------- */
.topo{z-index:60}
.topo nav .dd-painel a{font:500 14px/1.35 var(--sans);letter-spacing:0;text-transform:none}
@media (max-width:900px){.topo nav .dd-painel a{font-size:15px}}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
h1 em,h2 em,h3 em{font-weight:600}
h1{font-size:clamp(42px,6.4vw,76px)}
h2{font-size:clamp(34px,4.6vw,56px);text-wrap:balance}
h3{text-wrap:balance}
body{font-size:17px}
.lead{font-size:clamp(17px,1.7vw,19.5px)}
.cab{max-width:1040px;margin-left:auto;margin-right:auto;text-align:center}
.cab .lead{margin-left:auto;margin-right:auto;max-width:720px}
.cab .fio{margin-left:auto;margin-right:auto}
.blog-topo{flex-direction:column;align-items:center;text-align:center}
.dores-fim{justify-content:center;text-align:center}
.passos-cta{justify-content:center}
.servico h3,.vantagem h3,.processo h3{font-weight:600}
.depo blockquote{font-weight:500}
.stat b{font-weight:600}

/* ---------- Texto dourado metálico (out/2026) ---------- */
:root{--ouro:linear-gradient(100deg,#A9783D 0%,#E6C98C 22%,#C9A66B 40%,#F4E0AA 58%,#B8894A 78%,#E2C385 100%)}
.hero-vinho h1 em,.sec-vinho h2 em,.sec-tinta h2 em,.sec-vinho h3 em,.sec-tinta h3 em,
.hero-vinho .eyebrow,.sec-vinho .eyebrow,.sec-tinta .eyebrow,
.stat b,.numero b,.case .dados b,.processo .n,.rodape h4{
  background:var(--ouro);background-size:220% 100%;background-position:0% 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  animation:ouro-brilho 9s ease-in-out infinite alternate}
.sobre .stat b{background:none;-webkit-text-fill-color:currentColor;color:var(--vinho);animation:none}
@keyframes ouro-brilho{to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.hero-vinho h1 em,.sec-vinho h2 em,.sec-tinta h2 em,.sec-vinho h3 em,.sec-tinta h3 em,.hero-vinho .eyebrow,.sec-vinho .eyebrow,.sec-tinta .eyebrow,.stat b,.numero b,.case .dados b,.processo .n,.rodape h4{animation:none}}

/* ---------- Cartões de serviço em vinho e telefone no contato (out/2026) ---------- */
.sec .servicos .servico,.sec:not(.sec-areia) .servico{background:radial-gradient(ellipse 70% 50% at 100% 0%,rgba(200,110,60,.16),rgba(200,110,60,0) 100%),var(--vinho);color:var(--creme);border-top:2px solid var(--dourado)}
.sec .servicos .servico h3{color:var(--creme)}
.sec .servicos .servico p{color:rgba(247,241,231,.82)}
.sec .servicos .servico-rot{color:var(--dourado)!important}
.sec .servicos .servico-mais{border-top-color:rgba(201,166,107,.4)}
.sec .servicos .servico-mais summary{color:var(--creme)}
.sec .servicos .servico-mais summary::after{color:var(--dourado)}
.sec .servicos .servico-mais div p{color:rgba(247,241,231,.82)}
.sec .servicos .servico .link-seta{color:var(--creme);border-bottom-color:var(--dourado)}
@media (hover:hover) and (pointer:fine){.sec .servicos .servico-mais summary:hover,.sec .servicos .servico .link-seta:hover{color:var(--dourado)}}
.contato-tel{margin:20px 0 0!important;font-size:15px;color:rgba(247,241,231,.8)}
.contato-tel a{color:var(--creme);font-weight:600;text-decoration:none;border-bottom:1px solid var(--dourado)}

/* ---------- Páginas institucionais: quem somos, soluções, vagas, contato (out/2026) ---------- */
.btn-linha-vinho{border-color:var(--vinho);color:var(--vinho);background:transparent}
.btn-linha-vinho:hover{background:var(--vinho);color:var(--creme)}
.hero-pagina{padding:clamp(56px,8vw,112px) 0 clamp(56px,7vw,96px)}
.hero-pagina .lead{max-width:640px}
.hero-pagina .foto-moldura{max-width:420px;margin-left:auto}
.hero-pagina .foto-moldura figcaption{background:var(--creme);color:var(--tinta)}
.missao h2{max-width:980px;margin:0 auto;font-size:clamp(30px,4vw,50px);line-height:1.15}
.servico-link{text-decoration:none;color:inherit;transition:transform 200ms var(--ease-out),box-shadow 200ms var(--ease-out)}
.servico-link .link-seta{margin-top:auto}
.servico-link>p:not(.servico-rot){margin-bottom:28px}
@media (hover:hover) and (pointer:fine){.servico-link:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(43,36,30,.6)}.servico-link:hover .link-seta{color:var(--dourado)}}
.servico-pagina{margin:6px 0 4px!important}
.servico-pagina a{font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dourado);text-decoration:none;border-bottom:1px solid currentColor}
/* página de cada solução */
.solucao{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,88px);align-items:start}
.solucao-txt p{color:var(--tinta-suave);font-size:17px;max-width:600px}
.solucao-lista{background:var(--vinho);color:var(--creme);padding:clamp(28px,4vw,48px);border-top:2px solid var(--dourado);background-image:radial-gradient(ellipse 70% 50% at 100% 0%,rgba(200,110,60,.16),rgba(200,110,60,0) 100%)}
.solucao-lista h3{color:var(--creme);margin:0 0 20px;font-size:clamp(24px,2.4vw,30px)}
.solucao-lista ul{list-style:none;margin:0 0 32px;padding:0}
.solucao-lista li{position:relative;padding:14px 0 14px 26px;border-top:1px solid rgba(201,166,107,.3);font-size:15px;line-height:1.6;color:rgba(247,241,231,.88)}
.solucao-lista li::before{content:"";position:absolute;left:2px;top:23px;width:7px;height:7px;background:var(--dourado);transform:rotate(45deg)}
.solucao-lista .btn-vinho{background:var(--creme);color:var(--vinho)}
.solucao-lista .btn-vinho:hover{background:#fff}
@media (max-width:900px){.solucao{grid-template-columns:1fr}}
/* clientes */
.clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--areia-escura);border:1px solid var(--areia-escura);margin-top:32px}
.cliente{background:var(--creme);padding:22px 22px 20px;text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;gap:6px;min-height:104px;transition:background 200ms ease}
.cliente b{font:600 19px/1.2 var(--serif)}
.cliente small{font:600 10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dourado-texto);margin-top:auto}
.cliente[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.cliente:hover{background:#fff}.cliente:hover b{color:var(--vinho)}}
/* vagas */
.vagas-filtros{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}
.vagas-filtros label{display:flex;flex-direction:column;gap:6px;font:600 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-suave)}
.vagas-filtros select{min-width:200px;min-height:46px;padding:10px 12px;border:1px solid var(--areia-escura);background:#fff;font:500 15px/1.3 var(--sans);color:var(--tinta);border-radius:2px;text-transform:none;letter-spacing:0}
.vagas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.vagas-estado{grid-column:1/-1;color:var(--tinta-suave)}
.vaga{background:var(--creme);border:1px solid var(--linha);border-top:2px solid var(--vinho);padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px}
.vaga h3{margin:0;font-size:24px;line-height:1.2}
.vaga .vaga-local{font:600 10.5px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dourado-texto);margin:0}
.vaga .vaga-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.vaga .vaga-tags li{font:500 12.5px/1 var(--sans);padding:7px 10px;background:var(--areia);color:var(--tinta)}
.vaga .vaga-sal{margin:0;font-size:14px;color:var(--tinta-suave)}
.vaga .vaga-rodape{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px}
.vaga .vaga-rodape small{font-size:12.5px;color:var(--tinta-suave)}
.vagas-erro{background:var(--areia);padding:clamp(28px,4vw,44px);text-align:center}
.vagas-erro h3{margin:0 0 8px}
.vagas-erro p{color:var(--tinta-suave);margin:0 0 22px}
.vagas-dicas{background:rgba(247,241,231,.05);border:1px solid rgba(201,166,107,.35);padding:clamp(26px,3vw,40px)}
.vagas-dicas h3{color:var(--creme);margin:0 0 16px}
.vagas-dicas ol{margin:0;padding:0;list-style:none;counter-reset:d}
.vagas-dicas li{counter-increment:d;padding:16px 0 16px 48px;position:relative;border-top:1px solid rgba(201,166,107,.25);color:rgba(247,241,231,.8);font-size:15px}
.vagas-dicas li::before{content:"0" counter(d);position:absolute;left:0;top:14px;font:400 26px/1 var(--serif);color:var(--dourado)}
.vagas-dicas li b{display:block;color:var(--creme);font-weight:600;margin-bottom:2px}
/* contato */
.caminhos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.caminho{background:var(--areia);padding:clamp(28px,4vw,52px);display:flex;flex-direction:column}
.caminho h2{font-size:clamp(28px,3vw,40px);margin:0 0 16px}
.caminho p:not(.eyebrow){color:var(--tinta-suave);margin:0 0 24px;max-width:460px}
.caminho .hero-ctas{margin-top:auto}
.caminho-vinho{background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(200,110,60,.2),rgba(200,110,60,0) 100%),var(--vinho);color:var(--creme)}
.caminho-vinho h2{color:var(--creme)}
.caminho-vinho h2 em{background:var(--ouro);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:ouro-brilho 9s ease-in-out infinite alternate}
.caminho-vinho p:not(.eyebrow){color:rgba(247,241,231,.82)}
.caminho-vinho .btn-linha{border-color:var(--creme);color:var(--creme)}
.caminho-vinho .btn-linha:hover{background:var(--creme);color:var(--vinho)}
.unidades{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:40px}
.unidade{background:var(--creme);padding:28px}
.unidade address{font-style:normal;color:var(--tinta-suave);font-size:15px;margin:0 0 14px}
.unidade .tel{display:inline-block;font:600 24px/1.2 var(--serif);color:var(--vinho);text-decoration:none;margin-bottom:12px}
.unidade p:not(.eyebrow){color:var(--tinta-suave);font-size:14.5px;margin:0}
.unidade-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:6px}
@media (max-width:900px){.caminhos,.unidades{grid-template-columns:1fr}}

/* ---------- Seções iguais às do site atual (out/2026) ---------- */
.historia{margin-top:0;align-items:start}
.historia-txt p{font-size:17px;color:var(--tinta-suave);margin:0 0 20px;max-width:600px}
.historia .foto-moldura img{aspect-ratio:4/3;object-fit:cover}
.pilares{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pilares-3{grid-template-columns:repeat(3,1fr)}
.pilar{background:var(--creme);border:1px solid var(--linha);border-top:2px solid var(--dourado);padding:28px 24px}
.sec-areia .pilar{background:var(--creme)}
.sec:not(.sec-areia) .pilar{background:#fbf7f0}
.pilar .n{display:block;font:400 34px/1 var(--serif);color:var(--dourado-texto);margin-bottom:16px}
.pilar h3{font-size:21px;line-height:1.25;margin:0 0 10px;font-weight:600}
.pilar p{margin:0;font-size:14.5px;color:var(--tinta-suave)}
@media (max-width:960px){.pilares{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pilares,.pilares-3{grid-template-columns:1fr}}
.escritorios{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.escritorio{background:var(--creme);display:grid;grid-template-columns:200px 1fr;gap:24px;padding:20px;align-items:center}
.escritorio img{width:100%;aspect-ratio:4/5;object-fit:cover}
.escritorio address{font-style:normal;color:var(--tinta-suave);font-size:15px;margin:0 0 12px}
.escritorio .tel{display:block;font:600 24px/1.2 var(--serif);color:var(--vinho);text-decoration:none;margin-bottom:16px}
@media (max-width:900px){.escritorios{grid-template-columns:1fr}}
@media (max-width:480px){.escritorio{grid-template-columns:1fr}.escritorio img{aspect-ratio:16/10}}
.voltar{display:inline-block;margin-bottom:22px;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(247,241,231,.8);text-decoration:none}
.voltar:hover{color:var(--dourado)}
.hero-pagina .lead+.lead{margin-top:14px}
.entregas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.entregas li{position:relative;background:var(--vinho);background-image:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(200,110,60,.16),rgba(200,110,60,0) 100%);color:rgba(247,241,231,.9);padding:28px 28px 28px 52px;font-size:15.5px;line-height:1.6;border-top:2px solid var(--dourado)}
.entregas li::before{content:"";position:absolute;left:26px;top:37px;width:8px;height:8px;background:var(--dourado);transform:rotate(45deg)}
@media (max-width:760px){.entregas{grid-template-columns:1fr}}
.cta-caixa{margin-top:48px;background:var(--tinta);color:var(--creme);padding:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-caixa h2{color:var(--creme);margin:0;font-size:clamp(26px,3vw,38px)}
.cta-caixa h2 em{background:var(--ouro);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.vagas-filtros{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}
.vagas-filtros input{min-height:46px;padding:10px 12px;border:1px solid var(--areia-escura);background:#fff;font:500 15px/1.3 var(--sans);color:var(--tinta);border-radius:2px;text-transform:none;letter-spacing:0;width:100%}
.vagas-filtros select{min-width:0;width:100%}
@media (max-width:860px){.vagas-filtros{grid-template-columns:1fr 1fr}.vagas-busca{grid-column:1/-1}}
.banco{margin-top:clamp(48px,6vw,80px);background:var(--areia);padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px)}
.banco h2{margin:0 0 14px}
.banco p{color:var(--tinta-suave);margin:0}
.banco-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.banco-form .campo:nth-child(3){grid-column:1/-1}
.banco-lgpd{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tinta-suave);margin:4px 0 20px}
.banco-lgpd input{margin-top:3px;accent-color:var(--vinho)}
.banco-form .btn{grid-column:1/-1;justify-self:start}
.banco-ok{grid-column:1/-1;margin-top:14px!important;font-size:14px;color:var(--vinho)!important}
@media (max-width:860px){.banco,.banco-form{grid-template-columns:1fr}}
.caminho-duvida{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--creme);text-decoration:none}
.caminho-duvida svg{width:16px;height:16px}
.caminho-duvida:hover{color:var(--dourado)}
.foto-moldura img{object-position:50% 20%}
.depo-nav button{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid rgba(201,166,107,.6);color:var(--dourado);font-size:17px;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 160ms var(--ease-out)}
.sec-tinta .depo-nav button{border-color:rgba(201,166,107,.6)}
@media (hover:hover) and (pointer:fine){.depo-nav button:hover{background:var(--dourado);border-color:var(--dourado);color:var(--tinta)}}
.depo-nav .depo-cont{color:rgba(247,241,231,.75)}