/* Revind Blz · página inicial (teste local).
   Tudo que é novo da página inicial mora aqui, com prefixo in-.
   O cabeçalho, os botões, o rodapé, os rótulos e a rolagem com celular vêm do estilo.css.
   Cores, fontes e @font-face vêm do estilo.css (variáveis do :root). Perda e o que caiu vão em taupe (--cz), nunca em vermelho. */


:root{
  --in-ease:cubic-bezier(.19,.9,.22,1);
}

body.in-page{background:var(--creme);color:var(--tinta);font-family:var(--f)}
.in-page main{display:block}

/* ---------- topo: transparente sobre a abertura, café translúcido com desfoque ao rolar ---------- */
.in-page .topo.in-topo{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background-color .35s ease,box-shadow .35s ease}
.in-page .topo.in-topo.rolou,.in-page .topo.in-topo.aberto{background:rgba(43,30,24,.84);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px 0 rgba(243,236,225,.08)}
.in-topo .lk{color:var(--creme);font-family:var(--f)}
.in-topo .lk:hover{color:var(--arg-cl)}
.in-topo .menu-bt{border-color:rgba(243,236,225,.4)}
.in-topo .menu-bt i{background:var(--creme)}
.in-topo .marca{width:auto}
.in-topo .menu-marca{display:block;width:clamp(104px,9vw,128px);max-width:none;height:auto;color:var(--creme)}

/* botão em pílula argila, com o círculo da seta dentro */
.btn.in-btn{gap:14px;height:56px;padding:0 8px 0 28px;border-radius:999px;background:var(--argila);color:var(--creme);font-family:var(--f);font-weight:600;font-size:16px;transition:background-color .25s ease,transform .2s ease}
.btn.in-btn:hover{background:var(--arg-es)}
.btn.in-btn:active{transform:scale(.98)}
.btn.in-btn.peq{gap:10px;height:44px;padding:0 6px 0 20px;font-size:14.5px}
.in-seta{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--creme);color:var(--argila);transition:transform .3s ease}
.in-btn.peq .in-seta{width:32px;height:32px}
.in-btn:hover .in-seta{transform:translate(2px,-2px)}
.in-seta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.in-btn.peq .in-seta svg{width:15px;height:15px}

/* rótulo pequeno: caixa alta, bolinha argila antes */
.rotulo.in-rot{display:inline-flex;align-items:center;gap:10px;font-family:var(--f);font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--cz)}
.rotulo.in-rot::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--argila)}
.in-escuro .rotulo.in-rot,.in-ab .rotulo.in-rot{color:rgba(243,236,225,.82)}

/* títulos: Instrument Serif em frase normal, palavra-herói em itálico argila */
.in-h2{font-family:var(--ft);font-weight:400;font-size:clamp(34px,4.5vw,66px);line-height:1.05;letter-spacing:-.015em;color:var(--tinta);text-transform:none;margin-top:16px}
.in-h2 em,.in-tit-a em{font-style:italic;color:var(--argila)}
.in-escuro .in-h2{color:var(--creme)}
.in-escuro .in-h2 em{color:var(--arg-cl)}
.in-m{display:block;overflow:hidden;padding:.08em 0 .14em;margin:-.08em 0 -.14em}
.in-m>span{display:block}

.in-sec{padding:var(--sec-in) var(--lado) 0}
.in-antes{padding-bottom:var(--sec-in)}
.in-escuro{background:var(--tinta);color:var(--creme);padding-bottom:var(--sec-in)}
.in-cab{margin-bottom:clamp(36px,4.4vw,60px)}
.in-cab-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.in-cab-2 .in-h2{max-width:15em}
.in-cab-c{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.in-cab-seta{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.in-apoio{max-width:34em;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--cz)}

/* ---------- 2. abertura ---------- */
.in-ab{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--tinta);color:var(--creme)}
.in-ab-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.in-ab-bg picture{display:block;width:100%;height:100%}
.in-ab-foto{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 62%}
.in-ab::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(43,30,24,.8) 0%,rgba(43,30,24,0) 50%),
    linear-gradient(0deg,rgba(43,30,24,.82) 0%,rgba(43,30,24,.3) 30%,rgba(43,30,24,0) 52%),
    linear-gradient(180deg,rgba(43,30,24,.5) 0%,rgba(43,30,24,0) 22%)}
