:root {
  color-scheme: light;
  --surface: #f3f6f6;
  --surface-raised: #ffffff;
  --surface-sunken: #e5edee;
  --line: #cddadc;
  --line-strong: #6b878e;
  --ink: #0f2329;
  --ink-muted: #45606a;
  --maca: #96353a;
  --maca-hover: #7b2a2f;
  --on-maca: #ffffff;
  --maca-text: #8a2e33;
  --maca-display: #96353a;
  --maca-soft: #f2e8e7;
  --aco-900: #12292f;
  --aco-700: #2e5d6b;
  --aco-500: #44868f;
  --aco-300: #a3cad1;
  --aco-soft: #deedef;
  --aco-text: #235562;
  --on-aco: #f1f7f8;
  --folha: #12c544;
  --folha-hover: #0fae3b;
  --on-folha: #052310;
  --sucesso: #1c6f80;
  --aviso: #8a5a00;
  --erro: #8a2e33;
  --fruta-pessego: #f2a24a;
  --fruta-pitaya: #c9357f;
  --fruta-cebola: #b98846;
  --fruta-beterraba: #7d2150;
  --focus: #0b6577;
  --shadow-sm: 0 1px 2px rgba(15,35,41,0.10);
  --shadow-md: 0 8px 24px rgba(15,35,41,0.12);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0b6577;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --chanfro-sm: 10px;
  --chanfro-md: 20px;
  --chanfro-lg: 36px;
  --container: 1200px;
  --container-text: 62ch;
  --bp-md: 600px;
  --bp-lg: 960px;
  --header-h: 64px;
  --font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-sans: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fruta-mamao: #ee8a3a;
}
[data-mf-theme="dark"] {
  --surface: #0c1a1f;
  --surface-raised: #14262d;
  --surface-sunken: #081317;
  --line: #223d47;
  --line-strong: #6a8b94;
  --ink: #eaf2f3;
  --ink-muted: #a9c0c5;
  --maca: #a84349;
  --maca-hover: #8f373c;
  --on-maca: #ffffff;
  --maca-text: #e9a5a3;
  --maca-display: #d9797b;
  --maca-soft: #2e1e20;
  --aco-900: #12292f;
  --aco-700: #356a78;
  --aco-500: #58a3ad;
  --aco-300: #a3cad1;
  --aco-soft: #17323a;
  --aco-text: #9fd0d8;
  --on-aco: #f1f7f8;
  --folha: #1ed152;
  --folha-hover: #19b947;
  --on-folha: #052310;
  --sucesso: #7fcbd8;
  --aviso: #f0b849;
  --erro: #e9a5a3;
  --fruta-pessego: #f2a24a;
  --fruta-pitaya: #d9478f;
  --fruta-cebola: #c99a58;
  --fruta-beterraba: #a8386f;
  --focus: #8fdbe7;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.55);
  --focus-ring: 0 0 0 2px #0c1a1f, 0 0 0 4px #8fdbe7;
  color: var(--ink);
}
/* MF Máquinas — folha de estilos dos componentes. Carrega depois de tokens.css.
   Mobile-first: base até 599px, depois 600px (bp-md) e 960px (bp-lg). */

:root {
  --mf-ease: cubic-bezier(.2, .7, .2, 1);
  --mf-fast: 140ms;
  --mf-base: 260ms;
  --mf-slow: 700ms;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-sans); font-size: 16px; line-height: 26px; background: var(--surface); color: var(--ink); -webkit-font-smoothing: antialiased; }

img, svg, video { max-width: 100%; display: block; }
[hidden] { display: none !important; }

/* ---------- layout ---------- */
.mf-container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--space-4); }
.mf-section { padding-block: var(--space-12); background: var(--surface); color: var(--ink); }
.mf-stage { padding: var(--space-6); background: var(--surface); color: var(--ink); }
.mf-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.mf-stack { display: flex; flex-direction: column; gap: var(--space-4); }
.mf-grid { display: grid; gap: var(--space-6); grid-template-columns: minmax(0, 1fr); }
.mf-section-head { display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: var(--space-8); max-width: 720px; }
@media (min-width: 600px) {
  .mf-container { padding-inline: var(--space-6); }
  .mf-grid--2, .mf-grid--3, .mf-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .mf-section { padding-block: var(--space-24); }
  .mf-section-head { margin-bottom: var(--space-16); }
  .mf-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mf-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- tipografia fluida ---------- */
.mf-display-xl, .mf-display-lg, .mf-display-md, .mf-display-sm { font-family: var(--font-display); margin: 0; text-wrap: balance; text-transform: uppercase; }
.mf-display-xl { font-size: clamp(46px, 4.2vw + 30px, 88px); line-height: .95; font-weight: 700; letter-spacing: -.01em; }
.mf-display-lg { font-size: clamp(36px, 2.6vw + 26px, 60px); line-height: 1; font-weight: 700; letter-spacing: -.005em; }
.mf-display-md { font-size: clamp(30px, 1.2vw + 25px, 40px); line-height: 1.05; font-weight: 700; }
.mf-display-sm { font-size: 26px; line-height: 1.1; font-weight: 600; }
.mf-lead { font-size: clamp(18px, .3vw + 17px, 20px); line-height: 1.5; margin: 0; color: var(--ink-muted); max-width: var(--container-text); }
.mf-body { margin: 0; max-width: var(--container-text); }
.mf-small { font-size: 14px; line-height: 22px; margin: 0; color: var(--ink-muted); }
.mf-label { font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin: 0; color: var(--ink-muted); }
.mf-eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin: 0; color: var(--maca-text); }
.mf-eyebrow::before { content: ""; width: var(--space-2); height: var(--space-2); background: currentColor; }
.mf-data { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--aco-text); }
.mf-em { color: var(--maca-display); }

/* ---------- chanfro: canto superior direito cortado a 45° ----------
   O corte vai num ::before para o anel de foco do elemento continuar inteiro. */
.mf-chanfro-sm, .mf-chanfro-md, .mf-chanfro-lg { position: relative; isolation: isolate; background: none; }
.mf-chanfro-sm::before, .mf-chanfro-md::before, .mf-chanfro-lg::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mf-fill, var(--surface-raised)); border-radius: var(--radius-sm); transition: background var(--mf-fast) var(--mf-ease); }
.mf-chanfro-sm::before { clip-path: polygon(0 0, calc(100% - var(--chanfro-sm)) 0, 100% var(--chanfro-sm), 100% 100%, 0 100%); }
.mf-chanfro-md::before { clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.mf-chanfro-lg::before { clip-path: polygon(0 0, calc(100% - var(--chanfro-lg)) 0, 100% var(--chanfro-lg), 100% 100%, 0 100%); }

/* ---------- dentes: borda de engrenagem entre uma seção escura e a seguinte ---------- */
.mf-dentes { height: var(--space-2); background: repeating-linear-gradient(90deg, var(--mf-dente, var(--aco-900)) 0 var(--space-4), transparent var(--space-4) var(--space-8)); }

/* ---------- régua de marcas (ticks) ---------- */
.mf-ticks { height: var(--space-4); background:
  repeating-linear-gradient(90deg, var(--aco-500) 0 1px, transparent 1px var(--space-2)) bottom / 100% 50% no-repeat,
  repeating-linear-gradient(90deg, var(--aco-500) 0 1px, transparent 1px calc(var(--space-2) * 5)) bottom / 100% 100% no-repeat; opacity: .7; }

/* ---------- Button ---------- */
.mf-btn { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 48px; padding: 0 var(--space-6); border: 1px solid transparent; border-radius: var(--radius-sm); background: none; font: 600 16px/20px var(--font-sans); color: var(--ink); text-decoration: none; cursor: pointer; white-space: nowrap; transition: color var(--mf-fast) var(--mf-ease), border-color var(--mf-fast) var(--mf-ease), background var(--mf-fast) var(--mf-ease); }
.mf-btn:focus-visible, .mf-chip:focus-visible, .mf-nav a:focus-visible, .mf-faq summary:focus-visible, .mf-seg label:focus-within { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
.mf-btn svg { width: 20px; height: 20px; flex: none; transition: transform var(--mf-base) var(--mf-ease); }
.mf-btn:hover .mf-seta { transform: translateX(4px); }
.mf-btn--primary { color: var(--on-maca); }
.mf-btn--primary::before { content: ""; position: absolute; inset: -1px; z-index: -1; background: var(--maca); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-sm)) 0, 100% var(--chanfro-sm), 100% 100%, 0 100%); transition: background var(--mf-fast) var(--mf-ease); }
.mf-btn--primary:hover::before { background: var(--maca-hover); }
.mf-btn--secondary { border-color: var(--line-strong); color: var(--ink); }
.mf-btn--secondary:hover { border-color: var(--ink); background: var(--surface-sunken); }
.mf-btn--solid { background: var(--aco-700); color: var(--on-aco); }
.mf-btn--solid:hover { background: var(--aco-900); }
.mf-btn--whatsapp { background: var(--folha); color: var(--on-folha); }
.mf-btn--whatsapp:hover { background: var(--folha-hover); }
.mf-btn--ghost { min-height: 40px; padding: 0; color: var(--maca-text); border-radius: var(--radius-xs); }
.mf-btn--ghost:hover { text-decoration: underline; text-underline-offset: 4px; }
.mf-btn--sm { min-height: 40px; padding: 0 var(--space-4); font-size: 14px; }
.mf-btn--lg { min-height: 56px; padding: 0 var(--space-8); font-size: 18px; }
.mf-btn--block { display: flex; width: 100%; }
.mf-btn[disabled], .mf-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }

