/* ============================================================ fontes */
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cinzel';src:url('../fonts/cinzel.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* ============================================================ tokens */
:root{
  --cafe:#4B2E25;
  --cafe-esc:#3A231C;
  --bronze:#8B5E3C;
  --bronze-cl:#B07C51;
  --bronze-txt:#7A4A26;
  --bege:#F3ECE4;
  --off:#FAF8F5;
  --grafite:#2D2D2D;
  --texto:#4A4038;
  --texto-cl:#6E6156;
  --linha:rgba(75,46,37,.14);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --display:'Cinzel',Georgia,serif;
  --sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --raio:14px;
  --sombra:0 18px 46px rgba(75,46,37,.10);
  --topo-h:80px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--topo-h);-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--off);color:var(--texto);
  font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:400;letter-spacing:.005em}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
em{font-style:italic}

.wrap{width:min(1160px,100% - 40px);margin-inline:auto}
.wrap--estreito{width:min(780px,100% - 40px)}

.skip{position:absolute;left:-9999px;top:0;background:var(--cafe);color:#fff;padding:12px 18px;z-index:200}
.skip:focus{left:12px;top:12px}

/* ============================================================ topo */
.topo{
  position:sticky;top:0;z-index:90;
  background:rgba(250,248,245,.92);backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--linha);
}
.topo__in{display:flex;align-items:center;gap:18px;height:var(--topo-h)}
.topo__marca img{width:auto;height:50px;object-fit:contain}
.nav{margin-left:auto;display:flex;gap:26px}
.nav a{
  font-size:13.2px;font-weight:400;letter-spacing:.02em;color:var(--texto-cl);
  padding:6px 0;position:relative;transition:color .18s;
}
.nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--bronze);transition:right .25s ease;
}
.nav a:hover{color:var(--cafe)}
.nav a:hover::after{right:0}