.in-ab-in{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--topo-h,72px) + 40px) var(--lado) clamp(26px,4.2vh,48px)}
.in-ab-cx{max-width:900px}
.in-tit-a{margin-top:20px;font-family:var(--ft);font-weight:400;font-size:clamp(38px,7vw,96px);font-size:clamp(38px,min(7vw,11.2svh),100px);line-height:1;letter-spacing:-.015em;color:var(--creme)}
.in-tit-a em{color:var(--arg-cl)}
.in-ln{display:block;overflow:hidden;padding:.12em 0 .12em;margin:-.12em 0 -.12em}
.in-ln>span{display:block}
.in-ab-c1{max-width:30ch;margin-top:clamp(16px,3vh,28px);font-family:var(--ft);font-size:clamp(22px,2.1vw,31px);line-height:1.22;color:var(--creme)}
.in-ab-c2{max-width:52ch;margin-top:12px;font-size:clamp(15px,1.2vw,17.5px);line-height:1.55;color:rgba(243,236,225,.84)}
.in-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:clamp(20px,3.4vh,32px)}
.in-lk-c{padding-bottom:3px;border-bottom:1px solid rgba(243,236,225,.5);font-weight:600;font-size:16px;line-height:1.2;color:var(--creme);transition:color .2s ease,border-color .2s ease}
.in-lk-c:hover{color:var(--arg-cl);border-color:var(--arg-cl)}
.in-lk-c:focus-visible{outline:2px solid var(--arg-cl);outline-offset:4px}
.in-nums3{display:flex;flex-wrap:wrap;gap:20px clamp(28px,4vw,64px);max-width:860px;margin-top:clamp(22px,4.4vh,44px);padding-top:clamp(16px,2.8vh,26px);border-top:1px solid rgba(243,236,225,.22)}
.in-nums3 strong{display:block;font-family:var(--ft);font-weight:400;font-size:clamp(30px,3.1vw,46px);line-height:1;letter-spacing:-.01em;color:var(--creme)}
.in-nums3 .l{display:block;max-width:22ch;margin-top:7px;font-size:13px;line-height:1.4;color:rgba(243,236,225,.78)}

/* faixa que anda no pé da abertura */
.in-faixa{position:relative;overflow:hidden;padding:16px 0;border-top:1px solid rgba(243,236,225,.16);background:rgba(43,30,24,.4)}
.in-faixa-trilho{display:flex;width:max-content;animation:in-anda 75s linear infinite}
.in-faixa ul{display:flex;flex:none;align-items:center}
.in-faixa li{display:flex;flex:none;align-items:center;gap:clamp(18px,2vw,30px);padding-left:clamp(18px,2vw,30px);font-family:var(--f);font-weight:600;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:rgba(243,236,225,.6)}
.in-faixa li::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--argila)}
.in-faixa:not(.in-roda) .in-faixa-trilho{animation-play-state:paused}
@keyframes in-anda{to{transform:translateX(-50%)}}
html:not(.anim) .in-faixa-trilho{width:auto;animation:none}
html:not(.anim) .in-faixa ul{flex-wrap:wrap;row-gap:12px}
html:not(.anim) .in-faixa ul[aria-hidden]{display:none}

/* ---------- 3. sem a Revind / com a Revind ---------- */
.in-pares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.in-cartao{border:1px solid var(--linha);border-radius:20px;background:var(--papel)}
.in-pares .in-cartao{padding:clamp(24px,3vw,44px)}
.in-sem{background:rgba(232,220,203,.55);color:var(--cz)}
.in-com{border-color:rgba(180,83,47,.4);box-shadow:0 36px 70px -48px rgba(154,68,35,.55)}
.in-par-t{font-family:var(--ft);font-weight:400;font-size:clamp(28px,2.6vw,38px);line-height:1.1;color:var(--tinta)}
.in-sem .in-par-t{color:var(--cz)}
.in-itens{margin-top:clamp(14px,1.6vw,22px)}
.in-itens li{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-top:1px solid var(--linha);font-size:clamp(16px,1.2vw,18px);line-height:1.4}
.in-com .in-itens li{color:var(--tinta)}
.in-ic{display:grid;place-items:center;flex:none;width:28px;height:28px;margin-top:-1px;border-radius:50%}
.in-ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.in-ic-x{background:var(--areia);color:var(--cz)}
.in-ic-ok{background:var(--argila);color:var(--creme)}

