/* mf-home.css — HOME no layout novo. Mesma regra do mf-layout.css: tamanhos FIXOS por versão (735/1069/1441/1800); nada de vw/clamp em letra. */
:root{
  --mf-display:32px; --mf-display-lh:36px; --mf-lead:17px; --mf-lead-lh:24px; --mf-hero-max:640px; --mf-hero-x:16px; --mf-uso-x:16px; --mf-hero-txt:100%; --mf-selos-k:.58;
  --mf-cont-medio:calc(100% - 32px); --mf-inst-razao:4/5; --mf-inst-raio:24px; --mf-h2i:26px; --mf-h2i-lh:28px; --mf-inst-p:15px; --mf-inst-x:20px; --mf-inst-txt:100%;
  --mf-faixa-y:40px; --mf-pc-col:100%; --mf-pc-vao-x:16px; --mf-pc-vao-y:16px; --mf-pc-alt:190px; --mf-pc-raio:24px; --mf-pc-x:20px; --mf-h3c:20px; --mf-pc-p:15px; --mf-pc-foto:120px; --mf-botao:16px; --mf-botao-alt:38px; --mf-botao-x:20px;
  --mf-uso-alt:560px; --mf-h1:30px; --mf-h1-lh:32px; --mf-uso-txt:100%;
  --mf-nt-col:86%; --mf-nt-vao:16px; --mf-nt-raio:24px; --mf-nt-tit:19px; --mf-nt-tit-lh:24px; --mf-nt-data:12px; --mf-ntt:24px; --mf-nts:16px; --mf-nt-x:20px;
}
@media (min-width:735px){:root{ --mf-display:44px; --mf-display-lh:50px; --mf-lead:20px; --mf-lead-lh:28px; --mf-hero-max:680px; --mf-hero-x:40px; --mf-uso-x:40px; --mf-hero-txt:520px; --mf-selos-k:.72;
  --mf-cont-medio:692px; --mf-inst-razao:16/10; --mf-inst-raio:28px; --mf-h2i:32px; --mf-h2i-lh:34px; --mf-inst-p:16px; --mf-inst-x:40px; --mf-inst-txt:52%;
  --mf-faixa-y:56px; --mf-pc-col:calc((100% - var(--mf-pc-vao-x)) / 2); --mf-pc-alt:250px; --mf-pc-x:24px; --mf-h3c:22px; --mf-pc-foto:120px;
  --mf-uso-alt:560px; --mf-h1:40px; --mf-h1-lh:42px; --mf-uso-txt:460px; --mf-nt-col:calc((100% - var(--mf-nt-vao)) / 2); --mf-nt-vao:24px; --mf-nt-tit:20px; --mf-nt-tit-lh:26px; --mf-ntt:28px; --mf-nts:17px }}
@media (min-width:1069px){:root{ --mf-display:52px; --mf-display-lh:58px; --mf-lead:22px; --mf-lead-lh:30px; --mf-hero-max:760px; --mf-hero-x:72px; --mf-hero-txt:560px; --mf-selos-k:.8;
  --mf-cont-medio:980px; --mf-inst-razao:1301/678; --mf-inst-raio:32px; --mf-h2i:38px; --mf-h2i-lh:40px; --mf-inst-p:17px; --mf-inst-x:64px; --mf-inst-txt:42%;
  --mf-faixa-y:72px; --mf-pc-vao-x:32px; --mf-pc-vao-y:32px; --mf-pc-alt:310px; --mf-pc-raio:32px; --mf-pc-x:40px; --mf-h3c:28px; --mf-pc-p:18px; --mf-pc-foto:200px; --mf-botao:19px; --mf-botao-alt:40px; --mf-botao-x:24px;
  --mf-uso-alt:620px; --mf-h1:48px; --mf-h1-lh:48px; --mf-uso-x:84px; --mf-uso-txt:500px; --mf-nt-col:calc((100% - 2 * var(--mf-nt-vao)) / 3); --mf-nt-vao:32px; --mf-nt-raio:32px; --mf-ntt:30px; --mf-nts:18px; --mf-nt-x:28px }}