.hamb{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.hamb span{display:block;width:24px;height:1.6px;background:var(--cafe);margin:5px 0;transition:transform .28s,opacity .2s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}

/* ============================================================ botões */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  background:var(--cafe);color:var(--off);
  font-family:var(--sans);font-size:13.4px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;
  padding:16px 30px;border-radius:60px;border:1px solid var(--cafe);
  transition:background .22s,transform .22s,box-shadow .22s;
  box-shadow:0 10px 26px rgba(75,46,37,.22);text-align:center;line-height:1.3;
}
.btn:hover{background:var(--bronze);border-color:var(--bronze);transform:translateY(-2px)}
.btn--peq{padding:11px 20px;font-size:11.8px;letter-spacing:.06em;box-shadow:none}
.btn--claro{background:var(--bege);color:var(--cafe);border-color:var(--bege)}
.btn--claro:hover{background:#fff;border-color:#fff;color:var(--cafe)}
.ic-wa{width:19px;height:19px;fill:currentColor;flex:none}

.link-forte{
  display:inline-flex;align-items:center;gap:8px;margin-top:6px;
  font-size:13.6px;font-weight:500;letter-spacing:.03em;color:var(--bronze-txt);
  border-bottom:1px solid rgba(122,74,38,.45);padding-bottom:3px;transition:gap .2s,color .2s;
}
.link-forte:hover{gap:13px;color:var(--cafe)}

/* ============================================================ hero */
.hero{position:relative;min-height:min(92svh,780px);display:flex;align-items:center;overflow:hidden}
.hero__bg{
  position:absolute;inset:0;
  background:url('../img/hero.jpg') 60% center/cover no-repeat;
  transform:scale(1.04);animation:zoomIn 16s ease-out forwards;
}
.hero__veu{
  position:absolute;inset:0;
  background:
    linear-gradient(100deg,rgba(58,35,28,.90) 0%,rgba(58,35,28,.74) 38%,rgba(75,46,37,.32) 66%,rgba(75,46,37,.18) 100%),
    linear-gradient(180deg,rgba(58,35,28,.35) 0%,transparent 30%);
}
@keyframes zoomIn{from{transform:scale(1.10)}to{transform:scale(1)}}
.hero__in{position:relative;z-index:2;padding:96px 0 84px;max-width:660px}
.hero__eyebrow{
  display:inline-block;margin:0 0 24px;
  font-family:var(--display);font-weight:600;
  font-size:clamp(12.5px,1.55vw,15px);letter-spacing:.24em;text-transform:uppercase;
  color:#F6EADC;
  padding:11px 22px;border:1px solid rgba(176,124,81,.62);border-radius:60px;
  background:rgba(58,35,28,.34);backdrop-filter:blur(4px);
  text-shadow:0 1px 10px rgba(0,0,0,.45);
}
.hero__h1{
  font-family:var(--display);font-weight:400;
  font-size:clamp(2.6rem,7.6vw,4.5rem);line-height:1.06;letter-spacing:.02em;
  color:var(--off);margin:0 0 26px;
}
.hero__lead{
  font-family:var(--serif);font-size:clamp(1.32rem,3.4vw,1.75rem);line-height:1.45;
  color:#F0E4D8;margin:0 0 10px;font-weight:400;
}
.hero__sub{
  font-size:15.8px;color:#FBF6F0;font-weight:400;margin:0 0 34px;letter-spacing:.004em;
  text-shadow:0 1px 10px rgba(0,0,0,.5);
}
.hero__sub em{color:#F4CBA0;font-style:italic;font-weight:500}
.hero__acoes{display:flex;flex-wrap:wrap;gap:14px}
.hero__nota{
  margin-top:26px;font-size:12.6px;letter-spacing:.02em;color:rgba(243,236,228,.66);
}
.hero__nota b{font-weight:500;color:rgba(243,236,228,.92)}
.hero__nota span{white-space:nowrap}

/* ============================================================ valores */
.valores{background:var(--cafe);color:var(--bege);padding:26px 0}
.valores__in{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0}
.valor{
  flex:1 1 0;min-width:118px;display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:6px 10px;position:relative;
}
.valor+.valor::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:rgba(243,236,228,.16);
}
.valor svg{width:26px;height:26px;fill:none;stroke:var(--bronze-cl);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.valor span{font-size:11.4px;letter-spacing:.15em;text-transform:uppercase;color:rgba(243,236,228,.92);text-align:center}

/* ============================================================ seções */
.sec{padding:clamp(64px,9vw,104px) 0}
.sec--bege{background:var(--bege)}

.olho{
  font-family:var(--display);font-weight:600;font-size:11.4px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--bronze-txt);margin:0 0 16px;
}
.olho--claro{color:var(--bronze-cl)}

.cab{max-width:640px;margin:0 auto clamp(38px,5vw,56px);text-align:center}
.cab h2,.sobre__txt h2,.contato__txt h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.9rem,5vw,2.85rem);line-height:1.16;color:var(--cafe);letter-spacing:.005em;
  text-wrap:balance;
}
.cab h2 em,.sobre__txt h2 em,.contato__txt h2 em{color:#7E5230}
.cab__sub{margin-top:18px;font-size:15px;color:var(--texto-cl)}

/* ============================================================ sobre */
.sobre__in{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(34px,6vw,72px);align-items:center}
.sobre__foto{margin:0;position:relative}
.sobre__foto img{
  width:100%;border-radius:var(--raio);box-shadow:var(--sombra);
}
.sobre__foto::after{
  content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid rgba(139,94,60,.35);
  border-radius:var(--raio);z-index:-1;
}
.sobre__txt h2{margin-bottom:22px}
.sobre__txt p{font-size:15.6px}
.sobre__txt b{font-weight:500;color:var(--cafe)}

.marcas{list-style:none;margin:30px 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:26px}
.marcas li{display:flex;flex-direction:column;padding-left:15px;border-left:2px solid rgba(139,94,60,.4)}
.marcas b{font-family:var(--serif);font-size:1.42rem;font-weight:600;color:var(--cafe);line-height:1.2}
.marcas span{font-size:11.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-cl)}

/* ============================================================ cards */
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.card{
  background:var(--off);border:1px solid rgba(75,46,37,.10);border-radius:var(--raio);
  padding:34px 30px 30px;display:flex;flex-direction:column;position:relative;
  transition:transform .26s,box-shadow .26s,border-color .26s;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:rgba(139,94,60,.34)}