/* ---------- 4. o mapa da cliente ---------- */
.in-mapa{overflow:hidden}
.in-rede{max-width:1160px;margin:0 auto}
.in-rede-svg{display:block;width:100%;height:auto;overflow:visible}
.in-rede-svg text{font-family:var(--f);font-size:20px;font-weight:500;fill:var(--creme)}
.in-no-h{opacity:.16}
.in-no,.in-pulso{transform-box:fill-box;transform-origin:center}
.in-pulso{fill:var(--argila);opacity:0;animation:in-pulsa 2.6s ease-out infinite;animation-delay:var(--p,0s)}
.in-rede:not(.in-roda) .in-pulso{animation-play-state:paused}
.in-cl-f{fill:var(--argila)}
.in-rede-svg .in-cl{font-size:17px;font-weight:600}
@keyframes in-pulsa{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(3.6)}}
.in-rede-no,.in-rede-lista{display:none}
.in-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(20px,3vw,40px);margin-top:clamp(24px,3vw,40px);font-size:14px;color:rgba(243,236,225,.8)}
.in-leg li{display:inline-flex;align-items:center;gap:10px}
.in-leg i{display:block;width:12px;height:12px;border-radius:50%}

/* ---------- 5. o sistema por dentro (rolagem com celular fixo, do estilo.css) ---------- */
.in-rol{padding-top:var(--sec-in)}
.in-rol-t{max-width:15em;margin-top:14px}

