/* Fontes locais. Baixadas do Google Fonts e servidas deste domínio,
   porque a política de segurança de conteúdo do host é default-src 'self'
   e bloqueia qualquer recurso externo. Subconjuntos latin e latin-ext. */

/* Bodoni Moda 500 700 normal latin-ext */
@font-face{
  font-family:'Bodoni Moda';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('/oju/fontes/bodoni-moda-500-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Bodoni Moda 500 700 normal latin */
@font-face{
  font-family:'Bodoni Moda';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('/oju/fontes/bodoni-moda-500-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Cormorant Garamond 400 italic latin-ext */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url('/oju/fontes/cormorant-garamond-400-italico-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Cormorant Garamond 400 italic latin */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url('/oju/fontes/cormorant-garamond-400-italico-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Cormorant Garamond 400 normal latin-ext */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/oju/fontes/cormorant-garamond-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Cormorant Garamond 400 normal latin */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/oju/fontes/cormorant-garamond-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Jost 300 600 normal latin-ext */
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url('/oju/fontes/jost-300-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Jost 300 600 normal latin */
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url('/oju/fontes/jost-300-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --noite:#0B1322;--noite2:#101B30;--creme:#F3EBDD;--ouro:#C89B3C;--terra:#B4522E;
  --c95:rgba(243,235,221,.95);--c60:rgba(243,235,221,.60);--c42:rgba(243,235,221,.42);
  --c28:rgba(243,235,221,.28);--c12:rgba(243,235,221,.12);--c06:rgba(243,235,221,.06);
  --ease:cubic-bezier(.25,.46,.45,.94);--cine:cubic-bezier(.22,1,.36,1);
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--noite)}
body{background:var(--noite);color:var(--c60);font-family:"Jost",system-ui,sans-serif;
  font-weight:300;font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--ouro);color:var(--noite)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:4px}
.pula{position:absolute;left:-9999px}
.pula:focus{left:var(--pad);top:14px;z-index:200;background:var(--creme);color:var(--noite);padding:10px 18px;font-size:12px}
.grao{position:relative}
.grao::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{max-width:1440px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

.kicker{font-size:10px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:rgba(200,155,60,.8)}
.titulo{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:700;text-transform:uppercase;
  color:var(--c95);font-size:clamp(40px,6.4vw,96px);line-height:1;letter-spacing:.01em}
.sub{font-family:"Bodoni Moda",Didot,serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c95)}
.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}
.link-sub{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;
  color:var(--c95);padding-bottom:8px;border-bottom:1px solid var(--c28);
  transition:border-color .4s var(--ease),color .4s var(--ease)}
.link-sub:hover,.link-sub:focus-visible{border-color:var(--ouro);color:var(--ouro)}

.topo{position:absolute;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;
  padding:44px var(--pad) 0;pointer-events:none}
.topo a{pointer-events:auto}
.marca{display:flex;align-items:center;gap:14px}
.marca img{width:46px}
.marca span{font-size:13px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--c95)}
.menu-vert{display:flex;flex-direction:column;gap:10px;align-items:flex-start;pointer-events:auto}
.menu-vert a{font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--c42);
  transition:color .35s var(--ease);position:relative;padding:4px 0 4px 22px}
.menu-vert a:hover,.menu-vert a:focus-visible{color:var(--c95)}
.menu-vert a[aria-current="page"]{color:var(--c95);font-weight:500}
.menu-vert a[aria-current="page"]::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:var(--creme);box-shadow:0 0 8px rgba(243,235,221,.8)}

#lente{position:fixed;top:0;left:0;width:72px;height:72px;margin:-36px 0 0 -36px;border:1px solid var(--creme);
  border-radius:50%;pointer-events:none;z-index:150;mix-blend-mode:difference;transform:scale(0);
  display:flex;align-items:center;justify-content:center;font-size:8px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--creme)}
@media (hover:none),(pointer:coarse){#lente{display:none}}

.hero{position:relative;height:100svh;min-height:600px;overflow:hidden}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.hero .slide.ativo{opacity:1}
.hero .slide img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.08)}
.hero .slide.ativo img{transform:scale(1);transition:transform 7s var(--cine)}
.hero::before{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(to bottom,rgba(11,19,34,.62),rgba(11,19,34,.18) 40%,rgba(11,19,34,.8))}
.hero-centro{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:80px var(--pad)}
.hero-nome{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:500;text-transform:uppercase;
  color:var(--c95);font-size:clamp(30px,5.2vw,74px);letter-spacing:.2em;line-height:1.15;text-indent:.2em;
  text-shadow:0 4px 60px rgba(0,0,0,.5);max-width:14ch}