.card__ic{
  width:54px;height:54px;border-radius:50%;background:var(--bege);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  border:1px solid rgba(139,94,60,.22);
}
.card--b2b .card__ic{background:rgba(139,94,60,.13)}
.card__ic svg{width:26px;height:26px;fill:none;stroke:var(--bronze);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.card h3{
  font-family:var(--serif);font-size:1.5rem;line-height:1.24;
  background:var(--cafe);color:var(--bege);
  padding:14px 20px;border-radius:10px;margin:0 0 18px;
  border-left:4px solid var(--bronze-cl);
}
.card>p{font-size:14.6px;color:var(--texto-cl)}
.card ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.card li{position:relative;padding-left:22px;font-size:14.2px;line-height:1.55}
.card li::before{
  content:"";position:absolute;left:1px;top:.5em;width:5px;height:9px;
  border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);
  transform:rotate(42deg);
}
.card__cta{
  margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:7px;
  font-size:12.6px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--bronze-txt);
  transition:gap .2s,color .2s;
}
.card__cta:hover{gap:12px;color:var(--cafe)}
@media (min-width:640px){
  /* caixas dos titulos com a mesma altura, para o texto dos cards comecar alinhado */
  .card h3{display:flex;align-items:center;min-height:88px}
}
.card--b2b{background:linear-gradient(165deg,#fff 0%,var(--bege) 100%);border-color:rgba(139,94,60,.28)}
.card .card__selo{
  position:absolute;top:-14px;left:28px;margin:0;
  background:var(--cafe);color:#FBF3EA;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 17px;border-radius:40px;
  border:1px solid var(--bronze-cl);
}
@media (min-width:960px){
  .grade{grid-template-columns:repeat(3,1fr)}
  .card--b2b{
    grid-column:1/-1;display:grid;
    grid-template-columns:auto minmax(0,1.05fr) minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;
    column-gap:36px;align-items:start;padding:34px 34px 32px;
  }
  .card--b2b .card__ic{grid-column:1;grid-row:1/span 4;margin-bottom:0}
  .card.card--b2b .card__selo{position:static;grid-column:2;grid-row:1;justify-self:start;margin:0 0 12px}
  .card--b2b h3{grid-column:2;grid-row:2;margin-bottom:10px}
  .card--b2b>p{grid-column:2;grid-row:3;margin:0}
  .card--b2b .card__cta{grid-column:2;grid-row:4;padding-top:20px;align-self:end;justify-self:start}
  .card--b2b ul{
    grid-column:3;grid-row:1/span 4;margin:0;align-self:center;
    padding-left:32px;border-left:1px solid rgba(139,94,60,.24);
  }
}

/* ============================================================ frase */
.frase{
  background:var(--cafe-esc) url('../img/mesa.jpg') center 42%/cover no-repeat;
  background-blend-mode:multiply;
  padding:clamp(58px,8vw,86px) 0;text-align:center;
}
.frase__mono{display:none}
.frase p{
  font-family:var(--serif);font-size:clamp(1.4rem,4vw,2.15rem);line-height:1.4;
  color:var(--bege);max-width:760px;margin:0 auto;
}
.frase em{color:var(--bronze-cl);font-style:italic}

/* ============================================================ passos */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px 26px;counter-reset:p}
.passos li{position:relative;padding-top:8px}
.passos__n{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(139,94,60,.4);
  font-family:var(--display);font-size:15px;color:var(--bronze);margin-bottom:16px;
}
.passos h3{font-family:var(--serif);font-size:1.3rem;color:var(--cafe);margin-bottom:8px;line-height:1.25}
.passos__n{color:var(--bronze-txt)}
.passos p{font-size:14.2px;color:var(--texto-cl)}

/* ============================================================ depoimentos */
.deps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.dep{
  margin:0;background:var(--off);border:1px solid rgba(75,46,37,.10);border-radius:var(--raio);
  padding:30px 28px 26px;display:flex;flex-direction:column;position:relative;
}
.dep::before{
  content:"\201C";position:absolute;top:6px;right:22px;
  font-family:var(--serif);font-size:5.4rem;line-height:1;color:rgba(139,94,60,.16);
}
.dep__estrelas{display:flex;gap:3px;margin-bottom:14px}
.dep__estrelas svg{width:15px;height:15px;fill:var(--bronze);flex:none}
.dep blockquote{
  margin:0 0 20px;font-family:var(--serif);font-size:1.18rem;line-height:1.55;color:var(--cafe);
}
.dep figcaption{margin-top:auto;display:flex;flex-direction:column;padding-top:16px;border-top:1px solid var(--linha)}
.dep figcaption b{font-size:13.6px;font-weight:500;color:var(--cafe);letter-spacing:.02em}
.dep figcaption span{font-size:11.4px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-txt);margin-top:3px}