/* ---------- 6. o método ---------- */
.in-metodo{background:var(--areia);margin-top:var(--sec-in);padding-bottom:var(--sec-in)}
.in-metodo.in-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.in-bento .in-cartao{padding:clamp(24px,2.6vw,38px)}
.in-b-larga{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.in-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--argila);color:var(--creme)}
.in-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.in-b-n{margin-top:22px;font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--cz)}
.in-bento h3{margin-top:6px;font-family:var(--ft);font-weight:400;font-size:clamp(28px,2.5vw,36px);line-height:1.08;color:var(--tinta)}
.in-bento .in-cartao p:not(.in-b-n):not(.in-b-ex-t){margin-top:12px;max-width:42ch;font-size:16px;line-height:1.55;color:var(--tx2)}
/* cartão de exemplo do diagnóstico, na linguagem v3: cartão macio, barras com trilha, um destaque, a perda em hachura */
.in-b-ex{padding:clamp(20px,2.2vw,30px);border-radius:20px;background:#FBF7F0;box-shadow:0 1px 2px rgba(43,30,24,.05),0 14px 30px -18px rgba(43,30,24,.24),0 0 0 1px rgba(221,208,189,.55)}
.in-b-ex-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:6px;font-weight:500;font-size:16px;line-height:1.3;color:var(--tinta)}
.in-ex{padding:5px 11px;border-radius:99px;box-shadow:inset 0 0 0 1px #D9CBB6;font-weight:600;font-size:10.5px;line-height:1;letter-spacing:.14em;color:var(--cz)}
.in-bar-l{margin-top:20px}
.in-bar-l p{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:15px;line-height:1.3;color:var(--tinta)}
.in-bar-l b{font-weight:600;font-variant-numeric:tabular-nums}
.in-bar-l:first-of-type b{padding:3px 11px;border-radius:99px;background:var(--tinta);color:var(--creme);font-size:13px}
.in-bar-t{height:12px;margin-top:10px;border-radius:99px;background:#F1E8DA;overflow:hidden}
.in-bar-t i{display:block;width:var(--w);height:100%;border-radius:99px;background:#CDBDA8;transform-origin:left center}
.in-bar-l:first-of-type .in-bar-t i{background:var(--argila)}
.in-bar-l.perda .in-bar-t i{background:repeating-linear-gradient(135deg,rgba(107,90,78,.75) 0 1.5px,transparent 1.5px 5px),rgba(107,90,78,.16)}

/* ---------- 7. carrossel dos detalhes ---------- */
.in-detalhes{position:relative;overflow:hidden;padding-bottom:var(--sec-in)}
.in-fundo-sim{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.in-detalhes>.in-cab,.in-detalhes>.in-carr{position:relative;z-index:1}
.in-setas{display:flex;flex:none;gap:12px}
.in-seta-b{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--argila);color:var(--creme);cursor:pointer;transition:background-color .25s ease,opacity .25s ease,transform .2s ease}
.in-seta-b:hover:not(:disabled){background:var(--arg-es)}
.in-seta-b:active:not(:disabled){transform:scale(.95)}
.in-seta-b:disabled{opacity:.3;cursor:default}
.in-seta-b:focus-visible{outline:2px solid var(--arg-es);outline-offset:3px}
.in-seta-b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.in-carr{overflow-x:auto;margin:0 calc(-1*var(--lado));padding:6px var(--lado) 26px;scroll-snap-type:x mandatory;scroll-padding:0 var(--lado);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.in-carr::-webkit-scrollbar{display:none}
.in-carr:focus-visible{outline:2px solid var(--argila);outline-offset:-2px}
/* todas as caixas com a mesma altura: a foto ocupa o que sobra e o bloco de texto tem a altura do maior texto (grade com subgrade) */
.in-carr-trilho{--w:clamp(270px,29vw,420px);--wg:clamp(300px,38vw,560px);display:grid;grid-auto-flow:column;grid-template-columns:var(--wg) repeat(3,var(--w));grid-template-rows:minmax(0,1fr) auto;gap:clamp(14px,1.8vw,24px);width:max-content;height:clamp(540px,44vw,640px)}
.in-slide{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;min-width:0;overflow:hidden;border:1px solid var(--linha);border-radius:20px;background:var(--papel);scroll-snap-align:start}
.in-slide figure{margin:0;min-height:0;overflow:hidden;background:var(--areia)}
.in-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--in-ease)}
.in-slide-g img{object-position:50% 55%}
.in-slide:hover img{transform:scale(1.035)}
.in-slide-tx{padding:clamp(18px,1.8vw,26px)}
.in-slide h3{font-family:var(--ft);font-weight:400;font-size:clamp(23px,1.95vw,28px);line-height:1.14;color:var(--tinta)}
.in-slide p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--tx2)}
@supports not (grid-template-rows:subgrid){.in-slide{display:flex;flex-direction:column}.in-slide figure{flex:1 1 auto}.in-slide-tx{flex:none}}

/* ---------- 8. cenas ---------- */
.in-cenas-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.in-cena{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:20px;background:#1B120E;--d:calc(var(--i,0)*.14s)}
.in-cena img{display:block;width:100%;height:100%;object-fit:cover}
.in-cena::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;background:linear-gradient(0deg,rgba(43,30,24,.92) 0%,rgba(43,30,24,.55) 45%,rgba(43,30,24,0) 100%)}
.in-cena figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 clamp(18px,1.8vw,26px) clamp(20px,2vw,28px);font-weight:500;font-size:clamp(15px,1.15vw,17px);line-height:1.4;color:var(--creme)}