/* ---------- Badge (técnico) e Chip (fruta) ---------- */
.mf-badge { display: inline-flex; align-self: flex-start; width: fit-content; align-items: center; gap: 6px; min-height: 24px; padding: 2px var(--space-2); border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--ink); font: 500 13px/20px var(--font-mono); white-space: nowrap; }
.mf-badge svg { width: 14px; height: 14px; flex: none; }
.mf-badge--aco { background: var(--aco-soft); color: var(--aco-text); }
.mf-badge--maca { background: var(--maca-soft); color: var(--maca-text); }
.mf-badge--solid { background: var(--maca); color: var(--on-maca); }
.mf-badge--sucesso { background: var(--surface-raised); color: var(--sucesso); box-shadow: inset 0 0 0 1px currentColor; }
.mf-badge--aviso { background: var(--surface-raised); color: var(--aviso); box-shadow: inset 0 0 0 1px currentColor; }
.mf-badge--erro { background: var(--surface-raised); color: var(--erro); box-shadow: inset 0 0 0 1px currentColor; }
.mf-chip { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 40px; padding: 0 var(--space-4) 0 var(--space-3); border: 1px solid var(--line-strong); border-radius: var(--radius-pill); background: var(--surface-raised); color: var(--ink); font: 600 14px/20px var(--font-sans); cursor: pointer; white-space: nowrap; transition: background var(--mf-fast) var(--mf-ease), color var(--mf-fast) var(--mf-ease), border-color var(--mf-fast) var(--mf-ease); }
.mf-chip::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--mf-fruta, var(--maca)); box-shadow: 0 0 0 2px var(--surface-raised); flex: none; }
.mf-chip:hover { border-color: var(--ink); }
.mf-chip[aria-selected="true"], .mf-chip[aria-pressed="true"], .mf-chip input:checked + span { color: inherit; }
.mf-chip[aria-selected="true"], .mf-chip[aria-pressed="true"], .mf-chip:has(input:checked) { background: var(--ink); color: var(--surface); border-color: var(--ink); }
.mf-chip input { position: absolute; opacity: 0; pointer-events: none; }
.mf-chip:has(input:focus-visible) { box-shadow: var(--focus-ring); }

/* ---------- Media: slot de foto ou vídeo ---------- */
.mf-media { position: relative; isolation: isolate; aspect-ratio: 16 / 10; width: 100%; display: flex; align-items: flex-end; padding: var(--space-4); color: var(--ink-muted); overflow: hidden; }
.mf-media::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: var(--radius-sm); background: repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 12px), var(--surface-sunken); clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.mf-media--lg::before { clip-path: polygon(0 0, calc(100% - var(--chanfro-lg)) 0, 100% var(--chanfro-lg), 100% 100%, 0 100%); }
.mf-media--4x3 { aspect-ratio: 4 / 3; }
.mf-media > img, .mf-media > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.mf-media__cap { font: 500 12px/16px var(--font-mono); letter-spacing: .02em; background: var(--surface-raised); color: var(--ink-muted); padding: 4px var(--space-2); border-radius: var(--radius-xs); }

/* ---------- Nav ---------- */
.mf-nav { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--surface-raised); color: var(--ink); border-bottom: 1px solid var(--line); }
.mf-nav__in { display: flex; align-items: center; gap: var(--space-4); min-height: var(--header-h); }
.mf-brand { display: inline-flex; align-items: center; gap: var(--space-2); text-decoration: none; color: var(--ink); font: 700 22px/1 var(--font-display); text-transform: uppercase; letter-spacing: .01em; margin-right: auto; }
.mf-brand img { width: 44px; height: 40px; object-fit: contain; }
.mf-nav__links { display: none; gap: var(--space-6); list-style: none; margin: 0; padding: 0; }
.mf-nav__links a { color: var(--ink); text-decoration: none; font: 600 15px/20px var(--font-sans); padding: var(--space-2) 0; border-radius: var(--radius-xs); background: linear-gradient(var(--maca), var(--maca)) left bottom / 0 2px no-repeat; transition: background-size var(--mf-base) var(--mf-ease); }
.mf-nav__links a:hover, .mf-nav__links a[aria-current] { background-size: 100% 2px; }
.mf-nav__menu { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: none; color: var(--ink); cursor: pointer; }
.mf-nav__menu svg { width: 24px; height: 24px; }
.mf-nav .mf-btn--primary { display: none; }
@media (min-width: 600px) { .mf-nav .mf-btn--primary { display: inline-flex; } }
@media (min-width: 960px) { .mf-nav__links { display: flex; } .mf-nav__menu { display: none; } }

/* ---------- Hero ---------- */
.mf-hero { position: relative; overflow: hidden; background: var(--surface); color: var(--ink); padding-block: var(--space-12) 0; }
.mf-hero__grid { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); align-items: center; }
.mf-hero__copy { display: flex; flex-direction: column; gap: var(--space-6); align-items: flex-start; position: relative; z-index: 1; }
.mf-hero__visual { position: relative; }
.mf-hero__gear { position: absolute; width: 130%; max-width: none; left: 12%; top: 50%; translate: 0 -50%; z-index: 0; color: var(--line); animation: mf-gira 140s linear infinite; pointer-events: none; }
.mf-hero__visual .mf-media { z-index: 1; align-items: flex-start; }
.mf-hero__plate { position: absolute; z-index: 2; left: 0; bottom: var(--space-6); display: flex; flex-direction: column; gap: 2px; padding: var(--space-3) var(--space-4); background: var(--maca); color: var(--on-maca); border-radius: var(--radius-sm); }
.mf-hero__plate b { font: 500 28px/1 var(--font-mono); letter-spacing: -.02em; }
.mf-hero__plate span { font: 600 12px/16px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; }
.mf-hero__trust { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 22px; color: var(--ink-muted); }
.mf-hero__trust li { display: inline-flex; align-items: center; gap: var(--space-2); }
.mf-hero__trust li::before { content: ""; width: 6px; height: 6px; background: var(--aco-300); }
.mf-hero__foot { margin-top: var(--space-12); }
@keyframes mf-gira { to { rotate: 360deg; } }
@media (min-width: 960px) {
  .mf-hero { padding-block: var(--space-24) 0; }
  .mf-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: var(--space-16); }
  .mf-hero__plate { left: calc(var(--space-6) * -1); }
  .mf-hero__foot { margin-top: var(--space-24); }
}

/* ---------- SpecStat ---------- */
.mf-stats { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.mf-stat { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6) 0; border-bottom: 1px solid var(--line); position: relative; }
.mf-stat::before { content: ""; position: absolute; left: 0; top: -1px; width: var(--space-8); height: 3px; background: var(--maca); transition: width var(--mf-slow) var(--mf-ease); }
.mf-stat:hover::before { width: 100%; }
.mf-stat__n { font: 500 clamp(48px, 3vw + 36px, 76px)/1 var(--font-mono); letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--ink); display: flex; align-items: baseline; gap: var(--space-2); }
.mf-stat__n small { font: 600 clamp(20px, .6vw + 18px, 28px)/1 var(--font-display); letter-spacing: .02em; text-transform: uppercase; color: var(--aco-text); }
.mf-stat__l { font-size: 16px; line-height: 24px; color: var(--ink-muted); max-width: 28ch; }
@media (min-width: 600px) {
  .mf-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mf-stat { padding: var(--space-6) var(--space-6) var(--space-8) 0; border-bottom: 0; }
  .mf-stat + .mf-stat { padding-left: var(--space-6); border-left: 1px solid var(--line); }
  .mf-stat + .mf-stat::before { left: var(--space-6); }
}

/* ---------- ProductCard ---------- */
.mf-card { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-4) var(--space-4) var(--space-6); color: var(--ink); transition: translate var(--mf-base) var(--mf-ease); }
.mf-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--surface-raised); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.mf-card::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--maca); transition: width var(--mf-base) var(--mf-ease); }
.mf-card:hover { translate: 0 -4px; }
.mf-card:hover::after, .mf-card:focus-within::after { width: 100%; }
.mf-card__body { display: flex; flex-direction: column; gap: var(--space-3); padding-inline: var(--space-2); flex: 1; }
.mf-card__body .mf-btn { margin-top: auto; align-self: flex-start; }
.mf-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: var(--space-3) 0; border-block: 1px solid var(--line); }
.mf-specs div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mf-specs dt { font: 600 11px/14px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.mf-specs dd { margin: 0; font: 500 16px/22px var(--font-mono); letter-spacing: -.02em; color: var(--ink); overflow-wrap: anywhere; }

/* ---------- FruitTabs ---------- */
.mf-frutas { display: flex; flex-direction: column; gap: var(--space-6); }
.mf-frutas__lista { display: flex; gap: var(--space-2); overflow-x: auto; scroll-snap-type: x proximity; padding: 4px; margin: -4px; scrollbar-width: none; }
.mf-frutas__lista::-webkit-scrollbar { display: none; }
.mf-frutas__lista .mf-chip { scroll-snap-align: start; flex: none; }
.mf-frutas__painel { display: grid; gap: var(--space-6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.mf-frutas__painel[hidden] { display: none; }
.mf-frutas__txt { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
@media (min-width: 960px) { .mf-frutas__painel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-16); } }

/* ---------- LinhaFlow: etapas da linha de beneficiamento ---------- */
.mf-linha { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; counter-reset: etapa; }
.mf-linha__et { position: relative; display: grid; align-content: start; grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-4); padding-bottom: var(--space-6); counter-increment: etapa; }
.mf-linha__et::before { content: counter(etapa, decimal-leading-zero); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-sm); background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line-strong); font: 500 13px/1 var(--font-mono); color: var(--aco-text); z-index: 1; }
.mf-linha__et::after { content: ""; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: repeating-linear-gradient(180deg, var(--aco-500) 0 6px, transparent 6px 12px); animation: mf-esteira-v 1.2s linear infinite; }
.mf-linha__et:last-child::after { display: none; }
.mf-linha__et h3 { margin: 0; font: 600 22px/1.1 var(--font-display); text-transform: uppercase; }
.mf-linha__et p { margin: 4px 0 0; font-size: 14px; line-height: 22px; color: var(--ink-muted); }
.mf-linha__et--foco::before { background: var(--maca); color: var(--on-maca); box-shadow: none; }
.mf-linha__et--foco h3 { color: var(--maca-text); }
@keyframes mf-esteira-v { to { background-position: 0 12px; } }
@keyframes mf-esteira-h { to { background-position: 12px 0; } }
@media (min-width: 960px) {
  .mf-linha { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); grid-template-columns: none; }
  .mf-linha__et { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding: 0 var(--space-4) 0 0; }
  .mf-linha__et::after { left: 40px; right: 0; top: 19px; bottom: auto; width: auto; height: 2px; background: repeating-linear-gradient(90deg, var(--aco-500) 0 6px, transparent 6px 12px); animation-name: mf-esteira-h; }
}