/* ============================================================ materiais / produtos digitais */
.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,400px));gap:22px;justify-content:center}
.prod{
  background:linear-gradient(165deg,#fff 0%,var(--bege) 100%);
  border:1px solid rgba(139,94,60,.26);border-radius:var(--raio);
  padding:34px 30px 28px;display:flex;flex-direction:column;position:relative;
  transition:transform .26s,box-shadow .26s;
}
.prod:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.prod .prod__selo{
  position:absolute;top:-14px;left:28px;
  background:var(--cafe);color:#FBF3EA;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 17px;border-radius:40px;border:1px solid var(--bronze-cl);
}
.prod__tipo{
  font-family:var(--display);font-weight:600;font-size:10.8px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--bronze-txt);margin:0 0 10px;
}
.prod h3{font-family:var(--serif);font-size:1.55rem;line-height:1.2;color:var(--cafe);margin-bottom:12px}
.prod__resumo{font-size:14.4px;color:var(--texto-cl)}
.prod__itens{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.prod__itens li{position:relative;padding-left:22px;font-size:13.8px;line-height:1.5}
.prod__itens li::before{
  content:"";position:absolute;left:1px;top:.48em;width:5px;height:9px;
  border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:rotate(42deg);
}
.prod__pe{
  margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
}
.prod__preco{font-family:var(--serif);font-size:1.7rem;font-weight:600;color:var(--cafe);line-height:1}

/* ============================================================ faq */
.faq details{
  background:var(--off);border:1px solid rgba(75,46,37,.10);border-radius:12px;
  margin-bottom:12px;overflow:hidden;transition:border-color .2s;
}
.faq details[open]{border-color:rgba(139,94,60,.34)}
.faq summary{
  list-style:none;cursor:pointer;padding:19px 52px 19px 22px;position:relative;
  font-family:var(--serif);font-size:1.2rem;color:var(--cafe);line-height:1.35;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;
  border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);
  transform:translateY(-70%) rotate(45deg);transition:transform .24s;
}
.faq details[open] summary::after{transform:translateY(-25%) rotate(-135deg)}
.faq p{padding:0 22px 20px;font-size:14.4px;color:var(--texto-cl);margin:0}
.faq b{font-weight:500;color:var(--cafe)}

/* ============================================================ contato */
.contato{background:var(--cafe);color:var(--bege);position:relative;overflow:hidden}
.contato__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(30px,5vw,58px);align-items:center}
.contato__txt{padding:clamp(60px,8vw,92px) 0;align-self:center}
.contato__txt h2{color:var(--bege)}
.contato__txt h2 em{color:var(--bronze-cl)}
.contato__lead{margin-top:20px;font-size:15px;color:rgba(243,236,228,.72);max-width:460px}

.canais{list-style:none;margin:32px 0;padding:0;display:grid;gap:4px}
.canais a,.canais__estatico{
  display:flex;align-items:center;gap:15px;padding:13px 0;
  border-bottom:1px solid rgba(243,236,228,.13);transition:padding-left .22s;
}
.canais a:hover{padding-left:8px}
.canais svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--bronze-cl);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.canais span:not(.canais__estatico){display:flex;flex-direction:column;font-size:14.6px;color:var(--bege);line-height:1.45;word-break:break-word}
.canais b{font-size:10.6px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,208,178,.78)}

.contato__foto{margin:0;align-self:center;position:relative;padding:14px 0}
.contato__foto img{
  width:100%;border-radius:var(--raio);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.contato__foto::after{
  content:"";position:absolute;inset:0 -14px 0 14px;
  border:1px solid rgba(176,124,81,.5);border-radius:var(--raio);pointer-events:none;
}

/* ============================================================ artigos (blog) */
.arts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.art{
  display:flex;flex-direction:column;
  background:var(--off);border:1px solid rgba(75,46,37,.10);border-radius:var(--raio);
  padding:28px 26px 24px;transition:transform .26s,box-shadow .26s,border-color .26s;
}
.art:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:rgba(139,94,60,.34)}
.art__topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.art__area{
  background:var(--bege);color:var(--bronze-txt);
  font-size:10.2px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 11px;border-radius:40px;
}
.art time{font-size:11.6px;color:var(--texto-cl);letter-spacing:.02em}
.art h3{font-family:var(--serif);font-size:1.42rem;line-height:1.25;color:var(--cafe);margin-bottom:10px}
.art p{font-size:14.2px;color:var(--texto-cl)}
.art__go{
  margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:7px;
  font-size:12.4px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--bronze-txt);
  transition:gap .2s;
}
.art:hover .art__go{gap:12px}