/* ---------- 9. chamada final com formulário ---------- */
.in-cta{position:relative;isolation:isolate;overflow:hidden;margin:var(--sec-in) var(--lado) 0;border-radius:32px;background:#ECE6DC}
.in-cta-foto{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.in-cta-in{padding:clamp(36px,5.6vw,84px) clamp(22px,4.4vw,72px)}
.in-cta-col{max-width:640px}
.in-cta-t{max-width:12em;margin:14px 0 clamp(26px,3vw,40px);font-size:clamp(34px,4vw,58px)}
.in-form{padding:clamp(22px,2.6vw,36px);border:1px solid var(--linha);border-radius:20px;background:var(--papel);box-shadow:0 44px 80px -52px rgba(43,30,24,.55)}
.in-form-cab{margin-bottom:20px;font-weight:600;font-size:15px;line-height:1.35;color:var(--tinta)}
.in-form-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.in-campo label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;line-height:1.3;color:var(--cz)}
.in-campo input,.in-campo select{display:block;width:100%;height:48px;padding:0 14px;border:1px solid var(--linha);border-radius:12px;background:var(--creme);font-family:var(--f);font-weight:400;font-size:16px;color:var(--tinta)}
.in-campo input::placeholder{color:#A39485}
.in-campo input:focus,.in-campo select:focus{outline:2px solid var(--argila);outline-offset:1px;border-color:var(--argila)}
.in-form-aviso{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(180,83,47,.1);font-size:14.5px;line-height:1.45;color:var(--arg-es)}
.in-form-pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:22px}
.in-form-nota{max-width:30ch;font-size:12.5px;line-height:1.45;color:var(--cz)}
.in-form-nota a{text-decoration:underline;text-underline-offset:.2em}

/* ---------- 10. rodapé café (o site termina nele) ---------- */
.in-rod{margin-top:clamp(18px,2vw,28px);background:var(--tinta);color:var(--creme);font-family:var(--f)}
.in-rod .rod-cols{margin-top:0}
.in-rod .rod-cols h4{color:rgba(243,236,225,.55);font-family:var(--f)}
.in-rod .rod-cols a:hover{color:var(--arg-cl)}
.in-rod-marca{display:block;width:min(190px,100%);height:auto;color:var(--creme)}
.in-rod-m p{max-width:32ch;margin-top:16px;font-size:14px;line-height:1.6;color:rgba(243,236,225,.72)}
.in-rod .rod-fim{color:rgba(243,236,225,.5)}

/* ---------- animações (só com a classe .anim, que o script da página liga se não houver pedido de menos movimento) ---------- */
/* abertura */
.anim .in-ab-foto{transform:scale(1.06);filter:blur(14px)}
.anim .in-ab.in-on .in-ab-foto{transform:none;filter:blur(0);transition:transform 1.4s var(--in-ease),filter 1.4s ease}
.anim .in-ln>span{transform:translateY(112%)}
.anim .in-ab.in-on .in-ln>span{transform:none;transition:transform 1.1s var(--in-ease) calc(var(--i)*.16s + .3s)}
.anim .in-ab-fade{opacity:0;transform:translateY(16px)}
.anim .in-ab.in-on .in-ab-fade{opacity:1;transform:none;transition:opacity .9s ease var(--d,0s),transform .9s ease var(--d,0s)}
/* títulos sobem de uma máscara; cartões sobem; itens acendem; barras crescem; linhas se desenham */
.anim [data-in="titulo"] .in-m>span{transform:translateY(108%)}
.anim [data-in="titulo"].in-v .in-m>span{transform:none;transition:transform 1.1s var(--in-ease) var(--d,0s)}
.anim [data-in=""],.anim [data-in="itens"],.anim [data-in="barras"]{opacity:0;transform:translateY(32px)}
.anim [data-in=""].in-v,.anim [data-in="itens"].in-v,.anim [data-in="barras"].in-v{opacity:1;transform:none;transition:opacity .8s ease var(--d,0s),transform .95s var(--in-ease) var(--d,0s)}
.anim [data-in="itens"] .in-itens li{opacity:.2}
.anim [data-in="itens"].in-v .in-itens li{opacity:1;transition:opacity .6s ease calc(var(--i)*.45s + .5s)}
.anim [data-in="itens"] .in-ic{transform:scale(.4)}
.anim [data-in="itens"].in-v .in-ic{transform:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i)*.45s + .5s)}
.anim [data-in="barras"] .in-bar-t i{transform:scaleX(0)}
.anim [data-in="barras"].in-v .in-bar-t i{transform:none;transition:transform 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.18s + .6s)}
/* rede */
.anim [data-in="rede"] .in-lr{stroke-dasharray:1 1;stroke-dashoffset:1}
.anim [data-in="rede"].in-v .in-lr{stroke-dashoffset:0;transition:stroke-dashoffset 1s ease calc(var(--i)*.3s + .4s)}
.anim [data-in="rede"] .in-no{opacity:0;transform:scale(.3)}
.anim [data-in="rede"].in-v .in-no{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i)*.3s + 1s),transform .6s cubic-bezier(.34,1.56,.64,1) calc(var(--i)*.3s + 1s)}
.anim [data-in="rede"] .in-centro{opacity:0}
.anim [data-in="rede"].in-v .in-centro{opacity:1;transition:opacity .6s ease}
/* carrossel */
.anim [data-in="carr"] .in-slide{opacity:0;transform:translateY(40px)}
.anim [data-in="carr"].in-v .in-slide{opacity:1;transform:none;transition:opacity .8s ease calc(var(--i)*.14s),transform .95s var(--in-ease) calc(var(--i)*.14s)}
/* ---------- telas menores ---------- */
@media (max-width:1100px){
  .in-cab-2{grid-template-columns:1fr;align-items:start}
  .in-b-larga{grid-template-columns:1fr}
  .in-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-bento .in-b-peq:nth-of-type(4){grid-column:1/-1}
}
@media (max-width:899px){
  .in-pares{grid-template-columns:1fr}
  .in-cenas-g{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .in-carr-trilho{--w:min(80vw,360px);--wg:min(80vw,360px);height:min(150vw,640px)}
  .in-carr{scroll-padding:0 var(--lado)}
}
@media (max-width:780px){
  .in-topo .menu-marca{width:96px}
  .in-topo nav{background:rgba(43,30,24,.97);box-shadow:0 18px 30px -22px rgba(0,0,0,.5)}
  .in-topo .lk{color:var(--creme)}
}
@media (max-width:759px){
  .in-ab-foto{object-position:50% 50%}
  .in-ab::before{background:linear-gradient(180deg,rgba(43,30,24,.62) 0%,rgba(43,30,24,.3) 30%,rgba(43,30,24,.5) 58%,rgba(43,30,24,.93) 100%)}
  .in-tit-a{font-size:clamp(33px,10vw,60px)}
  .in-ln>span{white-space:normal}
  .in-ab-in{padding-top:calc(var(--topo-h,64px) + 28px)}
}
@media (max-width:699px){
  .in-rede{max-width:520px}
  .in-rede-svg text,.in-cl-f{display:none}
  .in-rede-no{display:block;margin-top:26px;font-size:15px;line-height:1.45;color:rgba(243,236,225,.85)}
  .in-rede-lista{display:grid;gap:10px;margin-top:14px}
  .in-rede-lista li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(243,236,225,.16);font-size:16px;line-height:1.3}
  .in-rede-lista i{flex:none;display:block;width:12px;height:12px;border-radius:50%}
  .in-bento{grid-template-columns:1fr}
  .in-bento .in-b-peq:nth-of-type(4){grid-column:auto}
  .in-form-g{grid-template-columns:1fr}
  .in-cta{margin-left:12px;margin-right:12px;border-radius:24px}
  .in-cta-foto{object-position:78% 50%}
  .in-cta-in{padding:28px 14px 14px}
  .in-cta-t{padding:0 8px}
  .in-cta-col>.rotulo{margin-left:8px}
    .in-seta-b{width:46px;height:46px}
}
@media (max-width:599px){
  .in-nums3{flex-direction:column;gap:14px}
  .in-nums3 li{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:baseline;gap:0 14px}
  .in-nums3 strong{font-size:30px}
  .in-nums3 .l{margin-top:0;max-width:none}
  .in-cab-seta{align-items:flex-end}
}
@media (max-width:560px){
  .in-topo .btn.in-btn.peq{padding:0 16px}
  .in-topo .in-btn .in-seta{display:none}
  .in-cab-seta{flex-direction:column;align-items:flex-start}
  .btn.in-btn{height:54px}
}
@media (prefers-reduced-motion:reduce){
  .in-faixa-trilho,.in-pulso{animation:none!important}
}

/* envio do formulário: mensagem de pedido recebido */
.in-ok{padding:6px 0}
.in-ok:focus{outline:none}
.in-ok-t{margin-bottom:12px;font-family:var(--f);font-weight:600;font-size:clamp(22px,2.4vw,28px);line-height:1.2;color:var(--tinta)}
.in-ok p{font-size:16px;line-height:1.5;color:var(--cz)}