/* ---------- ReguaCalibre ---------- */
.mf-regua { display: flex; flex-direction: column; gap: var(--space-6); }
.mf-regua__ctl { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-6); }
.mf-regua__peso { font: 500 clamp(40px, 3vw + 28px, 64px)/1 var(--font-mono); letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--ink); }
.mf-regua__peso small { font: 600 22px/1 var(--font-display); text-transform: uppercase; color: var(--aco-text); margin-left: 6px; }
.mf-regua input[type="range"] { width: 100%; height: 48px; margin: 0; background: none; accent-color: var(--maca); cursor: ew-resize; }
.mf-regua input[type="range"]:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
.mf-regua__scroll { overflow-x: auto; padding-bottom: var(--space-2); }
.mf-regua__pista { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(84px, 1fr); gap: 2px; min-width: 100%; padding: 0; margin: 0; list-style: none; }
.mf-saida { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: var(--space-2); min-height: 168px; padding: var(--space-3) var(--space-2); background: var(--surface-sunken); border-radius: var(--radius-xs); color: var(--ink-muted); transition: background var(--mf-base) var(--mf-ease), color var(--mf-base) var(--mf-ease); }
.mf-saida__fruta { width: var(--d, 32px); height: var(--d, 32px); border-radius: 50%; background: var(--aco-500); transition: background var(--mf-base) var(--mf-ease), translate var(--mf-base) var(--mf-ease); }
.mf-saida b { font: 600 20px/1 var(--font-display); text-transform: uppercase; color: var(--ink); }
.mf-saida span { font: 500 12px/16px var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mf-saida[aria-current="true"] { background: var(--ink); color: var(--surface); }
.mf-saida[aria-current="true"] b { color: var(--surface); }
.mf-saida[aria-current="true"] .mf-saida__fruta { background: var(--maca); translate: 0 -6px; }

/* ---------- Comparativo ---------- */
.mf-compare { overflow-x: auto; }
.mf-compare table { width: 100%; min-width: 640px; border-collapse: separate; border-spacing: 0; font-size: 15px; line-height: 22px; }
.mf-compare th, .mf-compare td { padding: var(--space-4); text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.mf-compare thead th { font: 600 20px/1.1 var(--font-display); text-transform: uppercase; vertical-align: bottom; }
.mf-compare thead th small { display: block; margin-top: 4px; font: 400 13px/18px var(--font-sans); text-transform: none; color: var(--ink-muted); }
.mf-compare tbody th { font: 600 13px/18px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); width: 22%; }
.mf-compare .mf-col-mf { background: var(--surface-raised); box-shadow: inset 1px 0 0 var(--line), inset -1px 0 0 var(--line); font-weight: 600; }
.mf-compare thead .mf-col-mf { box-shadow: inset 1px 0 0 var(--line), inset -1px 0 0 var(--line), inset 0 4px 0 var(--maca); color: var(--maca-text); }
.mf-compare td .mf-data { font-size: 15px; }
.mf-compare .mf-vazio { color: var(--ink-muted); }

/* ---------- Depoimento ---------- */
.mf-depo { position: relative; isolation: isolate; margin: 0; padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-6); }
.mf-depo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--surface-raised); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.mf-depo blockquote { margin: 0; font-size: clamp(18px, .5vw + 16px, 22px); line-height: 1.45; color: var(--ink); text-wrap: pretty; }
.mf-depo figcaption { display: flex; align-items: center; gap: var(--space-3); }
.mf-depo__av { flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--aco-soft); color: var(--aco-text); display: flex; align-items: center; justify-content: center; font: 600 18px/1 var(--font-display); }
.mf-depo cite { font-style: normal; display: flex; flex-direction: column; min-width: 0; }
.mf-depo cite b { font-size: 16px; line-height: 22px; }
.mf-depo cite span { font-size: 14px; line-height: 20px; color: var(--ink-muted); }

/* ---------- Financiamento ---------- */
.mf-fin { display: grid; gap: var(--space-6); grid-template-columns: minmax(0, 1fr); align-items: center; padding: var(--space-6); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); }
.mf-fin__txt { display: flex; flex-direction: column; gap: var(--space-2); }
.mf-fin__lista { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.mf-fin__lista li { display: flex; flex-direction: column; gap: 2px; padding: var(--space-3) var(--space-4); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); min-width: 132px; }
.mf-fin__lista b { font: 600 20px/1 var(--font-display); text-transform: uppercase; }
.mf-fin__lista span { font: 500 12px/16px var(--font-mono); color: var(--ink-muted); }
@media (min-width: 960px) { .mf-fin { grid-template-columns: minmax(0, 1fr) auto auto; padding: var(--space-8); } }

/* ---------- FAQ ---------- */
.mf-faq { border-top: 1px solid var(--line); }
.mf-faq details { border-bottom: 1px solid var(--line); }
.mf-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 64px; padding: var(--space-4) 0; cursor: pointer; list-style: none; font: 600 22px/1.15 var(--font-display); text-transform: uppercase; border-radius: var(--radius-xs); }
.mf-faq summary::-webkit-details-marker { display: none; }
.mf-faq summary::after { content: ""; flex: none; width: 20px; height: 20px; background: linear-gradient(var(--maca-text), var(--maca-text)) center / 100% 2px no-repeat, linear-gradient(var(--maca-text), var(--maca-text)) center / 2px 100% no-repeat; transition: rotate var(--mf-base) var(--mf-ease); }
.mf-faq details[open] summary::after { rotate: 45deg; }
.mf-faq details p { margin: 0; padding: 0 var(--space-8) var(--space-6) 0; color: var(--ink-muted); max-width: var(--container-text); }

/* ---------- Field ---------- */
.mf-field { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.mf-field > label, .mf-field > legend, .mf-fieldset > legend { font: 600 13px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); padding: 0; }
.mf-input { width: 100%; min-height: 48px; padding: 0 var(--space-4); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface-raised); color: var(--ink); font: 400 16px/24px var(--font-sans); transition: border-color var(--mf-fast) var(--mf-ease); }
.mf-input::placeholder { color: var(--ink-muted); opacity: 1; }
.mf-input:hover { border-color: var(--ink); }
.mf-input:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
select.mf-input { appearance: none; padding-right: var(--space-12); background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%); background-position: calc(100% - 22px) 21px, calc(100% - 16px) 21px; background-size: 6px 6px; background-repeat: no-repeat; }
.mf-field__help { font-size: 14px; line-height: 20px; color: var(--ink-muted); margin: 0; }
.mf-field--erro .mf-input { border-color: var(--erro); box-shadow: inset 0 0 0 1px var(--erro); }
.mf-field__msg { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; font-weight: 600; margin: 0; }
.mf-field__msg svg { width: 16px; height: 16px; flex: none; }
.mf-field--erro .mf-field__msg { color: var(--erro); }
.mf-field--ok .mf-field__msg { color: var(--sucesso); }
.mf-fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.mf-seg { display: flex; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface-raised); overflow: hidden; }
.mf-seg label { position: relative; flex: 1 1 auto; white-space: nowrap; display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 var(--space-2); font: 500 15px/1 var(--font-mono); color: var(--ink); cursor: pointer; text-align: center; }
.mf-seg label + label { border-left: 1px solid var(--line); }
.mf-seg input { position: absolute; opacity: 0; pointer-events: none; }
.mf-seg label:has(input:checked) { background: var(--ink); color: var(--surface); }

/* ---------- LeadForm ---------- */
.mf-form { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-6) var(--space-4); color: var(--ink); }
.mf-form::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--surface-raised); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-lg)) 0, 100% var(--chanfro-lg), 100% 100%, 0 100%); }
.mf-form__head { display: flex; flex-direction: column; gap: var(--space-2); padding-right: var(--space-8); }
.mf-form__grid { display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }
.mf-form__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.mf-form__ok { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); border-radius: var(--radius-sm); background: var(--aco-soft); color: var(--aco-text); font-weight: 600; }
.mf-form__ok svg { width: 24px; height: 24px; flex: none; }
@media (min-width: 600px) {
  .mf-form { padding: var(--space-8); }
  .mf-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mf-form__grid .mf-span-2 { grid-column: 1 / -1; }
}

/* ---------- StickyCTA: barra fixa de contato no celular ---------- */
.mf-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2); padding: var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom, 0px)); background: var(--surface-raised); border-top: 1px solid var(--line); box-shadow: var(--shadow-md); }
.mf-sticky .mf-btn { padding-inline: var(--space-3); }
@media (min-width: 960px) { .mf-sticky { display: none; } }

/* ---------- Footer ---------- */
.mf-footer { background: var(--aco-900); color: var(--on-aco); padding-block: var(--space-12); }
.mf-footer a { color: var(--on-aco); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: 0s !important; }
}


/* ============ site ============ */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
section[id], article[id] { scroll-margin-top: calc(var(--header-h) + var(--space-4)); }
.todo { display: inline-block; font: 500 .8em/1.5 var(--font-mono); letter-spacing: 0; text-transform: none; color: var(--aviso); border: 1px dashed currentColor; border-radius: var(--radius-xs); padding: 0 6px; vertical-align: baseline; }
.todo::before { content: "["; } .todo::after { content: "]"; }

.progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 40; pointer-events: none; }
.progress i { display: block; height: 100%; background: var(--maca); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }

/* nav */
.mf-nav { transition: box-shadow var(--mf-base) var(--mf-ease), translate var(--mf-base) var(--mf-ease); }
.mf-nav.is-scrolled { box-shadow: var(--shadow-sm); }
.mf-nav.is-hidden { translate: 0 -100%; }
.mf-nav__links a.is-active { background-size: 100% 2px; }
@media (max-width: 959px) {
  .mf-nav__links { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; gap: 0; background: var(--surface-raised); border-bottom: 1px solid var(--line); padding: var(--space-2) var(--space-4) var(--space-4); box-shadow: var(--shadow-md); }
  .mf-nav__links.is-open { display: flex; animation: menu-in var(--mf-base) var(--mf-ease); }
  .mf-nav__links a { display: block; padding: var(--space-3) 0; font-size: 18px; }
}
@keyframes menu-in { from { opacity: 0; translate: 0 -8px; } }