/* ---- página de artigo (site/artigos/<slug>.html) ---- */
.post{padding:clamp(52px,7vw,84px) 0 clamp(60px,8vw,96px)}
.post__voltar{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;
  font-size:12.6px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--bronze-txt);
}
.post__voltar:hover{color:var(--cafe)}
.post h1{
  font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5.4vw,3rem);
  line-height:1.15;color:var(--cafe);margin:14px 0 18px;text-wrap:balance;
}
.post__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:30px}
.post__corpo{font-size:16.5px;line-height:1.85}
.post__corpo h2{
  font-family:var(--serif);font-size:1.72rem;line-height:1.25;color:var(--cafe);
  margin:38px 0 12px;
}
.post__corpo p{margin:0 0 1.15em}
.post__corpo ul,.post__corpo ol{margin:0 0 1.3em;padding-left:22px}
.post__corpo li{margin-bottom:8px}
.post__corpo b,.post__corpo strong{font-weight:500;color:var(--cafe)}
.post__corpo blockquote{
  margin:26px 0;padding:18px 22px;background:var(--bege);border-left:4px solid var(--bronze-cl);
  border-radius:0 10px 10px 0;font-family:var(--serif);font-size:1.24rem;line-height:1.5;color:var(--cafe);
}
.post__fim{
  margin-top:44px;padding:30px 28px;background:var(--cafe);color:var(--bege);border-radius:var(--raio);
  text-align:center;
}
.post__fim p{font-family:var(--serif);font-size:1.4rem;line-height:1.35;margin:0 0 20px;color:var(--bege)}