@media (min-width:1441px){:root{ --mf-display:60px; --mf-display-lh:68px; --mf-lead:25px; --mf-lead-lh:33px; --mf-hero-max:900px; --mf-hero-x:100px; --mf-hero-txt:620px; --mf-selos-k:.9;
  --mf-cont-medio:1301px; --mf-h2i:44px; --mf-h2i-lh:45px; --mf-inst-p:19px; --mf-inst-x:80px; --mf-inst-txt:34%;
  --mf-faixa-y:84px; --mf-pc-vao-x:42px; --mf-pc-vao-y:44px; --mf-pc-alt:408px; --mf-pc-raio:41px; --mf-pc-x:52px; --mf-h3c:36px; --mf-pc-p:22px; --mf-pc-foto:260px; --mf-botao:22px; --mf-botao-alt:43px; --mf-botao-x:26px;
  --mf-uso-alt:800px; --mf-h1:56px; --mf-h1-lh:54px; --mf-uso-x:116px; --mf-uso-txt:520px; --mf-nt-vao:44px; --mf-nt-raio:36px; --mf-nt-tit:22px; --mf-nt-tit-lh:28px; --mf-nt-data:13.5px; --mf-ntt:33px; --mf-nts:20px; --mf-nt-x:36px }}
@media (min-width:1800px){:root{ --mf-display:71.79px; --mf-display-lh:80.17px; --mf-lead:28.72px; --mf-lead-lh:36.81px; --mf-hero-max:1080px; --mf-hero-x:132px; --mf-hero-txt:694px; --mf-selos-k:1;
  --mf-h2i:47.45px; --mf-h2i-lh:48.4px; --mf-inst-p:20.88px; --mf-inst-x:91px; --mf-inst-txt:330px; --mf-inst-raio:39px;
  --mf-faixa-y:90px; --mf-h3c:38px; --mf-pc-p:24px; --mf-pc-foto:270px; --mf-botao:24px;
  --mf-uso-alt:1067px; --mf-h1:64px; --mf-h1-lh:60px; --mf-uso-x:153px; --mf-uso-txt:554px; --mf-nt-col:528px; --mf-nt-vao:56px; --mf-nt-raio:40px; --mf-nt-tit:24.25px; --mf-nt-tit-lh:30px; --mf-nt-data:14.5px; --mf-ntt:35px; --mf-nts:22px; --mf-nt-x:43px }}

/* contêineres e faixas */
.mf-cont{width:var(--mf-cont);margin-inline:auto}
.mf-cont--medio{width:var(--mf-cont-medio)}
.mf-faixa{padding:var(--mf-faixa-y) 0}
.mf-botao{display:inline-flex;align-items:center;justify-content:center;height:var(--mf-botao-alt);padding:0 var(--mf-botao-x);border-radius:999px;background:var(--mf-laranja);color:#f8f8f8!important;font-size:var(--mf-botao);white-space:nowrap}
.mf-botao--linha{background:none;border:2px solid var(--mf-laranja);color:var(--mf-laranja)!important;font-weight:500;height:calc(var(--mf-botao-alt) + 7px)}

/* trilho = carrossel com rolagem nativa */
.mf-trilho{position:relative}
.mf-trilho__faixa{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.mf-trilho__faixa::-webkit-scrollbar{display:none}
.mf-trilho__faixa>*{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
/* banner do topo: altura da janela (com teto por versão); a foto só RECORTA (cover), centrada no produto */
.mf-hero__slide{position:relative;height:100vh;height:clamp(480px,100svh,1400px);overflow:hidden;background:#2d2a2b;color:#fff}
.mf-hero__foto,.mf-uso__foto{position:absolute;inset:0;display:block}
.mf-hero__foto img,.mf-uso__foto img{width:100%;height:100%;object-fit:cover;object-position:var(--mf-foco,50% 50%)}
.mf-hero__veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.38) 28%,rgba(0,0,0,0) 55%)}
.mf-hero__texto{position:relative;z-index:1;width:100%;max-width:1920px;height:100%;margin-inline:auto;padding:var(--mf-topo-y) var(--mf-hero-x) 64px var(--mf-hero-x);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mf-display{font-weight:500;font-size:var(--mf-display);line-height:var(--mf-display-lh);letter-spacing:-.02em;margin:0;max-width:var(--mf-hero-txt)}
.mf-lead{font-size:var(--mf-lead);line-height:var(--mf-lead-lh);margin:calc(var(--mf-lead-lh) * 1.2) 0 0;max-width:calc(var(--mf-hero-txt) * .74)}
.mf-hero__selos[src*="home-novo"]{margin-left:calc(-14px * var(--mf-selos-k));margin-bottom:calc(-14px * var(--mf-selos-k))} /* a imagem tem 14px de folga transparente em volta */
.mf-hero__selos{width:calc(var(--mf-selos) * var(--mf-selos-k) * 1px)!important;max-width:100%!important;height:auto;margin-top:calc(var(--mf-lead-lh) * 2.4)}
/* cartão institucional */
.mf-inst{border-radius:var(--mf-inst-raio);overflow:hidden;background:#2d2a2b;isolation:isolate}
.mf-inst__slide{position:relative;aspect-ratio:var(--mf-inst-razao);overflow:hidden;color:var(--mf-claro)}
.mf-inst__foto{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.mf-inst__veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,31,32,.86) 0%,rgba(35,31,32,.62) 32%,rgba(35,31,32,0) 62%)}
.mf-inst__texto{position:relative;z-index:1;height:100%;width:var(--mf-inst-txt);min-width:min(100%,300px);padding:0 0 40px var(--mf-inst-x);display:flex;flex-direction:column;justify-content:center;box-sizing:content-box}
.mf-h2i{font-family:"Futura PT Demi Italic","Futura PT",sans-serif;font-style:italic;font-weight:600;font-size:var(--mf-h2i);line-height:var(--mf-h2i-lh);margin:0 0 .7em}
.mf-inst__texto p{font-size:var(--mf-inst-p);line-height:1.37;margin:0}

/* cartões de produto: 2 linhas, páginas de 2 colunas (1 no celular) */
.mf-prod{margin-top:var(--mf-faixa-y);padding-bottom:56px}
.mf-prod__faixa{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,var(--mf-pc-alt));grid-auto-columns:var(--mf-pc-col);gap:var(--mf-pc-vao-y) var(--mf-pc-vao-x);padding:6px 0 18px}
.mf-prod__faixa>*{scroll-snap-align:start}
.mf-pc{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f7f7;border-radius:var(--mf-pc-raio);box-shadow:0 5px 11.6px rgba(0,0,0,.1);padding:0 calc(var(--mf-pc-x) * .6) 0 var(--mf-pc-x);overflow:hidden}
.mf-pc__txt{flex:1 1 auto;min-width:0}
.mf-h3{font-weight:500;font-size:var(--mf-h3c);line-height:1.2;margin:0 0 .45em;text-wrap:balance}
.mf-pc__txt p{font-size:var(--mf-pc-p);line-height:1.28;margin:0 0 1.1em;max-width:16em}
.mf-pc__foto{flex:0 0 var(--mf-pc-foto);height:var(--mf-pc-foto);display:block}
.mf-pc__foto img{width:100%!important;height:100%!important;object-fit:contain}