/* hero */
.mf-hero { padding-block: var(--space-12) 0; }
.mf-hero .mf-btn--secondary { color: var(--ink); }
.mf-hero .mf-row .mf-btn { white-space: normal; text-align: left; padding-block: var(--space-3); max-width: 100%; }
@media (max-width: 599px) { .mf-hero .mf-row { width: 100%; } .mf-hero .mf-row .mf-btn { width: 100%; justify-content: space-between; } }
.mf-hero .mf-btn:hover .mf-seta-b { transform: translateY(4px); }
.mf-hero__gear { rotate: calc(var(--gear, 0) * 1deg); animation: none; transition: rotate .2s linear; }
.mf-hero__visual .mf-media { transition: translate .3s var(--mf-ease); }
.media-play { position: absolute; inset: 0; margin: auto; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-raised); color: var(--ink); box-shadow: 0 0 0 0 var(--line-strong); animation: pulso 2.4s var(--mf-ease) infinite; }
.media-play svg { width: 26px; height: 26px; margin-left: 3px; }
@keyframes pulso { 0% { box-shadow: 0 0 0 0 var(--line-strong); } 70%, 100% { box-shadow: 0 0 0 18px transparent; } }
.media-scan::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, transparent 40%, var(--line) 50%, transparent 60%) 0 0 / 250% 100%; opacity: .5; animation: scan 3.6s linear infinite; clip-path: polygon(0 0, calc(100% - var(--chanfro-lg)) 0, 100% var(--chanfro-lg), 100% 100%, 0 100%); }
@keyframes scan { from { background-position: 120% 0; } to { background-position: -130% 0; } }
.hstats { list-style: none; margin: var(--space-12) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.hstats li { position: relative; display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6) var(--space-4) var(--space-6) 0; border-bottom: 1px solid var(--line); }
.hstats li:nth-child(even) { padding-left: var(--space-4); border-left: 1px solid var(--line); }
.hstats li::before { content: ""; position: absolute; left: 0; top: -1px; width: var(--space-8); height: 3px; background: var(--maca); transition: width var(--mf-slow) var(--mf-ease); }
.hstats li:nth-child(even)::before { left: var(--space-4); }
.hstats li:hover::before { width: 100%; }
.hstats b { font: 500 clamp(36px, 3.4vw + 22px, 68px)/1 var(--font-mono); word-spacing: -.4em; letter-spacing: -.03em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hstats b small { font: 600 .36em/1 var(--font-display); letter-spacing: .02em; text-transform: uppercase; color: var(--aco-text); margin-left: 6px; }
.hstats li > span { color: var(--ink-muted); font-size: 15px; line-height: 22px; }
@media (min-width: 960px) {
  .mf-hero { padding-block: var(--space-24) 0; }
  .hstats { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--space-24); }
  .hstats li { border-bottom: 0; padding: var(--space-6) var(--space-6) var(--space-8) 0; }
  .hstats li + li { padding-left: var(--space-6); border-left: 1px solid var(--line); }
  .hstats li + li::before { left: var(--space-6); }
}
.mf-dentes--up { transform: scaleY(-1); background-color: transparent; }

/* seletor */
.sec-seletor { padding-block: var(--space-12); }
.seletor { display: grid; gap: var(--space-8); align-items: end; }
.chips-lg { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.chips-lg .mf-chip { min-height: 56px; padding: 0 var(--space-6) 0 var(--space-4); font-size: 18px; transition: background var(--mf-fast) var(--mf-ease), color var(--mf-fast) var(--mf-ease), border-color var(--mf-fast) var(--mf-ease), translate var(--mf-base) var(--mf-ease), box-shadow var(--mf-base) var(--mf-ease); }
.chips-lg .mf-chip::before { width: 18px; height: 18px; transition: scale var(--mf-base) var(--mf-ease); }
.chips-lg .mf-chip:hover { translate: 0 -3px; box-shadow: var(--shadow-md); }
.chips-lg .mf-chip:hover::before { scale: 1.25; }
@media (min-width: 960px) { .seletor { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-16); } .sec-seletor { padding-block: var(--space-16); } }

/* ganho */
.ganho { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-8) var(--space-6); background: var(--surface-raised); border-radius: var(--radius-sm); transition: translate var(--mf-base) var(--mf-ease), box-shadow var(--mf-base) var(--mf-ease); }
.ganho::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%), var(--aco-soft), transparent 70%); opacity: 0; transition: opacity var(--mf-base) var(--mf-ease); }
.ganho::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--maca); transition: width var(--mf-slow) var(--mf-ease); }
.ganho:hover { translate: 0 -6px; box-shadow: var(--shadow-md); }
.ganho:hover::before { opacity: 1; } .ganho:hover::after { width: 100%; }
.ganho p { margin: 0; color: var(--ink-muted); }
.ganho-ico { width: 56px; height: 56px; display: grid; place-items: center; border-radius: var(--radius-sm); background: var(--aco-soft); color: var(--aco-text); margin-bottom: var(--space-3); transition: background var(--mf-base) var(--mf-ease), color var(--mf-base) var(--mf-ease), rotate var(--mf-base) var(--mf-ease); }
.ganho-ico svg { width: 28px; height: 28px; }
.ganho:hover .ganho-ico { background: var(--maca); color: var(--on-maca); rotate: -6deg; }

/* como */
.tec { padding: var(--space-4) var(--space-4) var(--space-8); }
.tec .mf-media { overflow: hidden; }
.tec .mf-media::before { transition: scale var(--mf-slow) var(--mf-ease); }
.tec:hover .mf-media::before { scale: 1.06; }
.tec .mf-card__body { gap: var(--space-4); }
.tec-fit { margin: auto 0 0; padding-top: var(--space-4); border-top: 1px solid var(--line); font-size: 15px; line-height: 24px; }
.tec-fit b { display: block; font: 600 12px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.ajuda { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-8); padding: var(--space-6); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); }
.ajuda p { margin: 0; }

/* sob medida */
.sec-medida { position: relative; overflow: hidden; }
.sec-medida > .mf-container { position: relative; z-index: 1; }
.medida-gear { position: absolute; width: 720px; max-width: none; right: -260px; top: -200px; color: var(--surface-raised); rotate: calc(var(--gear, 0) * -1deg); transition: rotate .2s linear; pointer-events: none; }
.medida { display: grid; gap: var(--space-8); align-items: start; }
.medida-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; counter-reset: m; }
.medida-lista li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: baseline; padding: var(--space-4) 0; border-bottom: 1px solid var(--line); font-size: 18px; line-height: 26px; transition: padding-left var(--mf-base) var(--mf-ease), color var(--mf-base) var(--mf-ease); }
.medida-lista li::before { content: ""; width: var(--space-2); height: var(--space-2); background: var(--aco-300); transition: background var(--mf-base) var(--mf-ease), rotate var(--mf-base) var(--mf-ease); }
.medida-lista li:hover { padding-left: var(--space-3); }
.medida-lista li:hover::before { background: var(--maca-display); rotate: 45deg; }
.cfg { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-6) var(--space-4); }
.cfg::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--surface-raised); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-lg)) 0, 100% var(--chanfro-lg), 100% 100%, 0 100%); }
.cfg-top { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-8); align-items: flex-end; padding-right: var(--space-6); }
.cfg-top .mf-seg { min-width: 220px; }
.cfg-out { display: flex; gap: var(--space-8); margin: 0; }
.cfg-out dt { font: 600 12px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.cfg-out dd { margin: 4px 0 0; font: 500 16px/1 var(--font-mono); color: var(--aco-text); white-space: nowrap; }
.cfg-out dd b { font: 500 32px/1 var(--font-mono); letter-spacing: -.03em; color: var(--ink); font-variant-numeric: tabular-nums; }
.cfg-maq { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); background: var(--surface-sunken); border-radius: var(--radius-sm); }
.cfg-bancas { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-2); padding-left: 36px; }
.cfg-bancas span { height: 18px; border: 1px solid var(--line-strong); border-radius: var(--radius-xs); background: repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 6px); }
.cfg-lanes { display: flex; flex-direction: column; }
.cfg-lane { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--space-2); align-items: center; height: 0; opacity: 0; overflow: hidden; transition: height var(--mf-slow) var(--mf-ease), opacity var(--mf-base) var(--mf-ease); }
.cfg-lane.on { height: 26px; opacity: 1; }
.cfg-n { font: 500 11px/1 var(--font-mono); color: var(--ink-muted); }
.cfg-lane i { display: block; height: 14px; border-radius: 7px; background: radial-gradient(circle at 7px 7px, var(--maca-display) 0 5px, transparent 5.5px) 0 0 / 28px 14px repeat-x, var(--surface); animation: lane 1.1s linear infinite; }
.cfg-lane:nth-child(even) i { animation-duration: 1.3s; background-image: radial-gradient(circle at 7px 7px, var(--aco-300) 0 4px, transparent 4.5px); }
@keyframes lane { to { background-position: 28px 0, 0 0; } }
.addons { margin-top: var(--space-12); display: flex; flex-direction: column; gap: var(--space-3); }
.addons ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.addons li { padding: var(--space-2) var(--space-4); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); font: 500 15px/24px var(--font-sans); transition: background var(--mf-fast) var(--mf-ease), color var(--mf-fast) var(--mf-ease), border-color var(--mf-fast) var(--mf-ease), translate var(--mf-base) var(--mf-ease); }
.addons li::before { content: "+ "; font-family: var(--font-mono); color: var(--aco-text); }
.addons li:hover { background: var(--ink); color: var(--surface); border-color: var(--ink); translate: 0 -2px; }
.prazo { margin-top: var(--space-12); display: grid; gap: var(--space-6); align-items: center; padding: var(--space-6); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); max-width: 820px; }
.prazo-n { font: 500 88px/.9 var(--font-mono); letter-spacing: -.04em; color: var(--maca-display); display: flex; align-items: baseline; gap: var(--space-2); }
.prazo-n small { font: 600 24px/1 var(--font-display); letter-spacing: .02em; text-transform: uppercase; color: var(--ink); }
.prazo p { margin: var(--space-2) 0 0; color: var(--ink-muted); }
@media (min-width: 600px) { .cfg { padding: var(--space-8); } .prazo { grid-template-columns: auto minmax(0, 1fr); gap: var(--space-8); padding: var(--space-8); } }
@media (min-width: 960px) { .medida { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: var(--space-16); } }

