/* mf-layout.css — LAYOUT NOVO (18/09/2026): versões de corte, como apple.com.
   REGRA: dentro de cada versão, letra e largura do conteúdo são FIXAS; só mudam ao cruzar um corte.
   Proibido aqui: vw/clamp em letra, zoom, transform:scale para dimensionar, width:100vw.
   Cortes: 735 / 1069 / 1441 / 1800.
   Versões: celular (<735) · tablet (735–1068) · notebook (1069–1440) · notebook grande (1441–1799) · desktop (>=1800 = medidas do Figma 1920).
   ESTA TABELA vale para TODAS as páginas do layout novo. */
:root{
  --mf-fundo:#e0e7ed; --mf-cartao:#f8f8f8; --mf-tinta:#2d2a2b; --mf-rodape:#151515; --mf-claro:#ecebe8; --mf-laranja:#f37920; --mf-menu:#231f20;
  --mf-cont:calc(100% - 32px); --mf-colunas:1; --mf-vao-x:12px; --mf-vao-y:16px;
  --mf-h2:26px; --mf-nome:18px; --mf-corpo:15px; --mf-h3:16px; --mf-raio:20px;
  --mf-nome-alt:72px; --mf-topo-y:96px; --mf-grupo-y:48px; --mf-h2-y:18px;
  --mf-logo:168px; --mf-btn:44px; --mf-acoes-dir:8px; --mf-rod-cols:1fr 1fr; --mf-rod-y:40px;
  --mf-menu-larg:100%; --mf-menu-tit:19px; --mf-menu-sub:18px;
  --mf-grade:repeat(var(--mf-colunas),minmax(0,1fr)); --mf-btn-junta:-12px; --mf-acoes-y:4px;
  --mf-rod-cont:var(--mf-cont); --mf-rod-vao:24px; --mf-rod-copy-fim:40px; --mf-rod-logo-y:0px; --mf-rod-logo-fim:24px; --mf-rod-redes-y:20px; --mf-rod-linha:0px; --mf-rod-item:12px; --mf-rod-tit-y:20px; --mf-rod-fim:32px;
}
@media (min-width:735px){:root{ --mf-cont:692px; --mf-colunas:2; --mf-vao-y:24px; --mf-h2:30px; --mf-nome:20px; --mf-raio:22px; --mf-nome-alt:84px; --mf-topo-y:120px; --mf-grupo-y:64px; --mf-h2-y:22px; --mf-logo:200px; --mf-btn:48px; --mf-acoes-dir:16px; --mf-rod-y:56px; --mf-menu-larg:420px; --mf-btn-junta:-13px }}
@media (min-width:1069px){:root{ --mf-cont:980px; --mf-colunas:3; --mf-vao-y:32px; --mf-h2:34px; --mf-nome:22px; --mf-corpo:16px; --mf-h3:17px; --mf-raio:24px; --mf-nome-alt:92px; --mf-topo-y:150px; --mf-grupo-y:80px; --mf-h2-y:26px; --mf-logo:235px; --mf-btn:56px; --mf-acoes-dir:36px; --mf-rod-cols:403fr 403fr 472fr 301fr; --mf-rod-y:80px; --mf-menu-larg:440px; --mf-btn-junta:-16px; --mf-acoes-y:5px; --mf-rod-linha:215px; --mf-rod-item:13px; --mf-rod-tit-y:22px }}
@media (min-width:1441px){:root{ --mf-cont:1320px; --mf-vao-y:40px; --mf-h2:40px; --mf-nome:27px; --mf-corpo:17px; --mf-h3:18px; --mf-raio:28px; --mf-nome-alt:112px; --mf-topo-y:200px; --mf-grupo-y:104px; --mf-h2-y:34px; --mf-logo:280px; --mf-btn:66px; --mf-acoes-dir:56px; --mf-rod-y:110px; --mf-menu-larg:480px; --mf-menu-tit:20px; --mf-menu-sub:19px; --mf-btn-junta:-19px; --mf-acoes-y:6px; --mf-rod-linha:238px; --mf-rod-item:14px; --mf-rod-tit-y:23px; --mf-rod-fim:60px }}
@media (min-width:1800px){:root{ --mf-cont:1734px; --mf-vao-y:53px; --mf-h2:48px; --mf-nome:34.67px; --mf-corpo:17.5px; --mf-h3:20px; --mf-raio:32px; --mf-nome-alt:141px; --mf-topo-y:256px; --mf-h2-y:45px; --mf-logo:336px; --mf-btn:80px; --mf-acoes-dir:80px; --mf-rod-y:148px; --mf-grupo-y:137px; --mf-rod-vao:0px; --mf-grade:repeat(3,568px); --mf-btn-junta:-23.5px; --mf-acoes-y:7px; --mf-rod-cont:1579px; --mf-rod-cols:403px 403px 1fr auto; --mf-rod-linha:258px; --mf-rod-item:15.25px; --mf-rod-tit-y:22px; --mf-rod-fim:100px; --mf-rod-copy-fim:102px; --mf-rod-logo-y:10px; --mf-rod-logo-fim:43px; --mf-rod-redes-y:45px }}