@media (max-width:1068px){
  .mf-prod__faixa{grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - var(--mf-pc-vao-x)) / 2);align-items:stretch}
  .mf-pc{flex-direction:column-reverse;justify-content:flex-end;align-items:center;text-align:center;gap:10px;padding:18px 14px 20px;height:100%}
  .mf-pc__foto{flex:none;width:var(--mf-pc-foto);height:var(--mf-pc-foto)}
  .mf-pc__txt{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}
  .mf-pc__txt p{margin:0 0 14px;max-width:none;flex:1}
  .mf-h3{min-height:2.4em;display:flex;align-items:center;justify-content:center}
}
@media (max-width:734px){:root{--mf-pc-foto:104px;--mf-h3c:17px;--mf-pc-p:14px;--mf-pc-vao-x:12px;--mf-pc-vao-y:12px;--mf-botao:15px;--mf-botao-alt:36px}}
@media (min-width:735px) and (max-width:1068px){:root{--mf-pc-foto:150px;--mf-h3c:21px;--mf-pc-p:16px}}

/* produtos em uso */
.mf-uso__slide{position:relative;height:var(--mf-uso-alt);overflow:hidden;background:#000;color:var(--mf-claro)}
.mf-uso__veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.50) 26%,rgba(0,0,0,.18) 46%,rgba(0,0,0,0) 62%)}
.mf-uso__texto{position:relative;z-index:1;width:100%;max-width:1920px;height:100%;margin-inline:auto;padding:0 var(--mf-uso-x) 40px var(--mf-uso-x);display:flex;flex-direction:column;justify-content:center}
.mf-h1{font-weight:600;font-size:var(--mf-h1);line-height:var(--mf-h1-lh);margin:0;max-width:var(--mf-uso-txt)}
.mf-uso__texto .mf-lead{max-width:var(--mf-uso-txt);margin-top:calc(var(--mf-lead-lh) * 1.6)}