/* frutas */
.sec-frutas { padding-top: 0; }
.chipbar { position: sticky; top: calc(var(--header-h) + env(safe-area-inset-top, 0px)); z-index: 10; background: var(--surface); border-bottom: 1px solid var(--line); transition: top var(--mf-base) var(--mf-ease); }
.nav-hidden .chipbar { top: env(safe-area-inset-top, 0px); }
.chipbar-in { display: flex; gap: var(--space-2); overflow-x: auto; padding-block: var(--space-3); scrollbar-width: none; }
.chipbar-in::-webkit-scrollbar { display: none; }
.chipbar-in .mf-chip { flex: none; }
.fbs { display: flex; flex-direction: column; }
.fb { display: grid; gap: var(--space-8); align-items: center; padding-block: var(--space-12); border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--header-h) + 80px); }
.fb:last-child { border-bottom: 0; padding-bottom: 0; }
.fb-txt { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; min-width: 0; }
.fb-nome { display: inline-flex; align-items: center; gap: var(--space-2); margin: 0; font: 600 13px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.fb-nome i { width: 14px; height: 14px; border-radius: 50%; background: var(--mf-fruta); transition: scale var(--mf-slow) var(--mf-ease); }
.fb.is-alvo .fb-nome i { animation: alvo 1.2s var(--mf-ease); }
@keyframes alvo { 30% { scale: 2.2; } }
.fb-spec { width: 100%; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--line); }
.fb-spec div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--line); transition: background var(--mf-fast) var(--mf-ease), padding var(--mf-base) var(--mf-ease); }
.fb-spec div:hover { background: var(--surface-sunken); padding-inline: var(--space-2); }
.fb-spec dt { font: 600 12px/22px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.fb-spec dd { margin: 0; font: 500 15px/22px var(--font-mono); color: var(--ink); }
.fb-quote { margin: 0; padding-left: var(--space-4); border-left: 3px solid var(--mf-fruta); color: var(--ink-muted); font-size: 16px; line-height: 26px; }
.fb-media { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.fb-thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.mf-media--thumb { aspect-ratio: 4 / 3; padding: var(--space-2); }
.mf-media--thumb::before { clip-path: none; }
.fb-media .mf-media { transition: translate var(--mf-base) var(--mf-ease); }
.fb-media .mf-media:hover { translate: 0 -4px; }
@media (min-width: 960px) {
  .fb { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-16); padding-block: var(--space-24); }
  .fb--flip .fb-txt { order: 2; }
}

/* prova */
.nums { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.nums li { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-4); border-top: 3px solid var(--ink); }
.nums b { font: 500 clamp(44px, 4vw + 24px, 84px)/1 var(--font-mono); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.nums b .todo { font-size: .45em; vertical-align: middle; }
.nums li > span { color: var(--ink-muted); }
.marquee { overflow: hidden; margin-block: var(--space-12); border-block: 1px solid var(--line); background: var(--surface-raised); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.marquee ul { list-style: none; margin: 0; padding: var(--space-6) 0; display: flex; width: max-content; animation: marquee 36s linear infinite; }
.marquee:hover ul { animation-play-state: paused; }
.marquee li { padding-inline: var(--space-12); font: 700 28px/1 var(--font-display); text-transform: uppercase; letter-spacing: .02em; color: var(--ink-muted); white-space: nowrap; transition: color var(--mf-fast) var(--mf-ease); }
.marquee li:hover { color: var(--ink); }
@keyframes marquee { to { translate: -50% 0; } }
.prova-grid { display: grid; gap: var(--space-6); align-items: start; }
.mf-depo { transition: translate var(--mf-base) var(--mf-ease); }
.mf-depo:hover { translate: 0 -4px; }
@media (min-width: 960px) { .nums { grid-template-columns: repeat(4, minmax(0, 1fr)); } .prova-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-8); } .marquee { margin-block: var(--space-16); } }

/* financiamento, fábrica, faq, form */
.fin, .fabrica, .formwrap { display: grid; gap: var(--space-8); align-items: center; }
.fin-ficha { margin: 0; position: relative; isolation: isolate; padding: var(--space-6); display: grid; }
.fin-ficha::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--surface-raised); border-radius: var(--radius-sm); clip-path: polygon(0 0, calc(100% - var(--chanfro-md)) 0, 100% var(--chanfro-md), 100% 100%, 0 100%); }
.fin-ficha div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.fin-ficha div:last-child { border-bottom: 0; }
.fin-ficha dt { font: 600 22px/1 var(--font-display); text-transform: uppercase; }
.fin-ficha dd { margin: 0; font: 500 16px/1.4 var(--font-mono); }
.servicos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
.servicos li { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--surface-raised); border-radius: var(--radius-sm); font-weight: 600; transition: translate var(--mf-base) var(--mf-ease); }
.servicos li:hover { translate: 4px 0; }
.servicos svg { width: 20px; height: 20px; flex: none; color: var(--sucesso); }
.servicos .todo { margin-left: auto; font-weight: 500; }
.faq-grid { display: grid; gap: 0; }
.mf-faq summary { transition: color var(--mf-fast) var(--mf-ease), padding-left var(--mf-base) var(--mf-ease); }
.mf-faq summary:hover { color: var(--maca-text); padding-left: var(--space-2); }
.mf-faq details[open] p { animation: faq-in var(--mf-base) var(--mf-ease); }
@keyframes faq-in { from { opacity: 0; translate: 0 -8px; } }
.sec-form .mf-form { gap: var(--space-6); }
.seg-wrap { flex-wrap: wrap; }
.seg-wrap label { font-family: var(--font-sans); font-weight: 600; min-height: 48px; padding: 0 var(--space-3); }
@media (min-width: 600px) { .servicos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) {
  .fin { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--space-16); }
  .fabrica { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-16); }
  .formwrap { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: var(--space-16); align-items: start; }
  .formwrap > .mf-stack { position: sticky; top: calc(var(--header-h) + var(--space-8)); }
  .faq-grid { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: var(--space-16); align-items: start; }
  .faq-grid .mf-section-head { position: sticky; top: calc(var(--header-h) + var(--space-8)); margin-bottom: 0; }
}

/* rodapé e WhatsApp */
.mf-footer { padding-block: var(--space-8) calc(var(--space-8) + 72px); }
.rodape { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-8); }
.rodape .mf-brand { color: var(--on-aco); margin-right: 0; }
.rodape-logo { display: grid; place-items: center; width: 56px; height: 52px; background: #ffffff; border-radius: var(--radius-sm); }
.rodape p { margin: 0; color: var(--on-aco); }
.rodape-contato { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin-left: auto !important; font: 500 14px/22px var(--font-mono); user-select: all; }
.wa-float { position: fixed; right: var(--space-4); bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px)); z-index: 30; display: inline-flex; align-items: center; gap: var(--space-2); min-height: 56px; padding: 0 var(--space-6) 0 var(--space-4); border-radius: var(--radius-pill); background: var(--folha); color: var(--on-folha); font: 600 16px/1 var(--font-sans); text-decoration: none; box-shadow: var(--shadow-md); transition: translate var(--mf-base) var(--mf-ease), background var(--mf-fast) var(--mf-ease), opacity var(--mf-base) var(--mf-ease); }
.wa-float svg { width: 24px; height: 24px; }
.wa-float:hover { background: var(--folha-hover); translate: 0 -4px; }
.wa-float:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
.wa-float::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 0 var(--folha); animation: wa 2.8s var(--mf-ease) infinite; pointer-events: none; }
@keyframes wa { 0% { box-shadow: 0 0 0 0 var(--folha); opacity: .7; } 70%, 100% { box-shadow: 0 0 0 16px var(--folha); opacity: 0; } }

/* ============ animações de entrada (só com JS ativo e sem redução de movimento) ============ */
.anim [data-reveal] { opacity: 0; translate: 0 32px; transition: opacity .8s var(--mf-ease), translate .8s var(--mf-ease), scale .8s var(--mf-ease), clip-path 1s var(--mf-ease); transition-delay: calc(var(--i, 0) * 90ms); }
.anim [data-reveal="scale"] { translate: 0 24px; scale: .96; }
.anim [data-reveal="wipe"] { translate: 0 0; clip-path: inset(0 100% 0 0); opacity: 1; }
.anim [data-reveal].in { opacity: 1; translate: 0 0; scale: 1; clip-path: inset(0 0 0 0); }
.anim [data-reveal].done { transition-delay: 0s; }
.anim .hero-in { opacity: 0; translate: 0 24px; }
.anim.loaded .hero-in { opacity: 1; translate: 0 0; transition: opacity .9s var(--mf-ease), translate .9s var(--mf-ease); transition-delay: calc(var(--i, 0) * 110ms + 150ms); }
.w { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .08em; margin-bottom: -.08em; }
.w > span { display: inline-block; }
.anim .w > span { translate: 0 110%; }
.anim.loaded .w > span { translate: 0 0; transition: translate .9s var(--mf-ease); transition-delay: calc(var(--w, 0) * 55ms + 100ms); }
.anim .mf-hero .mf-ticks { clip-path: inset(0 100% 0 0); }
.anim.loaded .mf-hero .mf-ticks { clip-path: inset(0 0 0 0); transition: clip-path 1.6s var(--mf-ease) .6s; }


/* ============ versão suave: clara, arredondada, sem recortes ============ */
:root {
  --surface: #fbfcfc; --surface-raised: #ffffff; --surface-sunken: #f3f6f6;
  --line: #e4eaeb; --line-strong: #7f959b; --ink: #1c2d32; --ink-muted: #5b6e74;
  --aco-soft: #e8f2f3; --maca-soft: #f6eceb;
  --folha: #3fcf80; --folha-hover: #33bd71;
  --radius-sm: 12px; --radius-md: 18px; --radius-lg: 28px;
  --shadow-sm: 0 1px 2px rgba(28,45,50,.05);
  --shadow-md: 0 18px 40px -18px rgba(28,45,50,.18), 0 2px 6px rgba(28,45,50,.04);
  --font-display: var(--font-sans);
}
body { background: var(--surface); }
.mf-section { padding-block: var(--space-16); }
@media (min-width: 960px) { .mf-section { padding-block: 112px; } }

/* tipografia */
.mf-display-xl, .mf-display-lg, .mf-display-md, .mf-display-sm { font-family: var(--font-sans); text-transform: none; font-weight: 600; letter-spacing: -.028em; }
.mf-display-xl { font-size: clamp(36px, 2.6vw + 26px, 60px); line-height: 1.06; }
.mf-display-lg { font-size: clamp(28px, 1.6vw + 22px, 44px); line-height: 1.12; }
.mf-display-md { font-size: clamp(22px, .8vw + 19px, 30px); line-height: 1.2; letter-spacing: -.02em; }
.mf-display-sm { font-size: 20px; line-height: 1.3; letter-spacing: -.015em; }
.mf-lead { font-size: clamp(17px, .2vw + 16px, 19px); line-height: 1.6; }
.mf-eyebrow { align-self: flex-start; width: fit-content; padding: 6px 12px; border-radius: 999px; background: var(--aco-soft); color: var(--aco-text); font-size: 13px; letter-spacing: 0; text-transform: none; }
.mf-eyebrow::before { width: 6px; height: 6px; border-radius: 50%; background: var(--aco-500); }
.mf-em { color: var(--maca-display); }
.mf-brand { font: 600 18px/1 var(--font-sans); text-transform: none; letter-spacing: -.02em; }
.mf-label, .mf-field > label, .mf-fieldset > legend { font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }

/* botões, selos, chips */
.mf-btn { border-radius: 12px; font-weight: 600; }
.mf-btn--primary::before { clip-path: none; border-radius: 12px; }
.mf-btn--primary { box-shadow: 0 8px 20px -10px var(--maca); }
.mf-btn--secondary { border-color: var(--line); background: var(--surface-raised); }
.mf-btn--secondary:hover { border-color: var(--line-strong); background: var(--surface-raised); }
.mf-btn--lg { min-height: 54px; font-size: 16px; padding-inline: var(--space-6); }
.mf-badge { font: 600 12.5px/20px var(--font-sans); border-radius: 999px; padding: 2px 10px; }
.mf-chip { border-color: var(--line); font-weight: 500; }
.mf-chip:hover { border-color: var(--line-strong); }
.mf-chip[aria-selected="true"], .mf-chip[aria-pressed="true"], .mf-chip:has(input:checked) { background: var(--aco-soft); color: var(--ink); border-color: var(--aco-500); }
.mf-chip::before { box-shadow: none; }
.todo { border-radius: 6px; font-size: .78em; }

/* superfícies sem recorte */
.mf-card::before, .mf-depo::before, .mf-form::before, .cfg::before, .fin-ficha::before { clip-path: none; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); }
.mf-card::after, .ganho::after, .hstats li::before { display: none; }
.mf-card { transition: translate var(--mf-base) var(--mf-ease), filter var(--mf-base) var(--mf-ease); }
.mf-card:hover, .mf-depo:hover { filter: drop-shadow(0 18px 24px rgba(28,45,50,.08)); }
.mf-media::before, .mf-media--lg::before, .media-scan::after { clip-path: none; border-radius: var(--radius-md); }
.mf-media::before { background: linear-gradient(135deg, var(--surface-sunken), var(--aco-soft)); }
.mf-media--thumb::before { border-radius: 12px; }
.mf-media__cap { font: 500 12px/16px var(--font-sans); letter-spacing: 0; background: rgba(255,255,255,.8); border-radius: 8px; padding: 4px 10px; }
.media-play { width: 56px; height: 56px; box-shadow: var(--shadow-md); animation: none; transition: scale var(--mf-base) var(--mf-ease); }
.mf-media:hover .media-play { scale: 1.08; }
.media-scan::after { opacity: .7; background-image: linear-gradient(100deg, transparent 40%, #ffffff 50%, transparent 60%); }

/* nav */
.mf-nav { background: rgba(255,255,255,.82); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom-color: transparent; }
.mf-nav.is-scrolled { border-bottom-color: var(--line); box-shadow: none; }
.mf-nav__links a { font-weight: 500; color: var(--ink-muted); background-image: linear-gradient(var(--ink), var(--ink)); background-size: 0 1.5px; }
.mf-nav__links a:hover, .mf-nav__links a.is-active { color: var(--ink); background-size: 100% 1.5px; }
.mf-nav__menu { border-color: var(--line); }
.progress { height: 2px; }

/* hero */
.mf-hero { background: radial-gradient(900px 520px at 88% 8%, var(--aco-soft), transparent 70%), radial-gradient(700px 420px at 0% 100%, var(--maca-soft), transparent 70%), var(--surface); padding-block: var(--space-12) var(--space-12); }
.mf-hero__gear, .medida-gear { display: none; }
.mf-hero__copy { gap: var(--space-6); }
.mf-hero__visual .mf-media { box-shadow: var(--shadow-md); border-radius: var(--radius-lg); }
.mf-hero__visual .mf-media::before, .mf-hero__visual .media-scan::after { border-radius: var(--radius-lg); }
.mf-hero__plate { left: var(--space-4); bottom: var(--space-4); background: var(--surface-raised); color: var(--ink); border-radius: 14px; box-shadow: var(--shadow-md); padding: var(--space-3) var(--space-4); animation: flutua 5s ease-in-out infinite; }
.mf-hero__plate b { font: 600 24px/1 var(--font-sans); letter-spacing: -.02em; }
.mf-hero__plate span { font: 500 12px/16px var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink-muted); }
@keyframes flutua { 50% { translate: 0 -6px; } }
.hstats { margin-top: var(--space-12); border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.7); overflow: hidden; }
.hstats li, .hstats li:nth-child(even), .hstats li + li { padding: var(--space-6) var(--space-4); border-color: var(--line); }
.hstats b { font: 600 clamp(26px, 1.6vw + 20px, 40px)/1 var(--font-sans); letter-spacing: -.03em; word-spacing: 0; }
.hstats b small { font: 500 .5em/1 var(--font-sans); text-transform: none; letter-spacing: 0; color: var(--ink-muted); margin-left: 4px; }
.hstats li > span { font-size: 14px; }
.hstats li { transition: background var(--mf-base) var(--mf-ease); }
.hstats li:hover { background: var(--surface-raised); }
@media (min-width: 960px) { .mf-hero { padding-block: var(--space-24) var(--space-16); } .hstats { margin-top: var(--space-16); } .hstats li, .hstats li + li { padding: var(--space-6) var(--space-8); } }