.hero-sub{margin-top:22px;font-size:10px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--c60)}
.hero-link{margin-top:32px}
.hero-num{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);z-index:6;
  display:flex;flex-direction:column;gap:16px}
.hero-num button{background:none;border:0;cursor:pointer;font-family:inherit;font-size:11px;
  letter-spacing:.2em;color:var(--c28);transition:color .4s ease;display:flex;align-items:center;gap:10px}
.hero-num button[aria-selected="true"]{color:var(--c95)}
.hero-num button[aria-selected="true"]::after{content:"";width:1px;height:24px;background:var(--creme)}
.rolar{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:6;
  font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--c28);animation:pulsa 2.4s infinite}
@keyframes pulsa{0%,100%{opacity:.35}50%{opacity:.9}}

.cabeca{padding-top:clamp(140px,20vh,210px);padding-bottom:clamp(46px,6vw,80px)}
.cabeca .kicker{display:block;margin-bottom:24px}
.cabeca p.desc{margin-top:28px;max-width:56ch;color:var(--c42)}

.bloco{padding:clamp(76px,10vw,140px) 0;border-top:1px solid var(--c06)}
.frase{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(24px,3.2vw,42px);line-height:1.28;color:var(--c95);max-width:22ch}
.frase span{color:var(--ouro)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,96px);align-items:center}
.duas.topo-alinhado{align-items:start}
.topo-secao{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}

/* quem está por trás */
.sobre-img{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--noite2);
  display:flex;align-items:center;justify-content:center;border:1px solid var(--c06)}
.sobre-img img{width:100%;height:100%;object-fit:cover}
.sobre-img .vazio{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--c28);text-align:center;padding:20px}
.sobre h2{margin:22px 0 26px;font-family:"Bodoni Moda",Didot,serif;font-weight:600;
  font-size:clamp(24px,2.9vw,40px);line-height:1.2;color:var(--c95)}
.sobre p+p{margin-top:20px}

/* registros em destaque */
.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.2vw,30px);margin-top:clamp(38px,5vw,66px)}
.cartao{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--noite2)}
.cartao img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--cine),filter .7s var(--ease)}
.cartao a{position:absolute;inset:0;z-index:4}
.cartao figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:3;opacity:0;transform:translateY(12px);
  transition:opacity .5s ease,transform .55s var(--cine)}
.cartao figcaption b{display:block;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--creme)}
.cartao figcaption small{display:block;margin-top:6px;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--c42)}
.cartao::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(to top,rgba(11,19,34,.86),transparent 55%);opacity:0;transition:opacity .5s ease}
.cartao:hover img,.cartao:focus-within img{transform:scale(1.05);filter:brightness(.6)}
.cartao:hover::after,.cartao:focus-within::after,
.cartao:hover figcaption,.cartao:focus-within figcaption{opacity:1}
.cartao:hover figcaption,.cartao:focus-within figcaption{transform:translateY(0)}

/* números da cobertura */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--c06);margin-top:clamp(38px,5vw,64px)}
.numero{background:var(--noite);padding:clamp(24px,3vw,38px) clamp(18px,2vw,28px)}
.numero b{display:block;font-family:"Bodoni Moda",Didot,serif;font-weight:600;font-size:clamp(24px,2.6vw,34px);
  color:var(--c95);line-height:1.1;letter-spacing:.01em}
.numero span{display:block;margin-top:12px;font-size:13px;color:var(--c42);line-height:1.7}
.rodape-nota{margin-top:26px;font-size:13px;color:var(--c28);max-width:64ch}

/* registros: colunas */
.colunas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,30px);align-items:start;
  padding-bottom:clamp(76px,10vw,140px)}
.coluna{display:flex;flex-direction:column;gap:clamp(16px,2.2vw,30px)}
.coluna:nth-child(2){margin-top:clamp(50px,7vw,110px)}
.coluna:nth-child(3){margin-top:clamp(100px,13vw,200px)}
.obra .moldura{overflow:hidden;background:var(--noite2)}
.obra img{width:100%;transition:transform 1.1s var(--cine)}
.obra:hover img{transform:scale(1.04)}
.obra figcaption{margin-top:12px;font-size:9px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--c28)}