/* notícias */
.mf-noticias__topo{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:calc(var(--mf-faixa-y) * .6)}
.mf-noticias__tit{font-weight:800;font-style:oblique;font-size:var(--mf-ntt);line-height:1.15;margin:0 0 .5em}
.mf-noticias__sub{font-size:var(--mf-nts);line-height:1.4;margin:0;max-width:46em}
.mf-setas{display:flex;gap:12px;flex:none}
.mf-seta{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--mf-tinta)!important;position:relative}
.mf-seta::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:1.5px solid var(--mf-tinta);border-right:1.5px solid var(--mf-tinta);transform:translate(-65%,-50%) rotate(45deg)}
.mf-seta--ant::before{transform:translate(-35%,-50%) rotate(-135deg)}
.mf-seta:disabled{opacity:.3;cursor:default}
.mf-nt__faixa{gap:var(--mf-nt-vao);padding:6px 2px 20px}
.mf-nt__faixa>*{flex:0 0 var(--mf-nt-col)}
.mf-nt{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--mf-nt-raio);overflow:hidden;box-shadow:0 5px 11.6px rgba(0,0,0,.1)}
.mf-nt__foto{display:block;aspect-ratio:528/370;overflow:hidden}
.mf-nt__foto img{width:100%!important;height:100%!important;object-fit:cover}
.mf-nt__corpo{display:block;position:relative;background:#fff;padding:26px var(--mf-nt-x) 30px;margin-top:-1px;min-height:calc(var(--mf-nt-tit-lh) * 3 + 80px)}
.mf-nt__corpo::before{content:"";position:absolute;left:0;top:-30px;width:14%;height:31px;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%)}
.mf-nt__data{display:block;font-weight:600;font-size:var(--mf-nt-data);letter-spacing:.06em;text-transform:uppercase;color:var(--mf-laranja);margin-bottom:10px}
.mf-nt__tit{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:var(--mf-nt-tit);line-height:var(--mf-nt-tit-lh);color:#231f20;transition:color .2s ease}
.mf-nt:hover .mf-nt__tit{color:var(--mf-laranja)}
.mf-noticias__todas{margin:calc(var(--mf-faixa-y) * .4) 0 0;text-align:right}
@media (max-width:734px){:root{--mf-nt-col:74%;--mf-nt-tit:16px;--mf-nt-tit-lh:21px;--mf-nt-data:11px;--mf-nt-x:16px;--mf-nt-raio:20px}.mf-nt__corpo{padding:18px var(--mf-nt-x) 20px;min-height:0}.mf-nt__foto{aspect-ratio:528/340}.mf-noticias__topo{flex-direction:column;align-items:flex-start}.mf-noticias__todas{text-align:center}}

/* ── por último, para valer sobre as regras de cada seção ── */
@media (max-width:734px),(max-width:1068px) and (orientation:portrait){
  /* celular e tablet em pé: a foto aparece em cima, deitada (5:4), com o PRODUTO INTEIRO; degradê até a base escura; texto embaixo */
  .mf-hero__foto img,.mf-uso__foto img,.mf-inst__foto{--mf-empilhado:1}
  .mf-hero__slide,.mf-uso__slide{height:auto;display:flex;flex-direction:column;background:#1d1a18}
  .mf-hero__foto,.mf-uso__foto{position:relative;inset:auto;flex:none;width:100%;aspect-ratio:5/4}
  .mf-hero__foto::after,.mf-uso__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 22%,rgba(29,26,24,0) 58%,#1d1a18 100%)}
  .mf-hero__veu,.mf-uso__veu{display:none}
  .mf-hero__texto,.mf-uso__texto{height:auto;flex:1;justify-content:flex-start;margin-top:-28px;padding-top:0;padding-bottom:76px}
  .mf-lead{max-width:100%;margin-top:12px}
  .mf-hero__selos{margin-top:20px}
  .mf-uso__texto .mf-lead{margin-top:12px;font-size:16px;line-height:22px}
  .mf-inst__slide{aspect-ratio:auto;display:flex;flex-direction:column;background:#231f20}
  .mf-inst__foto{position:relative!important;inset:auto;flex:none;aspect-ratio:3/2;height:auto!important}
  .mf-inst__veu{inset:0 0 auto 0;aspect-ratio:3/2;background:linear-gradient(180deg,rgba(35,31,32,0) 55%,#231f20 100%)}
  .mf-inst__texto{height:auto;width:auto;min-width:0;justify-content:flex-start;margin-top:-20px;padding:0 var(--mf-inst-x) 64px;box-sizing:border-box}
}