/* seções */
.sec-seletor { padding-block: var(--space-12); }
.sec-frutas { padding-top: 0; }
.chips-lg .mf-chip { min-height: 52px; font-size: 16px; background: var(--surface-raised); }
.chips-lg .mf-chip:hover { box-shadow: var(--shadow-md); }
.ganho { border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); padding: var(--space-8); }
.ganho:hover { translate: 0 -4px; box-shadow: inset 0 0 0 1px var(--line), var(--shadow-md); }
.ganho-ico { width: 48px; height: 48px; border-radius: 14px; }
.ganho-ico svg { width: 24px; height: 24px; stroke-linecap: round; stroke-linejoin: round; }
.ganho:hover .ganho-ico { background: var(--aco-700); color: var(--on-aco); rotate: 0deg; scale: 1.06; }
.ganho p { font-size: 15px; line-height: 24px; }
.tec { padding: var(--space-4) var(--space-4) var(--space-8); }
.tec-fit b { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ajuda { border-color: var(--line); border-radius: var(--radius-md); background: var(--surface-sunken); padding: var(--space-6) var(--space-8); }
.sec-medida, .sec-form { background: var(--surface-sunken); }
.medida-lista li { font-size: 17px; }
.medida-lista li::before { width: 8px; height: 8px; border-radius: 50%; background: var(--aco-500); }
.medida-lista li:hover::before { background: var(--maca); rotate: 0deg; scale: 1.4; }
.cfg { box-shadow: none; }
.cfg::before { box-shadow: inset 0 0 0 1px var(--line), var(--shadow-md); }
.cfg-out dt { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.cfg-out dd { font: 500 15px/1 var(--font-sans); color: var(--ink-muted); }
.cfg-out dd b { font: 600 30px/1 var(--font-sans); }
.cfg-maq { border-radius: 14px; }
.cfg-bancas span { border-color: var(--line); border-radius: 6px; background: var(--surface-raised); height: 16px; }
.cfg-lane i { background-color: var(--surface-raised); }
.cfg-lane i, .cfg-lane:nth-child(even) i { background-image: radial-gradient(circle at 7px 7px, var(--aco-500) 0 4px, transparent 4.5px); }
.cfg-lane:nth-child(3n+1) i { background-image: radial-gradient(circle at 7px 7px, var(--maca) 0 4px, transparent 4.5px); }
.mf-seg { border-color: var(--line); border-radius: 12px; }
.mf-seg label { font-family: var(--font-sans); font-weight: 500; }
.mf-seg label:has(input:checked) { background: var(--aco-soft); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--aco-500); border-radius: 11px; }
.addons li { border: 0; border-radius: 999px; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); font-size: 14px; }
.addons li:hover { background: var(--aco-soft); color: var(--ink); translate: 0 -2px; }
.prazo { border: 0; border-radius: var(--radius-md); background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); }
.prazo-n { font: 600 64px/.9 var(--font-sans); letter-spacing: -.04em; color: var(--aco-text); }
.prazo-n small { font: 500 18px/1 var(--font-sans); text-transform: none; letter-spacing: 0; color: var(--ink-muted); }
.chipbar { background: rgba(251,252,252,.86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.fb-nome { font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.fb-spec dt { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.fb-spec dd { font: 500 15px/22px var(--font-sans); }
.fb-spec div:hover { border-radius: 8px; }
.fb-quote { border-left-width: 2px; }
.nums li { border-top: 1px solid var(--line); }
.nums b { font: 600 clamp(36px, 2.4vw + 26px, 60px)/1 var(--font-sans); letter-spacing: -.04em; }
.marquee { background: transparent; }
.marquee li { font: 600 20px/1 var(--font-sans); text-transform: none; letter-spacing: -.01em; opacity: .7; }
.mf-depo blockquote { font-size: 18px; }
.mf-depo__av { font: 600 14px/1 var(--font-sans); }
.fin-ficha { padding: var(--space-4) var(--space-8); }
.fin-ficha::before { box-shadow: inset 0 0 0 1px var(--line), var(--shadow-md); }
.fin-ficha dt { font: 500 16px/1.4 var(--font-sans); text-transform: none; color: var(--ink-muted); }
.fin-ficha dd { font-family: var(--font-sans); }
.servicos li { border-radius: 12px; font-weight: 500; box-shadow: inset 0 0 0 1px var(--line); }
.mf-faq summary { font: 600 18px/1.4 var(--font-sans); text-transform: none; letter-spacing: -.01em; min-height: 68px; }
.mf-faq summary::after { width: 16px; height: 16px; background-image: linear-gradient(var(--ink-muted), var(--ink-muted)), linear-gradient(var(--ink-muted), var(--ink-muted)); background-size: 100% 1.5px, 1.5px 100%; }
.mf-faq summary:hover { color: var(--ink); }
.mf-input { border-color: #c2ced1; border-radius: 12px; }
.mf-input:hover { border-color: var(--line-strong); }
.mf-form { padding: var(--space-6); }
.mf-form::before { box-shadow: inset 0 0 0 1px var(--line), var(--shadow-md); }
.mf-form__ok { border-radius: 12px; }
@media (min-width: 600px) { .mf-form { padding: var(--space-8); } }
.mf-footer { background: var(--surface); color: var(--ink); border-top: 1px solid var(--line); }
.rodape .mf-brand, .rodape p { color: var(--ink); }
.rodape p { color: var(--ink-muted); }
.rodape-logo { width: auto; height: auto; background: none; }
.rodape-contato { font: 500 14px/22px var(--font-sans); }
.wa-float { box-shadow: var(--shadow-md); }
.wa-float::after { display: none; }
.anim [data-reveal] { translate: 0 20px; transition-duration: .9s; }


/* ============ acabamento sóbrio ============ */
:root {
  --surface: #ffffff; --surface-sunken: #f5f7f7; --aco-soft: #eaf1f2;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --font-display: "Archivo", "Instrument Sans", system-ui, sans-serif;
  --shadow-md: 0 16px 36px -20px rgba(28,45,50,.22), 0 1px 3px rgba(28,45,50,.05);
}
.mf-display-xl, .mf-display-lg, .mf-display-md, .mf-display-sm { font-family: var(--font-display); font-weight: 600; letter-spacing: -.022em; }
.mf-display-xl { font-size: clamp(36px, 2.5vw + 26px, 62px); line-height: 1.06; }
.mf-display-lg { font-size: clamp(28px, 1.6vw + 22px, 44px); line-height: 1.1; }
.mf-display-md { font-size: clamp(22px, .7vw + 19px, 28px); line-height: 1.18; letter-spacing: -.018em; }
.mf-display-sm { font-size: 19px; line-height: 1.3; letter-spacing: -.012em; }
.mf-brand { font: 600 19px/1 var(--font-display); letter-spacing: -.015em; }
.mf-section-head { gap: var(--space-4); max-width: 760px; }
.mf-em { color: var(--maca-display); background: none; }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 4px 14px 4px 4px; border-radius: 999px; background: #ffffff; box-shadow: inset 0 0 0 1px var(--line), 0 1px 2px rgba(28,45,50,.05); font: 500 14px/20px var(--font-sans); color: var(--ink-muted); max-width: 100%; }
.hero-kicker b { padding: 4px 10px; border-radius: 999px; background: var(--aco-soft); color: var(--aco-text); font-weight: 600; font-size: 13px; white-space: nowrap; }
.hero-kicker span { min-width: 0; white-space: nowrap; }
.hero-kicker i { font-style: normal; }
@media (max-width: 479px) { .hero-kicker i { display: none; } }

/* controles */
.mf-btn { border-radius: 8px; }
.mf-btn--primary::before { border-radius: 8px; background: var(--maca); }
.mf-btn--primary { box-shadow: 0 1px 2px rgba(28,45,50,.12); transition: translate var(--mf-base) var(--mf-ease), box-shadow var(--mf-base) var(--mf-ease); }
.mf-btn--primary:hover { translate: 0 -1px; box-shadow: 0 10px 20px -12px var(--maca); }
.mf-btn--primary:hover::before { background: var(--maca-hover); }
.mf-btn--secondary { border-color: #c9d4d6; }
.mf-btn--secondary:hover { border-color: var(--ink); }
.mf-badge { border-radius: 6px; font: 500 12.5px/20px var(--font-sans); background: var(--surface-sunken); color: var(--ink-muted); }
.mf-chip { border-radius: 8px; border-color: #c9d4d6; font-weight: 500; }
.mf-chip::before { width: 8px; height: 8px; box-shadow: none; }
.mf-chip:hover { border-color: var(--ink); }
.mf-chip[aria-selected="true"], .mf-chip[aria-pressed="true"], .mf-chip:has(input:checked) { background: var(--ink); color: #ffffff; border-color: var(--ink); }
.mf-seg { border-radius: 8px; border-color: #c9d4d6; }
.mf-seg label:has(input:checked) { background: var(--ink); color: #ffffff; box-shadow: none; border-radius: 0; }
.mf-input { border-radius: 8px; }

/* mídia */
.mf-media { box-shadow: inset 0 0 0 1px var(--line); border-radius: var(--radius-md); }
.mf-media::before, .mf-media--lg::before { border-radius: var(--radius-md); background: linear-gradient(135deg, #f1f4f4, #e4eaeb); }
.mf-media--thumb, .mf-media--thumb::before { border-radius: 8px; }
.mf-media__cap { font: 500 12px/16px var(--font-sans); background: #ffffff; border-radius: 6px; padding: 4px 8px; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-muted); }
.media-play { width: 52px; height: 52px; box-shadow: 0 8px 20px -8px rgba(28,45,50,.35); }
.media-play svg { width: 22px; height: 22px; }

/* hero */
.mf-hero { background: linear-gradient(180deg, #f2f6f6, #ffffff 78%); }
.mf-hero__visual .mf-media, .mf-hero__visual .mf-media::before { border-radius: var(--radius-lg); }
.mf-hero__visual .mf-media { box-shadow: 0 30px 60px -36px rgba(28,45,50,.4), inset 0 0 0 1px var(--line); }
.hero-trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); font-size: 14px; line-height: 22px; color: var(--ink-muted); }
.hero-trust li { display: inline-flex; align-items: center; gap: 6px; }
.hero-trust svg { width: 16px; height: 16px; color: var(--aco-text); }
.hstats { border-radius: var(--radius-md); background: #ffffff; box-shadow: none; border: 1px solid var(--line); }
.hstats b { font: 600 clamp(28px, 1.6vw + 22px, 42px)/1 var(--font-display); letter-spacing: -.03em; }
.hstats b small { color: var(--ink-muted); font-weight: 500; }
.hstats li > span { font: 400 14px/20px var(--font-sans); letter-spacing: 0; text-transform: none; }
.hstats li:hover { background: var(--surface-sunken); }

/* seletor */
.sec-seletor { border-bottom: 1px solid var(--line); }
.chips-lg .mf-chip { min-height: 48px; font-size: 16px; padding: 0 var(--space-4); }
.chips-lg .mf-chip::before { width: 10px; height: 10px; }
.chips-lg .mf-chip:hover { translate: 0 -2px; box-shadow: none; }
.chips-lg .mf-chip:hover::before { scale: 1; }

/* ganhos */
.ganho { background: #ffffff; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); padding: var(--space-8) var(--space-6); gap: var(--space-3); }
.ganho::before { display: none; }
.ganho:hover { translate: 0 -3px; box-shadow: inset 0 0 0 1px #c9d4d6, var(--shadow-md); }
.ganho-ico { width: 44px; height: 44px; border-radius: 8px; background: none; box-shadow: inset 0 0 0 1px #c9d4d6; color: var(--aco-text); margin-bottom: var(--space-4); }
.ganho-ico svg { width: 22px; height: 22px; }
.ganho:hover .ganho-ico { background: var(--ink); color: #ffffff; box-shadow: none; scale: 1; }

/* tecnologias */
.mf-card::before { border-radius: var(--radius-md); }
.tec .mf-media, .tec .mf-media::before { border-radius: 8px; }
.tec:hover .mf-media::before { scale: 1; }
.ajuda { background: var(--surface-sunken); border: 0; box-shadow: none; border-radius: var(--radius-md); }

/* sob medida */
.sec-medida, .sec-form, #ganho, #prova, #fabrica { background: var(--surface-sunken); }
.medida-lista li::before { width: 6px; height: 6px; background: var(--ink-muted); }
.medida-lista li:hover { padding-left: var(--space-2); }
.medida-lista li:hover::before { background: var(--maca); scale: 1; }
.cfg::before { border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-md); }
.cfg-out dd b { font: 600 30px/1 var(--font-display); }
.cfg-maq { border-radius: 8px; background: var(--surface-sunken); }
.cfg-bancas span { border-radius: 3px; }
.cfg-lane i, .cfg-lane:nth-child(even) i, .cfg-lane:nth-child(3n+1) i { background-image: radial-gradient(circle at 7px 7px, var(--aco-500) 0 3.5px, transparent 4px); }
.cfg-lane:nth-child(even) i { background-image: radial-gradient(circle at 7px 7px, var(--aco-300) 0 3.5px, transparent 4px); }
.addons li { border-radius: 8px; }
.addons li:hover { background: var(--ink); color: #ffffff; box-shadow: none; }
.addons li:hover::before { color: #ffffff; }
.prazo { background: #ffffff; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); }
.prazo-n { font: 600 72px/.9 var(--font-display); letter-spacing: -.04em; color: var(--ink); }

/* frutas */
.chipbar { background: rgba(255,255,255,.9); }
.fb h3 { max-width: 20ch; }
.fb-main { position: relative; }
.fb-tag { position: absolute; left: var(--space-4); top: var(--space-4); display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 6px; background: #ffffff; box-shadow: inset 0 0 0 1px var(--line); font: 600 13px/18px var(--font-sans); }
.fb-tag i { width: 8px; height: 8px; border-radius: 50%; background: var(--mf-fruta); }
.fb-spec { border-top: 0; border-radius: var(--radius-md); background: #ffffff; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.fb-spec div { padding: var(--space-3) var(--space-4); }
.fb-spec div:last-child { border-bottom: 0; }
.fb-spec div:hover { padding-inline: var(--space-4); border-radius: 0; background: var(--surface-sunken); }
.fb-spec dd { font-weight: 600; }
.fb-media .mf-media:hover { translate: 0 0; }

/* prova */
.prova { display: grid; gap: var(--space-8); align-items: center; }
.nums { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--space-4); margin-top: var(--space-4); }
.nums li { border-top: 1px solid var(--ink); padding-top: var(--space-4); }
.nums b { font: 600 clamp(34px, 2vw + 24px, 54px)/1 var(--font-display); letter-spacing: -.035em; }
.nums li > span { font-size: 14px; line-height: 20px; }
.marquee { margin-block: var(--space-12) 0; background: none; border-block: 1px solid var(--line); }
.marquee li { font: 600 18px/1 var(--font-display); letter-spacing: -.01em; opacity: 1; color: var(--ink-muted); }
@media (min-width: 960px) { .prova { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--space-16); } }

/* financiamento */
.passos { list-style: none; margin: 0; padding: 0; counter-reset: p; display: flex; flex-direction: column; }
.passos li { counter-increment: p; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: var(--space-4); padding: var(--space-6) 0; border-top: 1px solid var(--line); }
.passos li:last-child { border-bottom: 1px solid var(--line); }
.passos li::before { content: counter(p, decimal-leading-zero); grid-row: span 2; font: 500 13px/26px var(--font-mono); color: var(--ink-muted); }
.passos h3 { margin: 0; }
.passos p { margin: 4px 0 0; color: var(--ink-muted); font-size: 15px; line-height: 24px; }

/* fábrica */
.fabrica .mf-media, .fabrica .mf-media::before { border-radius: var(--radius-lg); }
.servicos li { background: #ffffff; border-radius: 8px; }
.servicos svg { color: var(--aco-text); }

/* faq */
.mf-faq { border-top: 1px solid var(--line); }
.mf-faq summary { font: 600 18px/1.4 var(--font-display); letter-spacing: -.01em; }
.mf-faq summary::after { width: 14px; height: 14px; background: linear-gradient(var(--ink), var(--ink)) center / 100% 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 1.5px 100% no-repeat; }

/* formulário */
.mf-form::before { border-radius: var(--radius-lg); box-shadow: inset 0 0 0 1px var(--line), 0 30px 60px -40px rgba(28,45,50,.35); }
.form-pontos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.form-pontos li { display: flex; gap: var(--space-3); align-items: flex-start; }
.form-pontos svg { width: 20px; height: 20px; flex: none; margin-top: 3px; color: var(--aco-text); }
.mf-form__ok { border-radius: 8px; }

/* rodapé e WhatsApp */
.mf-footer { background: #ffffff; border-top: 1px solid var(--line); padding-block: var(--space-16) calc(var(--space-8) + 72px); }
.rodape { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); align-items: start; }
.rodape-marca { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; max-width: 34ch; }
.rodape-marca p { color: var(--ink-muted); margin: 0; }
.rodape-col { display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; font-size: 15px; }
.rodape-col b { font: 600 13px/18px var(--font-sans); color: var(--ink-muted); margin-bottom: var(--space-2); }
.rodape-col a:not(.mf-btn) { color: var(--ink); text-decoration: none; background: linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1.5px no-repeat; transition: background-size var(--mf-base) var(--mf-ease); }
.rodape-col a:not(.mf-btn):hover { background-size: 100% 1.5px; }
.rodape-col span { user-select: all; }
.rodape-fim { margin: var(--space-12) 0 0; padding-top: var(--space-6); border-top: 1px solid var(--line); font-size: 13px; line-height: 18px; color: var(--ink-muted); }
@media (min-width: 600px) { .rodape { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .rodape { grid-template-columns: 1.4fr .8fr 1fr 1fr; gap: var(--space-12); } }
.wa-float { min-height: 52px; box-shadow: 0 10px 24px -12px rgba(28,45,50,.45); }


/* ============ ajustes: menos mídia, dados finais ============ */
.tec { padding: var(--space-8) var(--space-6); }
.tec .mf-card__body { padding-inline: 0; align-items: flex-start; }
.tec .ganho-ico { margin-bottom: 0; }
.tec:hover .ganho-ico { background: var(--ink); color: #ffffff; box-shadow: none; }
.tec-fit { width: 100%; }
.fb { align-items: start; }
@media (min-width: 960px) { .fb { padding-block: var(--space-16); } }
.fb-tag { position: static; align-self: flex-start; }
.fb-spec { align-self: center; }
.fb-card { align-self: center; background: #ffffff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.fb-foto { position: relative; margin: 0; aspect-ratio: 16 / 10; display: grid; place-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--mf-fruta) 7%, #f3f6f6), color-mix(in srgb, var(--mf-fruta) 16%, #e4eaeb)); border-bottom: 1px solid var(--line); }
.fb-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fb-card .fb-spec { background: none; box-shadow: none; border-radius: 0; }
@media (min-width: 960px) { .fb:not(.fb--outra) .fb-txt { align-self: center; } }
.ico-wa { display: inline-block; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.wa-float .ico-wa { width: 24px; height: 24px; }
@media (max-width: 599px) { .wa-float .ico-wa { width: 28px; height: 28px; } }
.fb.fb--outra { display: block; }
.fb-outra { display: grid; gap: var(--space-8); align-items: center; padding: var(--space-8); background: var(--surface-raised); border: 1px solid var(--line); border-radius: 16px; }
.fb-outra .fb-txt { gap: var(--space-3); }
.fb-outra h3 { max-width: none; }
.fb-outra .mf-lead { max-width: 52ch; }
.fb-outra__cta { display: flex; flex-direction: column; gap: var(--space-3); }
.fb-outra__cta .mf-btn { width: 100%; justify-content: center; }
@media (min-width: 960px) {
  .fb-outra { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-16); padding: var(--space-12); }
  .fb-outra__cta { min-width: 280px; }
}
@media (max-width: 599px) { .fb-outra { padding: var(--space-6) var(--space-4); gap: var(--space-6); } }
.prova { align-items: end; }
.nums { margin-top: 0; }
.endereco { display: flex; gap: var(--space-3); align-items: flex-start; margin: 0; font-size: 15px; line-height: 24px; color: var(--ink-muted); }
.endereco svg { width: 20px; height: 20px; flex: none; margin-top: 2px; color: var(--aco-text); }
.rodape-social { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.rodape-social a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 var(--space-4) 0 var(--space-3); border-radius: 8px; box-shadow: inset 0 0 0 1px #c9d4d6; color: var(--ink); text-decoration: none; font: 500 14px/1 var(--font-sans); transition: box-shadow var(--mf-fast) var(--mf-ease), translate var(--mf-base) var(--mf-ease); }
.rodape-social a:hover { box-shadow: inset 0 0 0 1px var(--ink); translate: 0 -2px; }
.rodape-social svg { width: 20px; height: 20px; }
.rodape-col address { font-style: normal; line-height: 26px; color: var(--ink); }
.rodape-col a:not(.mf-btn) { padding-block: 4px; }

/* ============ celular ============ */
@media (max-width: 599px) {
  .mf-section { padding-block: 56px; }
  .mf-section-head { margin-bottom: var(--space-6); gap: var(--space-3); }
  .mf-display-xl { font-size: clamp(32px, 9.2vw, 40px); line-height: 1.08; }
  .mf-display-lg { font-size: clamp(25px, 7vw, 30px); line-height: 1.14; }
  .mf-display-md { font-size: 22px; }
  .mf-lead { font-size: 16px; line-height: 1.6; }
  .mf-nav__in { min-height: 60px; }
  .mf-brand { font-size: 17px; gap: 8px; }
  .mf-brand img { width: 38px; height: 34px; }
  .mf-nav__menu { width: 44px; height: 44px; border-radius: 8px; }

  .mf-hero { padding-block: var(--space-8) var(--space-8); }
  .mf-hero__grid { gap: var(--space-6); }
  .mf-hero__copy { gap: var(--space-4); }
  .hero-kicker { font-size: 13px; }
  .mf-hero .mf-row .mf-btn { min-height: 52px; font-size: 15px; padding-inline: var(--space-4); }
  .hero-trust { flex-direction: column; gap: 6px; }
  .mf-hero__visual .mf-media { aspect-ratio: 16 / 10; }
  .hstats { margin-top: var(--space-6); }
  .hstats li, .hstats li:nth-child(even), .hstats li + li { padding: var(--space-4); }
  .hstats b { font-size: 26px; }
  .hstats li > span { font-size: 13px; line-height: 18px; }

  .sec-seletor { padding-block: var(--space-8); }
  .seletor { gap: var(--space-6); }
  .chips-lg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  .chips-lg .mf-chip { width: 100%; min-height: 48px; font-size: 15px; padding: 0 var(--space-3); white-space: normal; text-align: left; line-height: 1.2; }

  .ganho { padding: var(--space-6) var(--space-4); display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: var(--space-4); row-gap: 4px; align-items: start; }
  .ganho-ico { grid-row: span 2; margin-bottom: 0; }
  .ganho h3, .ganho p { grid-column: 2; }
  .tec { padding: var(--space-6) var(--space-4); }
  .ajuda { flex-direction: column; align-items: stretch; padding: var(--space-6) var(--space-4); margin-top: var(--space-6); }
  .ajuda .mf-btn { width: 100%; }

  .medida { gap: var(--space-6); }
  .medida-lista li { font-size: 16px; line-height: 24px; padding: var(--space-3) 0; }
  .cfg { padding: var(--space-4); gap: var(--space-4); }
  .cfg-top { padding-right: 0; gap: var(--space-4); }
  .cfg-top .mf-fieldset, .cfg-top .mf-seg { width: 100%; min-width: 0; }
  .cfg-out { width: 100%; gap: var(--space-6); }
  .cfg-out dd b { font-size: 26px; }
  .cfg-maq { padding: var(--space-3); }
  .cfg-bancas { padding-left: 30px; gap: 4px; }
  .cfg-lane { grid-template-columns: 22px minmax(0, 1fr); }
  .addons { margin-top: var(--space-8); }
  .addons li { font-size: 14px; padding: 6px var(--space-3); }
  .prazo { margin-top: var(--space-8); padding: var(--space-6) var(--space-4); gap: var(--space-3); }
  .prazo-n { font-size: 52px; }

  .chipbar-in { padding-block: var(--space-2); margin-inline: calc(var(--space-4) * -1); padding-inline: var(--space-4); scroll-padding-inline: var(--space-4); }
  .chipbar .mf-chip { min-height: 40px; font-size: 14px; }
  .fb { padding-block: var(--space-8); gap: var(--space-6); }
  .fb-txt { gap: var(--space-3); }
  .fb .mf-row, .fb .mf-row .mf-btn { width: 100%; }
  .fb-spec div { grid-template-columns: 104px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-3); }
  .fb-spec dd { font-size: 14px; }

  .nums { grid-template-columns: minmax(0, 1fr) !important; gap: 0; }
  .nums li { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: var(--space-4); padding: var(--space-4) 0; border-top: 1px solid var(--line); }
  .nums li:last-child { border-bottom: 1px solid var(--line); }
  .nums b { font-size: 40px; }
  .nums li > span { font-size: 15px; }
  .marquee { margin-top: var(--space-8); }
  .marquee li { font-size: 16px; padding-inline: var(--space-6); }
  .marquee ul { padding-block: var(--space-4); }

  .fin, .fabrica, .formwrap { gap: var(--space-6); }
  .fin .mf-btn { width: 100%; }
  .passos li { padding: var(--space-4) 0; grid-template-columns: 32px minmax(0, 1fr); }
  .fabrica .mf-media { aspect-ratio: 16 / 10; }
  .mf-faq summary { font-size: 16px; min-height: 56px; padding-block: var(--space-3); }
  .mf-faq details p { padding-right: 0; font-size: 15px; line-height: 24px; }

  .mf-form { padding: var(--space-6) var(--space-4); gap: var(--space-4); }
  .seg-wrap { flex-direction: column; }
  .seg-wrap label { justify-content: flex-start; padding: 0 var(--space-4); min-height: 48px; }
  .seg-wrap label + label { border-left: 0; border-top: 1px solid var(--line); }
  .formwrap .mf-btn--whatsapp { width: 100%; }

  .mf-footer { padding-block: var(--space-12) 96px; }
  .rodape { gap: var(--space-8); }
  .rodape-fim { margin-top: var(--space-8); }
  .wa-float { right: var(--space-4); min-height: 56px; width: 56px; padding: 0; justify-content: center; }
  .wa-float span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .wa-float svg { width: 26px; height: 26px; }
}
@media (max-width: 359px) {
  .chips-lg { grid-template-columns: minmax(0, 1fr); }
  .hstats b { font-size: 23px; }
}