/* processo, entrega, respeito */
.manif{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,96px)}
.corpo p+p{margin-top:22px}
.corpo strong{color:var(--c95);font-weight:400}
.assina{margin-top:38px;display:flex;align-items:center;gap:16px;font-size:10px;font-weight:500;
  letter-spacing:.3em;text-transform:uppercase;color:var(--c42)}
.assina::before{content:"";width:44px;height:1px;background:var(--ouro)}
.passos{border-top:1px solid var(--c06);margin-top:clamp(36px,5vw,64px)}
.passo{display:grid;grid-template-columns:88px 1fr 1.2fr;gap:clamp(18px,4vw,54px);
  padding:clamp(26px,3.4vw,42px) 0;border-bottom:1px solid var(--c06);align-items:baseline}
.passo .num{font-family:"Cormorant Garamond",serif;font-size:40px;color:var(--ouro);line-height:1}
.passo h3{font-family:"Bodoni Moda",Didot,serif;font-size:18px;font-weight:600;text-transform:uppercase;
  letter-spacing:.04em;color:var(--c95)}
.passo p{font-size:14.5px;max-width:52ch}
.itens{list-style:none;border-top:1px solid var(--c06)}
.itens li{display:grid;grid-template-columns:24px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--c06)}
.itens svg{color:var(--ouro);margin-top:5px}
.itens .rot{display:block;font-size:16px;font-weight:400;color:var(--c95)}
.itens .det{display:block;font-size:13.5px;color:var(--c42);margin-top:3px}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c06);margin-top:clamp(36px,5vw,64px)}
.celula{background:var(--noite);padding:clamp(24px,3vw,40px);transition:background .5s ease}
.celula:hover{background:var(--noite2)}
.celula h3{font-family:"Bodoni Moda",Didot,serif;font-size:17px;font-weight:600;text-transform:uppercase;
  letter-spacing:.04em;color:var(--c95);margin-bottom:12px}
.celula p{font-size:14px}

/* FAQ */
.faq{margin-top:clamp(36px,5vw,60px);border-top:1px solid var(--c06);max-width:900px}
.faq details{border-bottom:1px solid var(--c06)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-size:16px;color:var(--c95);transition:color .35s ease}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--ouro)}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:1px;background:var(--c42)}
.faq summary::before{content:"";position:absolute;right:11px;top:50%;width:1px;height:11px;
  background:var(--c42);transform:translateY(-50%);transition:opacity .3s ease}
.faq details[open] summary::before{opacity:0}
.faq .resposta{padding:0 60px 24px 0;font-size:14.5px;max-width:66ch}

/* depoimentos (estrutura pronta, sem conteúdo inventado) */
.depoimentos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,60px);margin-top:clamp(38px,5vw,64px)}
.depo blockquote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:21px;line-height:1.5;color:var(--c95)}
.depo figcaption{margin-top:18px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--c28)}

/* páginas centradas */
.central{min-height:100svh;display:flex;flex-direction:column;justify-content:center;text-align:center;
  padding:clamp(140px,20vh,190px) var(--pad) clamp(80px,12vh,120px)}
.central .titulo{font-size:clamp(30px,4.4vw,62px);letter-spacing:.06em;line-height:1.22;max-width:20ch;margin:0 auto}
.central .sep{width:110px;height:1px;background:var(--c12);margin:clamp(34px,5vw,58px) auto}
.colunas-contato{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:820px;margin:0 auto;width:100%}
.cont{padding:30px 20px;border-top:1px solid var(--c06);border-bottom:1px solid var(--c06);
  display:flex;flex-direction:column;align-items:center;gap:10px;transition:background .5s ease}
.cont:hover,.cont:focus-visible{background:var(--noite2)}
.cont svg{color:var(--c42)}
.cont .rot{font-size:9px;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--c28)}
.cont .val{font-size:17px;font-weight:500;color:var(--c95)}
.lista-envio{list-style:none;max-width:520px;margin:clamp(38px,5vw,60px) auto 0;text-align:left}
.lista-envio li{padding:11px 0;border-bottom:1px solid var(--c06);font-size:14px;color:var(--c42);
  display:flex;align-items:center;gap:14px}