/* ============================================================ formulário */
.form{
  background:rgba(250,248,245,.07);border:1px solid rgba(243,236,228,.18);
  border-radius:var(--raio);padding:26px 24px 22px;margin-top:4px;
  backdrop-filter:blur(3px);
}
.form__tit{
  font-family:var(--serif);font-size:1.28rem;color:var(--bege);margin:0 0 18px;line-height:1.3;
}
.form__linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form__campo{display:flex;flex-direction:column;margin-bottom:14px}
.form__campo label{
  font-size:10.8px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(238,208,178,.82);margin-bottom:7px;
}
.form input,.form select,.form textarea{
  font-family:var(--sans);font-size:15px;font-weight:300;color:var(--bege);
  background:rgba(58,35,28,.42);border:1px solid rgba(243,236,228,.22);border-radius:10px;
  padding:13px 14px;width:100%;transition:border-color .2s,background .2s;
  -webkit-appearance:none;appearance:none;
}
.form textarea{resize:vertical;min-height:92px;line-height:1.55}
.form select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B07C51' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:17px;padding-right:38px;
}
.form select option{background:#3A231C;color:var(--bege)}
.form ::placeholder{color:rgba(243,236,228,.42)}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:none;border-color:var(--bronze-cl);background:rgba(58,35,28,.62);
}
.form .is-erro{border-color:#E39A7A;background:rgba(120,50,35,.4)}
.form__btn{width:100%;margin-top:6px}
.form__aviso{
  margin:14px 0 0;font-size:12.2px;line-height:1.55;color:rgba(243,236,228,.6);
}
.form__aviso a{color:var(--bronze-cl);border-bottom:1px solid rgba(176,124,81,.5)}
.form__aviso.is-erro{color:#F0B79B}
.form__aviso.is-ok{color:#A8DFB9}

/* ============================================================ rodapé */
.rodape{background:var(--cafe-esc);color:rgba(243,236,228,.72);padding:56px 0 30px;font-size:14px}
.rodape__in{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:38px;padding-bottom:34px}
.rodape__logo{width:auto;height:76px;margin-bottom:0;opacity:.95}
.rodape__col{display:flex;flex-direction:column;gap:9px}
.rodape__tit{
  font-family:var(--display);font-weight:600;font-size:10.8px;letter-spacing:.22em;text-transform:uppercase;
  color:#D19A6B;margin:0 0 6px;
}
.rodape__col a,.rodape__col span{font-size:13.6px;color:rgba(243,236,228,.72);transition:color .2s;word-break:break-word}
.rodape__col a:hover{color:var(--bege)}
.rodape__fim{
  border-top:1px solid rgba(243,236,228,.12);padding-top:22px;
  display:flex;flex-direction:column;gap:8px;
}
.rodape__fim p{font-size:12px;color:rgba(243,236,228,.48);margin:0}
.rodape__aviso{max-width:820px;line-height:1.6}

/* ============================================================ botão flutuante */
.zap{
  position:fixed;right:16px;bottom:16px;z-index:95;
  display:inline-flex;align-items:center;gap:9px;
  background:#25D366;color:#0B2E1B;padding:13px 19px 13px 15px;border-radius:60px;
  box-shadow:0 12px 30px rgba(0,0,0,.26);
  font-size:13.4px;font-weight:600;letter-spacing:.01em;
  transition:transform .22s,box-shadow .22s;
}
.zap:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.32)}
.zap svg{width:23px;height:23px;fill:#0B2E1B;flex:none}

/* ============================================================ reveal */
.rev{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.7,.3,1)}
.rev.vis{opacity:1;transform:none}

/* ============================================================ responsivo */
@media (max-width:900px){
  .sobre__in{grid-template-columns:1fr;gap:34px}
  .sobre__foto{max-width:420px;margin-inline:auto}
  .sobre__foto::after{display:none}
  .contato__in{grid-template-columns:1fr;gap:0}
  .contato__txt{padding:64px 0 46px}
  .contato__foto{order:-1;max-width:400px;margin:0 auto 6px;padding:0}
  .contato__foto::after{display:none}
  .rodape__in{grid-template-columns:1fr 1fr;gap:30px}
  .rodape__logo{grid-column:1/-1;height:64px}
}

@media (max-width:780px){
  .topo__cta{display:none}
  .hamb{display:block}
  .nav{
    position:fixed;inset:var(--topo-h) 0 auto;flex-direction:column;gap:0;
    background:var(--off);border-bottom:1px solid var(--linha);
    padding:6px 20px 20px;transform:translateY(-130%);transition:transform .3s ease;
    box-shadow:0 18px 30px rgba(75,46,37,.10);margin:0;
  }
  .nav.is-open{transform:translateY(0)}
  .nav a{padding:15px 0;font-size:15px;border-bottom:1px solid var(--linha)}
  .nav a:last-of-type{border-bottom:0}
  .nav a::after{display:none}
  .hero{min-height:0}
  .hero__in{padding:74px 0 76px}
  .hero__veu{background:linear-gradient(180deg,rgba(58,35,28,.88) 0%,rgba(58,35,28,.80) 55%,rgba(58,35,28,.90) 100%)}
  .hero__bg{background-position:center center}
  .hero__acoes .btn{width:100%;font-size:12.2px;letter-spacing:.035em;padding:17px 18px}
  .hero__sub{font-size:14px;letter-spacing:-.006em}
  .hero__eyebrow{font-size:11.6px;letter-spacing:.17em;padding:10px 16px;margin-bottom:20px}
  .valor{flex:1 1 32%;min-width:92px}
  .valor+.valor::before{display:none}
  .valor span{font-size:10.2px;letter-spacing:.1em}
  .marcas{gap:18px}
  .marcas li{flex:1 1 40%}
  .card{padding:30px 24px 26px}
  .card .card__selo{position:static;align-self:flex-start;width:max-content;max-width:100%;margin:0 0 18px;font-size:11.2px;padding:7px 15px}
  .prod{padding:32px 24px 26px}
  .prod .prod__selo{position:static;align-self:flex-start;width:max-content;max-width:100%;margin:0 0 18px;font-size:11.2px;padding:7px 15px}
  .prod__pe .btn{width:100%}
  .dep{padding:28px 24px 24px}
  .form__linha{grid-template-columns:1fr;gap:0}
  .form{padding:24px 20px 20px}
}

@media (max-width:560px){
  body{font-size:16px}
  .rodape__in{grid-template-columns:1fr}
  .zap span{display:none}
  .zap{padding:15px;right:14px;bottom:14px}
  .faq summary{font-size:1.08rem;padding:17px 46px 17px 18px}
  .faq p{padding:0 18px 18px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .hero__bg{transform:none}
}