/* base (escopo .mf, com :where() para não brigar com CSS de plugins) */
:where(.mf) *,:where(.mf) *::before,:where(.mf) *::after{box-sizing:border-box}
body.mf{margin:0;background:var(--mf-fundo);color:var(--mf-tinta);font-family:"Futura PT",system-ui,sans-serif;font-size:var(--mf-corpo);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
:where(.mf) img,:where(.mf) video{max-width:100%;height:auto;display:block}
:where(.mf) a{color:inherit;text-decoration:none}
:where(.mf) ul{list-style:none;margin:0;padding:0}
:where(.mf) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mf [hidden]{display:none!important}
.mf-vis-oculto,.mf-pular:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mf-pular:focus{position:fixed;left:8px;top:8px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.mf :focus-visible{outline:3px solid var(--mf-laranja);outline-offset:3px}

/* cabeçalho: aba da logo à esquerda, botões flutuantes à direita */
.mf-topo{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;height:0;pointer-events:none}
.mf-topo>*{pointer-events:auto}
.mf-topo__logo{display:block;line-height:0;background:linear-gradient(#fff,#fff) 0 0/60% 100% no-repeat;transition:filter .3s ease}
.mf-topo.rolado .mf-topo__logo{filter:drop-shadow(0 4px 22px rgba(35,31,32,.16))}
.mf-topo__logo img{width:var(--mf-logo)}
.mf-topo__acoes{display:flex;align-items:center;padding:var(--mf-acoes-y) var(--mf-acoes-dir) 0 0}
.mf-topo__acoes>*+*{margin-left:var(--mf-btn-junta)}
.mf-topo__btn{display:block;position:relative;line-height:0}
.mf-topo__btn img{height:var(--mf-btn);width:auto}
.mf-selo{position:absolute;right:14%;top:14%;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--mf-laranja);color:#fff;font-weight:600;font-size:12px;line-height:20px;text-align:center}
/* busca: o campo abre à esquerda da lupa */
.mf-busca{display:flex;align-items:center;position:relative}
.mf-busca__campo{position:absolute;right:calc(var(--mf-btn) * .78);top:50%;transform:translateY(-50%);height:calc(var(--mf-btn) * .58);width:0;opacity:0;padding:0;border:0;border-radius:999px;background:#fff;font:inherit;font-size:16px;color:var(--mf-tinta);box-shadow:0 3px 12px rgba(0,0,0,.14);transition:width .25s ease,opacity .2s ease,padding .25s ease}
.mf-busca:focus-within .mf-busca__campo,.mf-busca.aberta .mf-busca__campo{width:min(320px,calc(100vw - var(--mf-btn) * 4.4));opacity:1;padding:0 18px}
@media (hover:hover){.mf-busca:hover .mf-busca__campo{width:min(320px,calc(100vw - var(--mf-btn) * 4.4));opacity:1;padding:0 18px}}

/* menu: gaveta à direita, lista em fluxo */
.mf-veu{position:fixed;inset:0;z-index:48;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s ease}
.mf-veu.on{opacity:1}
.mf-menu{position:fixed;top:0;right:0;bottom:0;z-index:50;width:var(--mf-menu-larg);max-width:100%;background:var(--mf-menu);color:#fff;padding:0 28px 40px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .35s ease}
.mf-menu.on{transform:none}
.mf-menu__lista{margin-top:calc(var(--mf-acoes-y) + var(--mf-btn) + 8px)}
/* a pílula MENU vira o X no MESMO lugar e tamanho, por cima da gaveta */
.mf-topo__btn--menu{z-index:2}
.mf-topo__fecha{display:none!important}
body.mf-travado .mf-topo{z-index:60}
body.mf-travado .mf-topo__abre{display:none!important}
body.mf-travado .mf-topo__fecha{display:block!important}
body.mf-travado .mf-topo__acoes>*:not(.mf-topo__btn--menu){visibility:hidden}
body.mf-travado .mf-topo__logo{visibility:hidden}
.mf-menu__titulo{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;font-weight:600;font-size:var(--mf-menu-tit);letter-spacing:.02em;text-align:left;color:#fff}
.mf-menu__seta{width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}
.mf-menu__titulo[aria-expanded="true"] .mf-menu__seta{transform:rotate(225deg) translateY(-2px)}
.mf-menu__sub{padding:2px 0 14px}
.mf-menu__sub a{display:block;padding:8px 0 8px 2px;font-size:var(--mf-menu-sub);color:#ecebe8}
.mf-menu__sub a:hover,.mf-menu__titulo:hover{color:var(--mf-laranja)}
body.mf-travado{overflow:hidden}

/* catálogo */
.mf-cat{width:var(--mf-cont);margin-inline:auto;padding:var(--mf-topo-y) 0 var(--mf-grupo-y)}
.mf-cat--categoria{padding-top:calc(var(--mf-topo-y) * 1.055)}
.mf-cat__grupo+.mf-cat__grupo{margin-top:var(--mf-grupo-y)}
.mf-h2{font-weight:400;font-size:var(--mf-h2);line-height:1.2;margin:0 0 var(--mf-h2-y)}
.mf-grade{display:grid;grid-template-columns:var(--mf-grade);gap:var(--mf-vao-y) var(--mf-vao-x)}
.mf-cartao{display:flex;flex-direction:column;height:100%;background:var(--mf-cartao);border-radius:var(--mf-raio);overflow:hidden;box-shadow:0 6.67px 15.47px rgba(0,0,0,.1)}
.mf-cartao__foto{position:relative;display:block;aspect-ratio:568/354;overflow:hidden}
.mf-cartao__foto>img{width:100%;height:100%;object-fit:cover}
.mf-cartao__hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
@media (hover:hover){.mf-cartao:hover .mf-cartao__hover{opacity:1}}
.mf-cartao__nome{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:balance;font-size:var(--mf-nome);line-height:1.2;padding:12px 16px;min-height:var(--mf-nome-alt)}

/* rodapé */
.mf-rodape{background:var(--mf-rodape);color:var(--mf-claro)}
.mf-rodape__in{width:var(--mf-rod-cont);max-width:calc(100% - 32px);margin-inline:auto;padding:var(--mf-rod-y) 0 var(--mf-rod-fim);display:grid;grid-template-columns:var(--mf-rod-cols);gap:32px var(--mf-rod-vao);line-height:1.5}
.mf-rodape__tit{font-size:var(--mf-h3);font-weight:600;line-height:1.3;margin:0 0 var(--mf-rod-tit-y)}
.mf-rodape__bloco{min-height:var(--mf-rod-linha)}
.mf-rodape__bloco:last-child{min-height:0}
.mf-rodape__bloco+.mf-rodape__bloco .mf-rodape__tit{margin-bottom:calc(var(--mf-rod-tit-y) - 6px)}
.mf-rodape__bloco p:has(.mf-rodape__pilula){margin-top:calc(var(--mf-rod-item) + 8px)}
.mf-rodape__bloco+.mf-rodape__bloco{margin-top:28px}
@media (min-width:1069px){.mf-rodape__bloco+.mf-rodape__bloco{margin-top:0}}
.mf-rodape p{margin:0 0 var(--mf-rod-item)}
.mf-rodape li{margin:0 0 var(--mf-rod-item)}
.mf-rodape a:hover{color:var(--mf-laranja)}
.mf-rodape__pilula{display:inline-block;white-space:nowrap;padding:.7em 1.6em;margin-left:-1.6em;border:1.5px solid var(--mf-laranja);color:var(--mf-laranja);border-radius:999px;font-weight:600;font-size:var(--mf-h3)}
.mf-rodape__col--contato{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:var(--mf-rod-logo-y)}
.mf-rodape__col--contato p{margin:0}
.mf-rodape__fone{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--mf-h3)}
.mf-rodape__mail{font-weight:600;font-size:var(--mf-h3);margin-top:-7px!important}
.mf-rodape__redes{display:flex;gap:20px;margin-top:calc(var(--mf-rod-redes-y) - 10px)}
.mf-rodape__logo{margin-bottom:calc(var(--mf-rod-logo-fim) - 10px)}
@media (max-width:734px){.mf-rodape__pilula{margin-left:0;padding:.6em 1.1em}}
@media (min-width:1069px){.mf-rodape__col--contato{grid-column:auto;align-items:flex-end;text-align:right}}
.mf-rodape .mf-rodape__copy{width:var(--mf-cont);margin:0 auto;padding:24px 0 var(--mf-rod-copy-fim);text-align:center;font-size:var(--mf-corpo)}

/* voltar ao topo */
.mf-subir{position:fixed;right:28px;bottom:100px;z-index:45;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--mf-laranja);background:rgba(255,255,255,.85)}
.mf-subir::before{content:"";position:absolute;left:50%;top:54%;width:10px;height:10px;border-left:2px solid var(--mf-laranja);border-top:2px solid var(--mf-laranja);transform:translate(-50%,-50%) rotate(45deg)}
@media (max-width:734px){.mf-subir{right:16px;bottom:88px;width:44px;height:44px}}

@media (prefers-reduced-motion:reduce){.mf *{transition:none!important;scroll-behavior:auto!important}}
@media print{.mf-topo,.mf-menu,.mf-veu,.mf-subir,.joinchat{display:none!important}body.mf{background:#fff}}

body:has(#mflx-back-top) .mf-subir{display:none!important}