.lista-envio li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ouro);flex:none}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:14px;height:58px;padding:0 38px;
  border:1px solid var(--c28);font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;
  color:var(--c95);position:relative;overflow:hidden;transition:color .4s ease,border-color .4s ease}
.botao::before{content:"";position:absolute;inset:0;background:var(--creme);transform:translateY(101%);
  transition:transform .55s var(--cine)}
.botao span{position:relative;z-index:2}
.botao:hover,.botao:focus-visible{color:var(--noite);border-color:var(--creme)}
.botao:hover::before,.botao:focus-visible::before{transform:translateY(0)}

footer{padding:56px var(--pad);border-top:1px solid var(--c06);display:flex;flex-wrap:wrap;
  justify-content:space-between;align-items:center;gap:18px}
footer p,footer a{font-size:9px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--c28)}
footer a{transition:color .35s ease}
footer a:hover,footer a:focus-visible{color:var(--c95)}
footer .fl{display:flex;gap:26px}

.sobe{opacity:0;transform:translateY(30px)}
@media (prefers-reduced-motion:reduce){
  .sobe{opacity:1!important;transform:none!important}
  *{animation:none!important;transition-duration:.01ms!important}
  #lente{display:none}
}
@media (max-width:1000px){
  .duas,.manif,.sobre-grid{grid-template-columns:1fr}
  .cartoes,.tres,.depoimentos{grid-template-columns:1fr}
  .numeros{grid-template-columns:repeat(2,1fr)}
  .colunas{grid-template-columns:repeat(2,1fr)}
  .coluna:nth-child(3){display:none}
  .passo{grid-template-columns:56px 1fr;row-gap:8px}
  .passo p{grid-column:2}
  .colunas-contato{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:15px}
  .topo{padding-top:26px}
  .marca span{display:none}
  .marca img{width:40px}
  .menu-vert{gap:6px}
  .menu-vert a{font-size:11px;padding-left:18px}
  .hero-num{display:none}
  .hero-nome{font-size:clamp(26px,7.4vw,38px);max-width:11ch}
  .colunas{grid-template-columns:1fr}
  .coluna:nth-child(2){margin-top:0}
  .numeros{grid-template-columns:1fr}
  .faq summary{font-size:15px;padding-right:34px}
  .faq .resposta{padding-right:20px}
  .botao{width:100%}
}


/* ============================================================
   UTILITÁRIAS DE ESPAÇO E TAMANHO
   ============================================================
   Estas classes substituem os atributos style="" que existiam
   no HTML. A política de segurança de conteúdo do host é
   default-src 'self', que bloqueia estilo inline, então o
   ajuste pontual precisa morar aqui.

   O seletor vem dobrado de propósito, por exemplo .mt-24.mt-24.
   Um atributo style="" ganhava de qualquer regra deste arquivo.
   Uma classe simples perderia para regras como .central .titulo
   ou .sobre h2. Dobrar o nome iguala a especificidade dessas
   regras e, por vir no fim do arquivo, ganha no desempate. O
   resultado renderizado é idêntico ao que o style="" produzia.

   Para uma página nova, prefira criar uma classe com nome de
   significado a empilhar utilitárias.
   ============================================================ */

.mt-20.mt-20{margin-top:20px}
.mt-24.mt-24{margin-top:24px}
.mt-26.mt-26{margin-top:26px}
.mt-30.mt-30{margin-top:30px}
.mt-32.mt-32{margin-top:32px}
.mt-34.mt-34{margin-top:34px}
.mt-44.mt-44{margin-top:44px}
.mt-folga.mt-folga{margin-top:clamp(40px,6vw,70px)}

.pb-folga.pb-folga{padding-bottom:clamp(66px,9vw,120px)}

.larg-56-centro.larg-56-centro{max-width:56ch;margin:0 auto}
.larg-58.larg-58{max-width:58ch}
.larg-60.larg-60{max-width:60ch}

.tam-hero.tam-hero{font-size:clamp(30px,4.2vw,62px)}
.tam-secao.tam-secao{font-size:clamp(28px,3.6vw,52px)}
.tam-secao-p.tam-secao-p{font-size:clamp(26px,3.4vw,46px)}

/* ============================================================
   LENIS
   ============================================================
   Estilos recomendados pela própria biblioteca de rolagem suave.
   Sem eles a rolagem briga com a do navegador.
   ============================================================ */

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}