/* Molde finagro-lp: clone de https://finagro.app/ para /app-para-medico-plantonista do Seu Plantão.
   Gerado por moldes/finagro-lp/ferramentas/montar.mjs (folha do molde podada + iphone.css + marca.css): não editar à mão. */

:where(.mx-finagro, .mx-finagro *:not(svg, svg *), .mx-finagro ::before, .mx-finagro ::after) { all: revert; }
.mx-finagro { --mx-rem: 16px; font-size: var(--mx-rem); display: block; position: relative; isolation: isolate; }
.mx-finagro *, .mx-finagro ::before, .mx-finagro ::after { box-sizing: border-box; }


.mx-finagro {
  
  --verde: var(--m-destaque);
  --verde-fundo: var(--m-primaria);
  --verde-vivo: var(--m-primaria-2);
  --verde-claro: var(--m-superficie-2);
  --verde-botao: var(--m-primaria); 
  --verde-luz: var(--m-destaque); 
  --app-barra: var(--m-destaque); 
  --trigo: var(--m-destaque);
  --vermelho: var(--m-baixa);
  --vermelho-claro: var(--m-superficie-2);
  --tinta: var(--m-texto);
  --tinta-2: var(--m-texto-suave);
  --tinta-3: var(--m-texto-fraco);
  --papel: var(--m-claro, transparent);
  --superficie: var(--m-superficie);
  --linha: var(--m-borda);
  --noite: var(--m-fundo-2);
  --noite-2: var(--m-fundo-2);
  --f-titulo: var(--m-f-titulo);
  --f-texto: var(--m-f-corpo);
  --t-h1: clamp(calc(2 * var(--mx-rem)), calc(1.25 * var(--mx-rem)) + 3.35vw, calc(4.25 * var(--mx-rem)));
  --t-h2: clamp(calc(1.75 * var(--mx-rem)), calc(1.28 * var(--mx-rem)) + 2.1vw, calc(2.875 * var(--mx-rem)));
  --t-h3: clamp(calc(1.125 * var(--mx-rem)), calc(1.03 * var(--mx-rem)) + .42vw, calc(1.375 * var(--mx-rem)));
  --t-corpo: clamp(calc(1.0625 * var(--mx-rem)), calc(1.01 * var(--mx-rem)) + .23vw, calc(1.1875 * var(--mx-rem)));
  --t-apoio: clamp(calc(1.0625 * var(--mx-rem)), calc(.97 * var(--mx-rem)) + .45vw, calc(1.3125 * var(--mx-rem)));
  --t-peq: calc(.9375 * var(--mx-rem));
  --gutter: clamp(calc(1 * var(--mx-rem)), calc(.6 * var(--mx-rem)) + 1.8vw, calc(2 * var(--mx-rem)));
  --casca: calc(75 * var(--mx-rem));
  --sp-sec: clamp(calc(3 * var(--mx-rem)), calc(1.9 * var(--mx-rem)) + 4.8vw, calc(6 * var(--mx-rem)));
  --raio: clamp(calc(1.125 * var(--mx-rem)), calc(.9 * var(--mx-rem)) + .9vw, calc(1.75 * var(--mx-rem)));
  --sombra-1: 0 1px 2px rgb(0 0 0 / .05), 0 8px 22px -14px rgb(0 0 0 / .2);
  --sombra-2: 0 2px 4px rgb(0 0 0 / .05), 0 22px 46px -24px rgb(0 0 0 / .34);
  --saida: cubic-bezier(.22, 1, .36, 1);
  --topo-h: calc(4.5 * var(--mx-rem));
  color-scheme: light;
}


.mx-finagro *, .mx-finagro *::before, .mx-finagro *::after { box-sizing: border-box; }
.mx-finagro * { margin: 0; }
.mx-finagro { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--topo-h) + calc(.75 * var(--mx-rem))); }
@media (prefers-reduced-motion: no-preference) { .mx-finagro { scroll-behavior: smooth; } }
.mx-finagro { min-height: 100svh; background: var(--papel); color: var(--tinta); font-family: var(--f-texto); font-size: calc(1.0625 * var(--mx-rem)); font-size: var(--t-corpo); line-height: 1.55; font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.mx-finagro img, .mx-finagro video, .mx-finagro svg, .mx-finagro picture { display: block; max-width: 100%; }
.mx-finagro img, .mx-finagro video { height: auto; }
.mx-finagro svg { fill: none; }
.mx-finagro a { color: inherit; text-decoration: none; }
.mx-finagro button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.mx-finagro ul, .mx-finagro ol { list-style: none; padding: 0; }
.mx-finagro h1, .mx-finagro h2, .mx-finagro h3, .mx-finagro h4 { font-family: var(--f-titulo); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.mx-finagro h3, .mx-finagro h4 { line-height: 1.28; }
.mx-finagro p { text-wrap: pretty; }
.mx-finagro :focus-visible { outline: 3px solid var(--verde-vivo); outline-offset: 3px; border-radius: 6px; }
.mx-finagro .casca { width: 100%; max-width: var(--casca); margin-left: auto; margin-right: auto; }
.mx-finagro .heroi, .mx-finagro .secao, .mx-finagro .chamada, .mx-finagro .rodape { padding-left: calc(1 * var(--mx-rem)); padding-right: calc(1 * var(--mx-rem)); }
@media (min-width: 48rem) { .mx-finagro .heroi, .mx-finagro .secao, .mx-finagro .chamada, .mx-finagro .rodape { padding-left: calc(1.5 * var(--mx-rem)); padding-right: calc(1.5 * var(--mx-rem)); } }
@media (min-width: 80rem) { .mx-finagro .heroi, .mx-finagro .secao, .mx-finagro .chamada, .mx-finagro .rodape { padding-left: calc(2 * var(--mx-rem)); padding-right: calc(2 * var(--mx-rem)); } }
.mx-finagro .so-cel { display: none; }
@media (max-width: 47.99rem) { .mx-finagro .so-pc { display: none; } .mx-finagro .so-cel { display: inline; } }


.mx-finagro .botao { --altura: calc(3 * var(--mx-rem)); display: inline-flex; align-items: center; justify-content: center; gap: calc(.55 * var(--mx-rem)); min-height: var(--altura); min-width: 44px; padding: calc(.6 * var(--mx-rem)) calc(1.35 * var(--mx-rem)); border-radius: 999px; font-family: var(--f-titulo); font-size: calc(1 * var(--mx-rem)); font-weight: 650; letter-spacing: -.005em; white-space: nowrap; transition: transform .18s var(--saida), background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mx-finagro .botao svg { width: calc(1.25 * var(--mx-rem)); height: calc(1.25 * var(--mx-rem)); flex: none; }
.mx-finagro .botao--grande { --altura: calc(3.5 * var(--mx-rem)); padding: calc(.75 * var(--mx-rem)) calc(1.75 * var(--mx-rem)); font-size: calc(1.0625 * var(--mx-rem)); }
.mx-finagro .botao--cheio { color: var(--m-sobre-primaria); background: var(--verde-botao) linear-gradient(100deg, transparent 30%, var(--m-primaria-2) 50%, transparent 70%) -160% 0 / 55% 100% no-repeat; box-shadow: 0 10px 22px -14px rgb(0 0 0 / .55), inset 0 1px 0 color-mix(in srgb, var(--m-sobre-primaria) 14%, transparent); }
.mx-finagro .botao--vidro { color: var(--m-sobre-primaria); background: color-mix(in srgb, var(--m-fundo) 50%, transparent); border: 1px solid color-mix(in srgb, var(--m-sobre-primaria) 38%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.mx-finagro .botao--linha { color: var(--verde-fundo); border: 1.5px solid currentColor; background: transparent; }
.mx-finagro .botao:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .mx-finagro .botao--cheio:hover { background-color: var(--verde-fundo); transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgb(0 0 0 / .6), inset 0 1px 0 color-mix(in srgb, var(--m-sobre-primaria) 14%, transparent); }
  .mx-finagro .botao--vidro:hover { background-color: color-mix(in srgb, var(--m-fundo) 66%, transparent); border-color: color-mix(in srgb, var(--m-sobre-primaria) 60%, transparent); transform: translateY(-2px); }
  .mx-finagro .botao--linha:hover { background: var(--verde-claro); }
}
@media (prefers-reduced-motion: no-preference) {
  .mx-finagro .botao--cheio { animation: mx-finagro-brilho 5.5s ease-in-out 2.2s infinite; }
}
@keyframes mx-finagro-brilho { 0%, 62% { background-position: -160% 0; } 100% { background-position: 260% 0; } }


.mx-finagro .topo { position: fixed; inset: 0 0 auto; z-index: 60; padding-top: env(safe-area-inset-top); container-type: inline-size; pointer-events: none; }
.mx-finagro .topo__barra {
  --largo: calc(88 * var(--mx-rem));
  --capsula: min(100cqw - 2 * var(--gutter) - calc(3 * var(--mx-rem)), calc(66 * var(--mx-rem)));
  --dx: calc((min(100cqw - 2 * var(--gutter), var(--largo)) - var(--capsula)) / 2);
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: calc(1 * var(--mx-rem));
  width: min(100% - 2 * var(--gutter), var(--largo)); height: var(--topo-h); margin-inline: auto; pointer-events: auto;
  transition: translate .5s var(--saida);
}
.mx-finagro .topo__barra::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 999px;
  background: color-mix(in srgb, var(--m-superficie) 95%, transparent); border: 1px solid color-mix(in srgb, var(--m-primaria) 9%, transparent);
  box-shadow: 0 12px 30px -20px rgb(0 0 0 / .4);
  -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
  opacity: 0; clip-path: inset(0 0 round 999px);
  transition: opacity .35s ease, clip-path .5s var(--saida);
}
.mx-finagro .topo__marca { grid-column: 1; justify-self: start; display: inline-flex; align-items: center; min-height: 44px; transition: translate .5s var(--saida); }
.mx-finagro .topo__marca img { width: auto; height: calc(2.5 * var(--mx-rem)); border-radius: calc(.5 * var(--mx-rem)); }
.mx-finagro .topo__nav { display: none; grid-column: 2; }
.mx-finagro .topo__acoes { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: calc(.35 * var(--mx-rem)); transition: translate .5s var(--saida); }
.mx-finagro .topo__entrar { display: none; align-items: center; min-height: 44px; padding: calc(.5 * var(--mx-rem)) calc(.9 * var(--mx-rem)); border-radius: 999px; font-family: var(--f-titulo); font-weight: 600; font-size: calc(.9875 * var(--mx-rem)); color: var(--m-sobre-primaria); transition: color .3s ease, background-color .2s ease; }
.mx-finagro .topo__baixar { --altura: calc(2.75 * var(--mx-rem)); padding: calc(.5 * var(--mx-rem)) calc(1.1 * var(--mx-rem)); font-size: calc(.9375 * var(--mx-rem)); }
.mx-finagro .topo__menu { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; color: var(--m-sobre-primaria); transition: color .3s ease, background-color .2s ease; }
.mx-finagro .topo__menu svg { width: calc(1.5 * var(--mx-rem)); height: calc(1.5 * var(--mx-rem)); }
.mx-finagro .topo__menu [data-fechar] { display: none; }
.mx-finagro .topo__menu[aria-expanded="true"] [data-abrir] { display: none; }
.mx-finagro .topo__menu[aria-expanded="true"] [data-fechar] { display: block; }
.mx-finagro .topo__painel { position: absolute; top: calc(100% + calc(.5 * var(--mx-rem))); left: 0; right: 0; display: grid; gap: calc(.25 * var(--mx-rem)); padding: calc(.75 * var(--mx-rem)); border-radius: calc(1.5 * var(--mx-rem)); background: color-mix(in srgb, var(--m-superficie) 97%, transparent); border: 1px solid color-mix(in srgb, var(--m-primaria) 10%, transparent); box-shadow: var(--sombra-2); pointer-events: auto; }
.mx-finagro .topo__painel[hidden] { display: none; }
.mx-finagro .topo__painel a { display: flex; align-items: center; min-height: calc(3 * var(--mx-rem)); padding: calc(.6 * var(--mx-rem)) calc(1 * var(--mx-rem)); border-radius: calc(.875 * var(--mx-rem)); font-family: var(--f-titulo); font-weight: 600; color: var(--tinta); }
.mx-finagro .topo__painel a:active { background: var(--verde-claro); }
.mx-finagro .topo__painel .botao { justify-content: center; margin-top: calc(.25 * var(--mx-rem)); color: var(--m-sobre-primaria); }


.mx-finagro .topo--flutua .topo__barra { translate: 0 calc(.625 * var(--mx-rem)); }
.mx-finagro .topo--flutua .topo__barra::before { opacity: 1; clip-path: inset(calc(.375 * var(--mx-rem)) var(--dx) round 999px); }
.mx-finagro .topo--flutua .topo__marca { translate: calc(var(--dx) + calc(.5 * var(--mx-rem))) 0; }
.mx-finagro .topo--flutua .topo__acoes { translate: calc(-1 * var(--dx) - calc(.375 * var(--mx-rem))) 0; }
.mx-finagro .topo--flutua .topo__entrar, .mx-finagro .topo--flutua .topo__menu { color: var(--tinta); }
.mx-finagro .topo--flutua .topo__nav a { color: var(--tinta); }

@media (min-width: 62rem) {
  .mx-finagro .topo__nav { display: flex; align-items: center; gap: calc(.125 * var(--mx-rem)); }
  .mx-finagro .topo__nav a { display: inline-flex; align-items: center; min-height: 44px; padding: calc(.5 * var(--mx-rem)) calc(.6 * var(--mx-rem)); border-radius: 999px; font-family: var(--f-titulo); font-size: calc(.9875 * var(--mx-rem)); font-weight: 500; color: color-mix(in srgb, var(--m-sobre-primaria) 90%, transparent); white-space: nowrap; transition: color .3s ease, background-color .2s ease; }
  .mx-finagro .topo__nav a[aria-current="true"] { color: var(--verde-luz); }
  .mx-finagro .topo--flutua .topo__nav a[aria-current="true"] { color: var(--verde-fundo); }
  .mx-finagro .topo__entrar { display: inline-flex; }
  .mx-finagro .topo__menu { display: none; }
  .mx-finagro .topo__painel { display: none !important; }
}
@media (min-width: 80rem) { .mx-finagro .topo__nav a { padding-left: calc(.85 * var(--mx-rem)); padding-right: calc(.85 * var(--mx-rem)); } }
@media (min-width: 62rem) and (hover: hover) and (pointer: fine) {
  .mx-finagro .topo__nav a:hover, .mx-finagro .topo__entrar:hover { color: var(--m-sobre-primaria); background: color-mix(in srgb, var(--m-superficie) 12%, transparent); }
  .mx-finagro .topo--flutua .topo__nav a:hover, .mx-finagro .topo--flutua .topo__entrar:hover { color: var(--verde-fundo); background: var(--verde-claro); }
}
@media (max-width: 22.4rem) { .mx-finagro .topo__baixar { display: none; } }
@media (prefers-reduced-motion: reduce) { .mx-finagro .topo__barra, .mx-finagro .topo__barra::before, .mx-finagro .topo__marca, .mx-finagro .topo__acoes { transition: none; } }


.mx-finagro .heroi { position: relative; isolation: isolate; display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: calc(100svh / var(--zoom, 1)); padding-top: calc(var(--topo-h) + env(safe-area-inset-top)); color: var(--m-sobre-primaria); background: var(--noite); overflow: clip; }
.mx-finagro .heroi__fundo { position: absolute; inset: 0; z-index: -1; }
.mx-finagro .heroi__fundo picture, .mx-finagro .heroi__capa { position: absolute; inset: 0; width: 100%; height: 100%; }
.mx-finagro .heroi__capa { object-fit: cover; object-position: 50% 50%; }
.mx-finagro .heroi__veu { position: absolute; inset: 0; background:
  radial-gradient(95% 62% at 34% 46%, color-mix(in srgb, var(--m-fundo) 72%, transparent), color-mix(in srgb, var(--m-fundo) 46%, transparent) 55%, transparent 85%),
  linear-gradient(180deg, color-mix(in srgb, var(--m-fundo) 66%, transparent) 0%, color-mix(in srgb, var(--m-fundo) 32%, transparent) 18%, color-mix(in srgb, var(--m-fundo) 36%, transparent) 62%, color-mix(in srgb, var(--m-fundo) 88%, transparent) 100%); }
.mx-finagro .heroi__veu::after { content: ""; position: absolute; inset: 0; opacity: .07; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); }

.mx-finagro .heroi__grade { --heroi-celular: clamp(calc(8.5 * var(--mx-rem)), 35vw, calc(12.5 * var(--mx-rem))); display: grid; grid-template-columns: minmax(0, 1fr) var(--heroi-celular); column-gap: clamp(calc(.875 * var(--mx-rem)), 3vw, calc(1.5 * var(--mx-rem))); align-content: center; align-items: center; padding-block: clamp(calc(1 * var(--mx-rem)), 4svh, calc(2.5 * var(--mx-rem))); }
.mx-finagro .heroi__texto { display: contents; }
.mx-finagro .selo-nota { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: calc(.55 * var(--mx-rem)); min-height: calc(2.25 * var(--mx-rem)); margin-bottom: calc(1 * var(--mx-rem)); padding: calc(.45 * var(--mx-rem)) calc(.95 * var(--mx-rem)) calc(.45 * var(--mx-rem)) calc(.8 * var(--mx-rem)); border-radius: 999px; background: color-mix(in srgb, var(--m-fundo) 66%, transparent); border: 1px solid color-mix(in srgb, var(--m-sobre-primaria) 20%, transparent); font-size: calc(.9375 * var(--mx-rem)); color: color-mix(in srgb, var(--m-sobre-primaria) 94%, transparent); }
.mx-finagro .selo-nota strong { font-family: var(--f-titulo); font-weight: 700; color: var(--m-sobre-primaria); }
.mx-finagro .heroi h1 { grid-column: 1; grid-row: 2; font-size: calc(3 * var(--mx-rem)); font-size: var(--t-h1); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; text-shadow: 0 2px 20px rgb(0 0 0 / .3); }
.mx-finagro .heroi h1 .destaque { color: var(--verde-luz); }
.mx-finagro .heroi__apoio { grid-column: 1; grid-row: 3; align-self: start; margin-top: calc(.85 * var(--mx-rem)); font-size: var(--t-apoio); line-height: 1.5; color: color-mix(in srgb, var(--m-sobre-primaria) 90%, transparent); max-width: calc(34 * var(--mx-rem)); }
.mx-finagro .heroi__aparelho { grid-column: 2; grid-row: 2 / span 2; display: grid; justify-items: center; }
.mx-finagro .heroi__acoes { grid-column: 1 / -1; grid-row: 4; display: flex; flex-wrap: wrap; gap: calc(.625 * var(--mx-rem)); margin-top: calc(1.5 * var(--mx-rem)); }
.mx-finagro .heroi__acoes .botao { flex: 1 1 calc(9.5 * var(--mx-rem)); }
.mx-finagro .heroi__nota { grid-column: 1 / -1; grid-row: 5; margin-top: calc(.85 * var(--mx-rem)); font-size: calc(.9375 * var(--mx-rem)); color: color-mix(in srgb, var(--m-sobre-primaria) 82%, transparent); }
@keyframes mx-finagro-flutuar { 0%, 100% { translate: 0 0; } 50% { translate: 0 calc(-.75 * var(--mx-rem)); } }

.mx-finagro .heroi__fatos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(.5 * var(--mx-rem)) calc(.75 * var(--mx-rem)); padding-top: calc(1 * var(--mx-rem)); padding-bottom: calc(1.25 * var(--mx-rem)); padding-bottom: calc(calc(1.25 * var(--mx-rem)) + env(safe-area-inset-bottom)); border-top: 1px solid color-mix(in srgb, var(--m-sobre-primaria) 16%, transparent); }
.mx-finagro .heroi__fatos li { display: flex; align-items: center; gap: calc(.55 * var(--mx-rem)); font-size: calc(.875 * var(--mx-rem)); line-height: 1.3; color: color-mix(in srgb, var(--m-sobre-primaria) 86%, transparent); }
.mx-finagro .heroi__fatos strong { color: var(--m-sobre-primaria); font-weight: 600; }
.mx-finagro .heroi__fatos svg { width: calc(1.25 * var(--mx-rem)); height: calc(1.25 * var(--mx-rem)); flex: none; color: var(--verde-luz); }

@media (min-width: 48rem) {
  .mx-finagro .heroi__grade { --heroi-celular: clamp(calc(13 * var(--mx-rem)), min(26vw, (100svh / var(--zoom, 1) - calc(16.5 * var(--mx-rem))) * .4814), calc(20.5 * var(--mx-rem))); grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: clamp(calc(2 * var(--mx-rem)), 4vw, calc(4 * var(--mx-rem))); }
  .mx-finagro .heroi__texto { display: block; grid-column: 1; grid-row: 1; }
  .mx-finagro .heroi__aparelho { grid-column: 2; grid-row: 1; }
  .mx-finagro .heroi__acoes .botao { flex: 0 0 auto; }
  .mx-finagro .heroi__veu { background:
    radial-gradient(48% 62% at 24% 52%, color-mix(in srgb, var(--m-fundo) 56%, transparent), transparent 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--m-fundo) 78%, transparent) 0%, color-mix(in srgb, var(--m-fundo) 60%, transparent) 36%, color-mix(in srgb, var(--m-fundo) 20%, transparent) 60%, color-mix(in srgb, var(--m-fundo) 6%, transparent) 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--m-fundo) 66%, transparent) 0%, color-mix(in srgb, var(--m-fundo) 48%, transparent) 8%, transparent 21%, transparent 72%, color-mix(in srgb, var(--m-fundo) 82%, transparent) 100%); }
  .mx-finagro .heroi__fatos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(1 * var(--mx-rem)); padding-top: calc(1.1 * var(--mx-rem)); padding-bottom: calc(1.5 * var(--mx-rem)); }
  .mx-finagro .heroi__fatos li { font-size: calc(.9375 * var(--mx-rem)); }
}


@media (min-width: 48rem) and (max-width: 79.99rem) {
  .mx-finagro .heroi__veu { background:
    radial-gradient(60% 68% at 28% 52%, color-mix(in srgb, var(--m-fundo) 62%, transparent), transparent 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--m-fundo) 80%, transparent) 0%, color-mix(in srgb, var(--m-fundo) 68%, transparent) 44%, color-mix(in srgb, var(--m-fundo) 30%, transparent) 66%, color-mix(in srgb, var(--m-fundo) 8%, transparent) 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--m-fundo) 66%, transparent) 0%, color-mix(in srgb, var(--m-fundo) 48%, transparent) 8%, transparent 21%, transparent 72%, color-mix(in srgb, var(--m-fundo) 82%, transparent) 100%); }
}


@media (min-width: 48rem) and (orientation: portrait) {
  .mx-finagro .heroi__grade { --heroi-celular: clamp(calc(13 * var(--mx-rem)), min(38vw, (100svh / var(--zoom, 1) - calc(18 * var(--mx-rem))) * .4814), calc(26 * var(--mx-rem))); }
}


.mx-finagro .secao { padding-top: calc(4 * var(--mx-rem)); padding-bottom: calc(4 * var(--mx-rem)); padding-top: var(--sp-sec); padding-bottom: var(--sp-sec); }
.mx-finagro .cabeca { max-width: calc(46 * var(--mx-rem)); margin: 0 auto clamp(calc(1.75 * var(--mx-rem)), calc(1.2 * var(--mx-rem)) + 2.4vw, calc(3.25 * var(--mx-rem))); text-align: center; }
.mx-finagro .cabeca h2 { font-size: calc(2.25 * var(--mx-rem)); font-size: var(--t-h2); font-weight: 800; color: var(--tinta); }
.mx-finagro .cabeca p { margin-top: calc(.65 * var(--mx-rem)); font-size: var(--t-apoio); line-height: 1.5; color: var(--tinta-2); }
.mx-finagro .cabeca--esquerda { text-align: left; margin-inline: 0; }
.mx-finagro .icone { display: inline-grid; place-items: center; flex: none; width: calc(2.75 * var(--mx-rem)); height: calc(2.75 * var(--mx-rem)); border-radius: calc(.9 * var(--mx-rem)); background: var(--verde); color: var(--m-sobre-primaria); }
.mx-finagro .icone svg { width: calc(1.375 * var(--mx-rem)); height: calc(1.375 * var(--mx-rem)); }
.mx-finagro .icone--claro { background: var(--verde-claro); color: var(--verde-fundo); }
.mx-finagro .cena-legenda { font-size: calc(.875 * var(--mx-rem)); line-height: 1.35; color: var(--tinta-3); }


.mx-finagro .parceiro { background: var(--papel); }
.mx-finagro .parceiro__par { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(calc(.625 * var(--mx-rem)), 2vw, calc(2 * var(--mx-rem))); }
.mx-finagro .lado { display: grid; grid-template-rows: auto 1fr; overflow: clip; border-radius: var(--raio); background: var(--superficie); border: 1px solid var(--linha); box-shadow: var(--sombra-1); }
.mx-finagro .lado__cena { position: relative; aspect-ratio: 4 / 3; overflow: clip; }
.mx-finagro .lado__cena img { width: 100%; height: 100%; object-fit: cover; }
.mx-finagro .lado--antes .lado__cena img { filter: saturate(.72) contrast(1.02); }
.mx-finagro .lado__cena--app { display: grid; justify-items: center; background: radial-gradient(90% 80% at 50% 100%, var(--m-primaria) 0%, var(--verde) 45%, var(--verde-fundo) 100%); }
.mx-finagro .lado__cena--app .cena-legenda { position: absolute; left: calc(.75 * var(--mx-rem)); right: calc(.75 * var(--mx-rem)); bottom: calc(.75 * var(--mx-rem)); z-index: 2; padding: calc(.45 * var(--mx-rem)) calc(.75 * var(--mx-rem)); border-radius: calc(.75 * var(--mx-rem)); background: color-mix(in srgb, var(--m-superficie) 94%, transparent); color: var(--tinta-2); box-shadow: var(--sombra-1); }
.mx-finagro .lado__texto { padding: clamp(calc(.9 * var(--mx-rem)), calc(.6 * var(--mx-rem)) + 1.4vw, calc(1.75 * var(--mx-rem))); }
.mx-finagro .lado__texto h3 { display: flex; align-items: center; gap: calc(.6 * var(--mx-rem)); font-size: calc(1.25 * var(--mx-rem)); font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-finagro .marca-x, .mx-finagro .marca-v { display: inline-grid; place-items: center; flex: none; width: calc(2 * var(--mx-rem)); height: calc(2 * var(--mx-rem)); border-radius: 50%; }
.mx-finagro .marca-x { background: var(--vermelho-claro); color: var(--vermelho); }
.mx-finagro .marca-v { background: var(--verde-claro); color: var(--verde); }
.mx-finagro .marca-x svg, .mx-finagro .marca-v svg { width: calc(1.05 * var(--mx-rem)); height: calc(1.05 * var(--mx-rem)); }
.mx-finagro .lista { display: grid; gap: calc(.55 * var(--mx-rem)); margin-top: calc(1 * var(--mx-rem)); }
.mx-finagro .lista li { position: relative; padding-left: calc(1.5 * var(--mx-rem)); line-height: 1.4; color: var(--tinta-2); }
.mx-finagro .lista li::before { content: ""; position: absolute; left: 0; top: .5em; width: calc(.55 * var(--mx-rem)); height: calc(.55 * var(--mx-rem)); border-radius: 50%; }
.mx-finagro .lista--nao li::before { background: var(--m-baixa); }
.mx-finagro .lista--sim li::before { background: var(--verde-vivo); }
.mx-finagro .lista--sim li { color: var(--tinta); }
@media (max-width: 47.99rem) {
  .mx-finagro .lado__cena--app .cena-legenda { display: none; }
  .mx-finagro .lado__texto h3 { font-size: calc(1.0625 * var(--mx-rem)); gap: calc(.45 * var(--mx-rem)); }
  .mx-finagro .marca-x, .mx-finagro .marca-v { width: calc(1.6 * var(--mx-rem)); height: calc(1.6 * var(--mx-rem)); }
  .mx-finagro .lista { gap: calc(.45 * var(--mx-rem)); margin-top: calc(.75 * var(--mx-rem)); }
  .mx-finagro .lista li { padding-left: calc(1.05 * var(--mx-rem)); font-size: calc(.9375 * var(--mx-rem)); }
  .mx-finagro .lista li::before { width: calc(.45 * var(--mx-rem)); height: calc(.45 * var(--mx-rem)); }
}


.mx-finagro .funcoes { background: var(--superficie); }
.mx-finagro .bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(.75 * var(--mx-rem)); }
.mx-finagro .cartao { display: grid; grid-template-rows: auto auto 1fr; gap: calc(.6 * var(--mx-rem)); align-content: start; padding: clamp(calc(1 * var(--mx-rem)), calc(.75 * var(--mx-rem)) + 1vw, calc(1.75 * var(--mx-rem))); border-radius: var(--raio); background: var(--papel); border: 1px solid var(--linha); overflow: clip; }
.mx-finagro .cartao__topo { display: flex; align-items: center; gap: calc(.75 * var(--mx-rem)); }
.mx-finagro .cartao h3 { font-size: calc(1.25 * var(--mx-rem)); font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-finagro .cartao>p { color: var(--tinta-2); line-height: 1.45; }
.mx-finagro .cartao--a, .mx-finagro .cartao--b { grid-column: 1 / -1; }
.mx-finagro .cartao--c, .mx-finagro .cartao--d, .mx-finagro .cartao--e { grid-column: 1 / -1; }
.mx-finagro .recorte { align-self: end; margin-top: calc(.4 * var(--mx-rem)); }
.mx-finagro .recorte img { width: 100%; max-width: calc(30 * var(--mx-rem)); margin-inline: auto; border-radius: calc(.875 * var(--mx-rem)); background: var(--m-superficie); box-shadow: var(--sombra-2); border: 1px solid color-mix(in srgb, var(--m-primaria) 8%, transparent); }
.mx-finagro .cartao>.aviso-do-app, .mx-finagro .aviso-do-app { display: flex; gap: calc(.7 * var(--mx-rem)); align-items: flex-start; align-self: end; margin-top: calc(.4 * var(--mx-rem)); padding: calc(1 * var(--mx-rem)) calc(1.1 * var(--mx-rem)); border-radius: calc(.875 * var(--mx-rem)); background: var(--noite); color: var(--m-sobre-primaria); font-size: calc(1 * var(--mx-rem)); line-height: 1.45; box-shadow: var(--sombra-2); }
.mx-finagro .palco-cena { align-self: end; display: grid; place-content: center; gap: calc(.6 * var(--mx-rem)); height: calc(12.5 * var(--mx-rem)); margin-top: calc(.4 * var(--mx-rem)); padding: calc(1 * var(--mx-rem)); border-radius: calc(.9 * var(--mx-rem)); background: var(--m-superficie-2); overflow: clip; }
.mx-finagro .palco-cena .recorte { align-self: auto; margin-top: 0; }
.mx-finagro .palco-cena .recorte img { max-width: 100%; box-shadow: var(--sombra-1); }
.mx-finagro .palco-cena--alto { height: calc(14 * var(--mx-rem)); }
.mx-finagro .palco-cena--alto .recorte img { width: min(100%, calc(30 * var(--mx-rem))); }
.mx-finagro .palco-cena--topo { place-content: start center; padding-bottom: 0; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
.mx-finagro .palco-cena .aviso-do-app { margin-top: 0; }
.mx-finagro .aviso-do-app svg { width: calc(1.375 * var(--mx-rem)); height: calc(1.375 * var(--mx-rem)); flex: none; margin-top: calc(.1 * var(--mx-rem)); color: var(--verde-luz); }
.mx-finagro .aviso-do-app strong { display: block; margin-bottom: calc(.15 * var(--mx-rem)); font-family: var(--f-titulo); font-weight: 650; color: var(--m-sobre-primaria); }

@media (max-width: 47.99rem) {
  .mx-finagro .cartao { gap: calc(.5 * var(--mx-rem)); padding: calc(.95 * var(--mx-rem)); }
  .mx-finagro .cartao--a>p, .mx-finagro .cartao--b>p, .mx-finagro .cartao--c>p, .mx-finagro .cartao--e>p:not(.aviso-do-app) { display: none; }
  .mx-finagro .cartao--d, .mx-finagro .cartao--e { grid-column: span 1; }
  .mx-finagro .cartao--d .palco-cena { display: none; }
  .mx-finagro .palco-cena, .mx-finagro .palco-cena--alto { height: auto; padding: calc(.75 * var(--mx-rem)); }
  .mx-finagro .palco-cena--topo { height: calc(11 * var(--mx-rem)); }
  .mx-finagro .cartao--d>p { font-size: calc(.9375 * var(--mx-rem)); }
  .mx-finagro .cartao--e .palco-cena { padding: 0; background: none; }
  .mx-finagro .cartao h3 { font-size: calc(1.0625 * var(--mx-rem)); }
  .mx-finagro .cartao .icone { width: calc(2.25 * var(--mx-rem)); height: calc(2.25 * var(--mx-rem)); border-radius: calc(.75 * var(--mx-rem)); }
  .mx-finagro .cartao .icone svg { width: calc(1.15 * var(--mx-rem)); height: calc(1.15 * var(--mx-rem)); }
  .mx-finagro .cartao--e .aviso-do-app { flex-direction: column; gap: calc(.4 * var(--mx-rem)); padding: calc(.85 * var(--mx-rem)); font-size: calc(.9375 * var(--mx-rem)); }
}
@media (min-width: 48rem) {
  .mx-finagro .bento { gap: calc(1 * var(--mx-rem)); }
  .mx-finagro .cartao--a, .mx-finagro .cartao--b, .mx-finagro .cartao--c, .mx-finagro .cartao--d { grid-column: span 1; }
  .mx-finagro .cartao--e { grid-column: 1 / -1; }
}
@media (min-width: 48rem) and (max-width: 63.99rem) { .mx-finagro .cartao--e .palco-cena { height: auto; padding: calc(1.5 * var(--mx-rem)); } }
@media (min-width: 64rem) {
  .mx-finagro .bento { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .mx-finagro .cartao--a, .mx-finagro .cartao--b { grid-column: span 3; }
  .mx-finagro .cartao--c, .mx-finagro .cartao--d, .mx-finagro .cartao--e { grid-column: span 2; }
}


.mx-finagro .por-dentro { position: relative; isolation: isolate; background: var(--noite); color: var(--m-sobre-primaria); overflow: clip; }
.mx-finagro .por-dentro::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 55% at 50% 30%, color-mix(in srgb, var(--m-primaria-2) 28%, transparent), transparent 70%), radial-gradient(40% 40% at 85% 90%, color-mix(in srgb, var(--m-destaque) 10%, transparent), transparent 70%); }
.mx-finagro .por-dentro .cabeca h2 { color: var(--m-sobre-primaria); }
.mx-finagro .por-dentro .cabeca p { color: color-mix(in srgb, var(--m-sobre-primaria) 80%, transparent); }
.mx-finagro .galeria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(1.5 * var(--mx-rem)) calc(.75 * var(--mx-rem)); justify-items: center; }
.mx-finagro .galeria__item { display: grid; justify-items: center; gap: calc(.9 * var(--mx-rem)); width: 100%; }
.mx-finagro .galeria__legenda { text-align: center; font-size: calc(.9375 * var(--mx-rem)); line-height: 1.35; color: color-mix(in srgb, var(--m-sobre-primaria) 78%, transparent); }
.mx-finagro .galeria__legenda strong { display: block; margin-bottom: calc(.1 * var(--mx-rem)); font-family: var(--f-titulo); font-size: calc(1.0625 * var(--mx-rem)); font-weight: 650; color: var(--m-sobre-primaria); }

.mx-finagro .galeria__abas { display: none; }
@media (max-width: 47.99rem) {
  .mx-finagro .js .galeria { grid-template-columns: minmax(0, 1fr); }
  .mx-finagro .js .galeria__item { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
  .mx-finagro .js .galeria__item.ativo { opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s; }
  .mx-finagro .js .galeria__abas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(.4 * var(--mx-rem)); margin-top: calc(1.1 * var(--mx-rem)); }
  .mx-finagro .galeria__abas button { position: relative; min-height: 44px; padding: calc(.5 * var(--mx-rem)) calc(.3 * var(--mx-rem)); overflow: clip; border-radius: calc(.8 * var(--mx-rem)); background: color-mix(in srgb, var(--m-superficie) 8%, transparent); border: 1px solid color-mix(in srgb, var(--m-sobre-primaria) 16%, transparent); color: color-mix(in srgb, var(--m-sobre-primaria) 86%, transparent); font: 600 calc(.875 * var(--mx-rem))/1.35 var(--f-titulo); }
  .mx-finagro .galeria__abas button[aria-selected="true"] { background: var(--verde-botao); border-color: transparent; color: var(--m-sobre-primaria); }
  .mx-finagro .galeria__abas button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--verde-vivo); transform: scaleX(0); transform-origin: left; }
}
@keyframes mx-finagro-progresso { to { transform: scaleX(1); } }
@media (min-width: 48rem) {
  .mx-finagro .galeria { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(1.5 * var(--mx-rem)); align-items: start; }
  .mx-finagro .galeria__item:nth-child(even) { margin-top: calc(2.5 * var(--mx-rem)); }
}


.mx-finagro .beneficios { background: var(--papel); }
.mx-finagro .beneficios__grade { display: grid; gap: clamp(calc(1.75 * var(--mx-rem)), 4vw, calc(4 * var(--mx-rem))); align-items: center; }
.mx-finagro .beneficios__lista { display: grid; gap: calc(1.1 * var(--mx-rem)); }
.mx-finagro .beneficios__lista li { display: flex; gap: calc(.9 * var(--mx-rem)); align-items: flex-start; }
.mx-finagro .beneficios__lista h3 { font-size: calc(1.25 * var(--mx-rem)); font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-finagro .beneficios__lista p { margin-top: calc(.2 * var(--mx-rem)); color: var(--tinta-2); line-height: 1.45; }
.mx-finagro .beneficios__cena { padding-top: calc(1.25 * var(--mx-rem)); }
.mx-finagro .beneficios__palco { position: relative; margin-bottom: calc(3.25 * var(--mx-rem)); }
.mx-finagro .beneficios__foto { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: var(--raio); box-shadow: var(--sombra-2); }
.mx-finagro .flutua { position: absolute; width: min(72%, calc(19 * var(--mx-rem))); }
.mx-finagro .flutua img { width: 100%; border-radius: calc(.9 * var(--mx-rem)); box-shadow: 0 2px 6px rgb(0 0 0 / .08), 0 26px 48px -24px rgb(0 0 0 / .5); }
.mx-finagro .flutua--a { left: calc(-.25 * var(--mx-rem)); bottom: calc(-1.6 * var(--mx-rem)); }
.mx-finagro .flutua--b { right: calc(-.25 * var(--mx-rem)); top: calc(-1.25 * var(--mx-rem)); }
.mx-finagro .cena-legenda--sobre { margin-top: calc(.9 * var(--mx-rem)); text-align: right; color: var(--tinta-2); }
@media (prefers-reduced-motion: no-preference) {
  .mx-finagro .flutua--a { animation: mx-finagro-flutuar 8s ease-in-out infinite; }
  .mx-finagro .flutua--b { animation: mx-finagro-flutuar 8s ease-in-out 1.3s infinite; }
}
@media (min-width: 48rem) {
  .mx-finagro .beneficios__grade { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
  .mx-finagro .flutua--a { left: calc(-1.75 * var(--mx-rem)); bottom: calc(-1.75 * var(--mx-rem)); }
  .mx-finagro .flutua--b { right: calc(-1.5 * var(--mx-rem)); top: calc(-1.5 * var(--mx-rem)); }
}


.mx-finagro .passos { background: var(--superficie); }
.mx-finagro .passos__lista { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(1.5 * var(--mx-rem)) calc(.75 * var(--mx-rem)); counter-reset: passo; }
.mx-finagro .passo { position: relative; z-index: 1; display: grid; justify-items: center; align-content: start; text-align: center; gap: calc(.35 * var(--mx-rem)); }
.mx-finagro .passo__num { display: grid; place-items: center; width: calc(3.25 * var(--mx-rem)); height: calc(3.25 * var(--mx-rem)); margin-bottom: calc(.35 * var(--mx-rem)); border-radius: 50%; background: var(--verde); color: var(--m-sobre-primaria); font-family: var(--f-titulo); font-size: calc(1.375 * var(--mx-rem)); font-weight: 700; box-shadow: 0 0 0 calc(.4 * var(--mx-rem)) var(--superficie), 0 0 0 calc(calc(.4 * var(--mx-rem)) + 1px) var(--linha); }
.mx-finagro .passo__cena { display: grid; place-items: center; width: 100%; height: calc(6.25 * var(--mx-rem)); margin: calc(.35 * var(--mx-rem)) 0 calc(.45 * var(--mx-rem)); padding: calc(.6 * var(--mx-rem)); border-radius: calc(1 * var(--mx-rem)); background: var(--papel); border: 1px solid var(--linha); overflow: clip; }
.mx-finagro .passo__cena img { width: auto; height: auto; max-width: 100%; max-height: calc(5 * var(--mx-rem)); border-radius: calc(.55 * var(--mx-rem)); box-shadow: var(--sombra-1); }
.mx-finagro .passo__cena--loja img { box-shadow: none; max-height: calc(4 * var(--mx-rem)); }
@media (hover: hover) and (pointer: fine) { .mx-finagro .passo__cena--loja { transition: border-color .2s ease; } .mx-finagro .passo__cena--loja:hover { border-color: var(--verde-vivo); } }
@media (min-width: 64rem) { .mx-finagro .passo__cena { height: calc(8 * var(--mx-rem)); padding: calc(.85 * var(--mx-rem)); } .mx-finagro .passo__cena img { max-height: calc(6.25 * var(--mx-rem)); } .mx-finagro .passo__cena--loja img { max-height: calc(4.5 * var(--mx-rem)); } }
.mx-finagro .passo h3 { font-size: calc(1.25 * var(--mx-rem)); font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-finagro .passo p { max-width: calc(15 * var(--mx-rem)); font-size: calc(1 * var(--mx-rem)); line-height: 1.45; color: var(--tinta-2); }
.mx-finagro .passos__acao { display: flex; justify-content: center; margin-top: clamp(calc(1.75 * var(--mx-rem)), 3vw, calc(2.75 * var(--mx-rem))); }
@media (min-width: 48rem) {
  .mx-finagro .passos__lista { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(1.5 * var(--mx-rem)); }
  .mx-finagro .passos__lista::before, .mx-finagro .passos__lista::after { content: ""; position: absolute; top: calc(1.625 * var(--mx-rem)); left: 12.5%; right: 12.5%; height: 2px; border-radius: 2px; background: var(--linha); }
  .mx-finagro .passos__lista::after { background: var(--verde-vivo); transform-origin: left center; transform: scaleX(0); transition: transform 1.6s var(--saida) .2s; }
  .mx-finagro .passos__lista.ativo::after { transform: scaleX(1); }
}


.mx-finagro .para-quem { background: var(--papel); }
.mx-finagro .perfis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(.75 * var(--mx-rem)); }
.mx-finagro .perfil { position: relative; display: grid; grid-template-rows: auto 1fr; overflow: clip; border-radius: var(--raio); background: var(--superficie); border: 1px solid var(--linha); box-shadow: var(--sombra-1); }
.mx-finagro .perfil__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mx-finagro .perfil__texto { padding: calc(.85 * var(--mx-rem)) calc(.95 * var(--mx-rem)) calc(1 * var(--mx-rem)); }
.mx-finagro .perfil__texto h3 { font-size: calc(1.25 * var(--mx-rem)); font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-finagro .perfil__texto p { margin-top: calc(.2 * var(--mx-rem)); font-size: calc(.9375 * var(--mx-rem)); line-height: 1.4; color: var(--tinta-2); }
.mx-finagro .perfil__app { display: none; }
@media (min-width: 48rem) {
  .mx-finagro .perfis { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(1.25 * var(--mx-rem)); }
  .mx-finagro .perfil__texto { padding: calc(1.1 * var(--mx-rem)) calc(1.25 * var(--mx-rem)) calc(1.3 * var(--mx-rem)); }
  .mx-finagro .perfil__foto { aspect-ratio: 16 / 10; }
}
@media (min-width: 64rem) {
  .mx-finagro .perfil__texto { padding-right: calc(10.5 * var(--mx-rem)); min-height: calc(7 * var(--mx-rem)); }
  .mx-finagro .perfil__app { display: block; position: absolute; right: calc(.9 * var(--mx-rem)); bottom: calc(.9 * var(--mx-rem)); width: calc(9 * var(--mx-rem)); }
  .mx-finagro .perfil__app img { width: 100%; border-radius: calc(.75 * var(--mx-rem)); border: 3px solid var(--superficie); box-shadow: 0 18px 34px -18px rgb(0 0 0 / .5); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .mx-finagro .perfil__foto { transition: scale .6s var(--saida); }
  .mx-finagro .perfil:hover .perfil__foto { scale: 1.04; }
}


.mx-finagro .avaliacao { background: var(--superficie); }
.mx-finagro .depoimento { display: grid; gap: calc(1.25 * var(--mx-rem)); max-width: calc(52 * var(--mx-rem)); margin-inline: auto; padding: clamp(calc(1.25 * var(--mx-rem)), calc(1 * var(--mx-rem)) + 2vw, calc(2.75 * var(--mx-rem))); border-radius: var(--raio); background: var(--papel); border: 1px solid var(--linha); box-shadow: var(--sombra-1); }
.mx-finagro .depoimento__nota { display: flex; align-items: center; gap: calc(.75 * var(--mx-rem)); flex-wrap: wrap; }
.mx-finagro .depoimento__nota strong { font-family: var(--f-titulo); font-size: clamp(calc(2.5 * var(--mx-rem)), calc(2 * var(--mx-rem)) + 2vw, calc(3.5 * var(--mx-rem))); font-weight: 800; line-height: 1; color: var(--tinta); }
.mx-finagro .depoimento__nota>span:last-child { width: 100%; font-size: calc(.9375 * var(--mx-rem)); color: var(--tinta-3); }
@media (max-width: 47.99rem) {
  .mx-finagro .depoimento { text-align: center; }
  .mx-finagro .depoimento__nota { flex-direction: column; align-items: center; gap: calc(.45 * var(--mx-rem)); }
  .mx-finagro .depoimento figcaption { justify-content: center; }
}
.mx-finagro .depoimento blockquote p { font-family: var(--f-titulo); font-size: clamp(calc(1.375 * var(--mx-rem)), calc(1.1 * var(--mx-rem)) + 1.2vw, calc(2 * var(--mx-rem))); font-weight: 600; line-height: 1.34; letter-spacing: -.015em; color: var(--tinta); }
.mx-finagro .depoimento figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(.75 * var(--mx-rem)) calc(1.5 * var(--mx-rem)); padding-top: calc(1 * var(--mx-rem)); border-top: 1px solid var(--linha); }
.mx-finagro .depoimento__quem { display: grid; font-size: calc(.9375 * var(--mx-rem)); line-height: 1.4; color: var(--tinta-3); }
.mx-finagro .depoimento__quem strong { font-size: calc(1.0625 * var(--mx-rem)); color: var(--tinta); }
.mx-finagro .link-seta { display: inline-flex; align-items: center; gap: calc(.4 * var(--mx-rem)); min-height: 44px; padding: calc(.5 * var(--mx-rem)) 0; font-family: var(--f-titulo); font-weight: 600; color: var(--verde-fundo); }
.mx-finagro .link-seta svg { width: calc(1.15 * var(--mx-rem)); height: calc(1.15 * var(--mx-rem)); transition: translate .2s var(--saida); }
@media (hover: hover) and (pointer: fine) { .mx-finagro .link-seta:hover svg { translate: calc(.25 * var(--mx-rem)) 0; } }
@media (min-width: 48rem) {
  .mx-finagro .depoimento { grid-template-columns: calc(11 * var(--mx-rem)) minmax(0, 1fr); column-gap: calc(2.5 * var(--mx-rem)); }
  .mx-finagro .depoimento__nota { flex-direction: column; align-items: flex-start; justify-content: center; padding-right: calc(2 * var(--mx-rem)); border-right: 1px solid var(--linha); }
  .mx-finagro .depoimento__nota>span:last-child { width: auto; }
  .mx-finagro .depoimento blockquote { align-self: center; }
  .mx-finagro .depoimento figcaption { grid-column: 2; }
}


.mx-finagro .perguntas { background: var(--papel); }
.mx-finagro .faq { display: grid; gap: calc(.625 * var(--mx-rem)); align-items: start; }
.mx-finagro .faq details { border-radius: calc(1 * var(--mx-rem)); background: var(--superficie); border: 1px solid var(--linha); }
.mx-finagro .faq details.extra { display: none; }
.mx-finagro .faq.aberto details.extra { display: block; }
.mx-finagro .faq summary { display: flex; align-items: center; justify-content: space-between; gap: calc(1 * var(--mx-rem)); min-height: calc(3.5 * var(--mx-rem)); padding: calc(.9 * var(--mx-rem)) calc(1.1 * var(--mx-rem)); cursor: pointer; list-style: none; font-family: var(--f-titulo); font-size: calc(1.0625 * var(--mx-rem)); font-weight: 600; line-height: 1.3; color: var(--tinta); }
.mx-finagro .faq summary::-webkit-details-marker { display: none; }
.mx-finagro .faq summary::after { content: ""; flex: none; width: calc(1.75 * var(--mx-rem)); height: calc(1.75 * var(--mx-rem)); border-radius: 50%; background: var(--verde-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%234ba3f0' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / calc(1 * var(--mx-rem)) no-repeat; transition: rotate .3s var(--saida); }
.mx-finagro .faq details[open] summary::after { rotate: 45deg; }
.mx-finagro .faq details p { padding: 0 calc(1.1 * var(--mx-rem)) calc(1.1 * var(--mx-rem)); color: var(--tinta-2); line-height: 1.55; }
.mx-finagro .ver-mais { display: flex; margin: calc(1.25 * var(--mx-rem)) auto 0; }
@media (min-width: 48rem) { .mx-finagro .faq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(.875 * var(--mx-rem)); } }


.mx-finagro .chamada { position: relative; isolation: isolate; display: grid; place-items: center; min-height: clamp(calc(26 * var(--mx-rem)), 60svh, calc(38 * var(--mx-rem))); padding-top: calc(4 * var(--mx-rem)); padding-bottom: calc(4 * var(--mx-rem)); padding-top: var(--sp-sec); padding-bottom: var(--sp-sec); text-align: center; color: var(--m-sobre-primaria); overflow: clip; background: var(--noite); }
.mx-finagro .chamada__fundo { position: absolute; inset: 0; z-index: -1; }
.mx-finagro .chamada__fundo picture { position: absolute; inset: 0; }
.mx-finagro .chamada__fundo img { width: 100%; height: 100%; object-fit: cover; }
.mx-finagro .chamada__fundo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--m-fundo) 78%, transparent), color-mix(in srgb, var(--m-fundo) 62%, transparent) 45%, color-mix(in srgb, var(--m-fundo) 86%, transparent)); }
.mx-finagro .chamada__conteudo { max-width: calc(46 * var(--mx-rem)); }
.mx-finagro .chamada h2 { font-size: calc(2.25 * var(--mx-rem)); font-size: var(--t-h2); font-weight: 800; }
.mx-finagro .chamada p { margin: calc(.9 * var(--mx-rem)) auto 0; max-width: calc(38 * var(--mx-rem)); font-size: var(--t-apoio); color: color-mix(in srgb, var(--m-sobre-primaria) 90%, transparent); }
.mx-finagro .heroi__acoes--centro { justify-content: center; }


.mx-finagro .rodape { padding-top: clamp(calc(2.5 * var(--mx-rem)), calc(2 * var(--mx-rem)) + 2vw, calc(4 * var(--mx-rem))); padding-bottom: calc(1.5 * var(--mx-rem)); padding-bottom: calc(calc(1.5 * var(--mx-rem)) + env(safe-area-inset-bottom)); background: var(--m-fundo); color: color-mix(in srgb, var(--m-sobre-primaria) 80%, transparent); }
.mx-finagro .rodape__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(2 * var(--mx-rem)) calc(1.25 * var(--mx-rem)); }
.mx-finagro .rodape__marca { grid-column: 1 / -1; display: grid; gap: calc(.9 * var(--mx-rem)); align-content: start; max-width: calc(26 * var(--mx-rem)); }
.mx-finagro .rodape__marca picture { justify-self: start; }
.mx-finagro .rodape__marca img { width: auto; height: calc(2.75 * var(--mx-rem)); border-radius: calc(.5 * var(--mx-rem)); }
.mx-finagro .rodape__marca p { font-size: calc(1 * var(--mx-rem)); line-height: 1.5; color: color-mix(in srgb, var(--m-sobre-primaria) 74%, transparent); }
.mx-finagro .rodape h2 { margin-bottom: calc(.6 * var(--mx-rem)); font-size: calc(1.0625 * var(--mx-rem)); font-weight: 700; letter-spacing: -.005em; color: var(--m-sobre-primaria); }
.mx-finagro .rodape ul { display: grid; gap: calc(.1 * var(--mx-rem)); }

@media (max-width: 47.99rem) { .mx-finagro .rodape__contato { grid-column: 1 / -1; } }
.mx-finagro .rodape li a { display: inline-flex; align-items: center; gap: calc(.45 * var(--mx-rem)); min-height: 44px; padding: calc(.4 * var(--mx-rem)) 0; font-size: calc(.9875 * var(--mx-rem)); color: color-mix(in srgb, var(--m-sobre-primaria) 78%, transparent); transition: color .2s ease; }
.mx-finagro .rodape li a svg { width: calc(1.1 * var(--mx-rem)); height: calc(1.1 * var(--mx-rem)); }
@media (hover: hover) and (pointer: fine) { .mx-finagro .rodape li a:hover { color: var(--m-sobre-primaria); } }
.mx-finagro .rodape__base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(.75 * var(--mx-rem)) calc(2 * var(--mx-rem)); margin-top: calc(2.5 * var(--mx-rem)); padding-top: calc(1.25 * var(--mx-rem)); border-top: 1px solid color-mix(in srgb, var(--m-sobre-primaria) 12%, transparent); font-size: calc(.875 * var(--mx-rem)); color: color-mix(in srgb, var(--m-sobre-primaria) 72%, transparent); }
.mx-finagro .assinatura { display: inline-flex; align-items: center; gap: calc(.55 * var(--mx-rem)); min-height: 44px; padding: calc(.5 * var(--mx-rem)) 0; color: color-mix(in srgb, var(--m-sobre-primaria) 78%, transparent); transition: color .2s ease; }
.mx-finagro .assinatura svg { width: calc(1.15 * var(--mx-rem)); height: auto; fill: currentColor; }
@media (hover: hover) and (pointer: fine) { .mx-finagro .assinatura:hover { color: var(--m-sobre-primaria); } }
@media (min-width: 48rem) { .mx-finagro .rodape__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(2 * var(--mx-rem)); } }
@media (min-width: 64rem) {
  .mx-finagro .rodape__grade { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: calc(2.5 * var(--mx-rem)); }
  .mx-finagro .rodape__marca { grid-column: auto; }
}


@media (prefers-reduced-motion: no-preference) {
  .mx-finagro .js .revelar { opacity: 0; translate: 0 calc(1 * var(--mx-rem)); transition: opacity .5s var(--saida), translate .6s var(--saida); transition-delay: var(--atraso, 0ms); }
  .mx-finagro .js .revelar.visivel { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-finagro .js .revelar { opacity: 0; transition: opacity .35s ease; }
  .mx-finagro .js .revelar.visivel { opacity: 1; }
}


@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 48rem) {
    .mx-finagro .heroi__texto { animation: mx-finagro-heroi-texto linear both; animation-timeline: scroll(root); animation-range: 0 calc(100svh / var(--zoom, 1)); }
    .mx-finagro .heroi__aparelho { animation: mx-finagro-heroi-aparelho linear both; animation-timeline: scroll(root); animation-range: 0 calc(100svh / var(--zoom, 1)); }
  }
}
@keyframes mx-finagro-deriva-sobe { from { translate: 0 calc(2.5 * var(--mx-rem)); } to { translate: 0 calc(-2.5 * var(--mx-rem)); } }
@keyframes mx-finagro-deriva-desce { from { translate: 0 calc(-1.5 * var(--mx-rem)); } to { translate: 0 calc(1.5 * var(--mx-rem)); } }
@keyframes mx-finagro-heroi-texto { to { translate: 0 calc(-4.5 * var(--mx-rem)); opacity: .35; } }
@keyframes mx-finagro-heroi-aparelho { to { translate: 0 calc(-2 * var(--mx-rem)); } }
@property --pia-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.mx-finagro .pia{position:relative;box-sizing:border-box;width:100%;max-width:760px;margin:clamp(28px,4vw,44px) auto 0;padding-top:clamp(24px,3.4vw,36px);display:grid;gap:12px;justify-items:center;text-align:center;font-family:var(--pia-fonte,inherit)}
.mx-finagro .pia[data-alinha=start]{margin-inline:0;justify-items:start;text-align:start}
.mx-finagro .pia::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--pia-linha),.75) 50%,transparent);pointer-events:none}
.mx-finagro .pia[data-alinha=start]::before{background:linear-gradient(90deg,rgba(var(--pia-linha),.75),transparent 85%)}
.mx-finagro .pia *,.mx-finagro .pia *::before,.mx-finagro .pia *::after{box-sizing:border-box}
.mx-finagro .pia-t{margin:0;color:var(--pia-apoio);font-size:16px;line-height:1.4;font-weight:500;text-wrap:balance}
.mx-finagro .pia[data-vidro] .pia-t{padding:6px 14px;border-radius:999px;background:var(--pia-vidro);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mx-finagro .pia-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.4vw,14px);width:100%}
.mx-finagro .pia-l li{margin:0;padding:0;min-width:0}
.mx-finagro .pia-l li::before,.mx-finagro .pia-l li::marker{content:none}
.mx-finagro .pia-b{display:block;padding:1px;border-radius:var(--pia-raio);background:conic-gradient(from var(--pia-a),transparent 0 58%,rgba(var(--c),.95) 72%,var(--m-superficie) 77%,rgba(var(--c),.95) 82%,transparent 94%),rgba(var(--c),.34);box-shadow:var(--pia-sombra,0 16px 30px -18px rgba(0,0,0,.9));color:var(--pia-texto);text-decoration:none;-webkit-tap-highlight-color:transparent;animation:mx-finagro-pia-gira 4.2s linear var(--d,0s) infinite;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}
@keyframes mx-finagro-pia-gira{to{--pia-a:360deg}}
.mx-finagro .pia-in{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 14px;border-radius:max(0px,calc(var(--pia-raio) - 1px));background:radial-gradient(120% 150% at 50% -40%,rgba(var(--c),.3),transparent 62%),radial-gradient(70% 90% at 50% 140%,rgba(var(--c),.18),transparent 70%),var(--pia-fundo);color:var(--pia-texto);font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
.mx-finagro .pia-logo{flex:none;width:22px;height:22px;fill:currentColor;color:var(--l,var(--m-sobre-primaria))}
.mx-finagro .pia-sai{flex:none;width:15px;height:15px;opacity:.6;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s}
.mx-finagro .pia-b:active{transform:scale(.98)}
.mx-finagro .pia-b:focus-visible{outline:2px solid var(--pia-texto);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.mx-finagro .pia-b:hover{transform:translateY(-2px);box-shadow:0 20px 34px -18px rgba(0,0,0,.95)}.mx-finagro .pia-b:hover .pia-sai{opacity:1;transform:translate(2px,-2px)}}
@media (max-width:599px){.mx-finagro .pia-in{flex-direction:column;gap:7px;min-height:76px;padding:10px 6px;font-size:14px}.mx-finagro .pia-logo{width:24px;height:24px}.mx-finagro .pia-sai{position:absolute;top:8px;right:8px;width:12px;height:12px}}
@media (prefers-reduced-motion:reduce){.mx-finagro .pia-b{animation:none;background:rgba(var(--c),.5);transition:none}}

/* Comum às páginas clonadas do Seu Plantão: o iPhone preto da Mobile Simulator com o print real e a planilha
   desenhada (o "antes"). .mx-finagro vira a raiz do molde (ex.: .mx-finagro) no gerador. */
/* ---- iPhone 16 Pro Max preto da extensão Mobile Simulator (962 x 1982) com o print real -------------------------
   Tela: left 4,3659%, top 1,8163%, 91,4761% x 96,4682%, canto 17,73% / 8,16%; ilha: left 35,863%, top 3,33%,
   28,441% x 3,976%. A moldura tem a tela preta e opaca: o print vai POR CIMA dela e a ilha por cima de tudo. O print
   começa ABAIXO da barra de status do iOS (6,5% da tela), na cor do topo do app, e entra inteiro (contain). */
.mx-finagro .sp-iphone { position: relative; display: block; aspect-ratio: 962 / 1982; container-type: inline-size; filter: drop-shadow(0 22px 28px rgba(6, 16, 15, .32)); }
.mx-finagro .sp-iphone__moldura { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; max-width: none; pointer-events: none; user-select: none; }
.mx-finagro .sp-iphone__tela { position: absolute; z-index: 1; left: 4.3659%; top: 1.8163%; width: 91.4761%; height: 96.4682%; border-radius: 17.73% / 8.16%; overflow: hidden; background: #fffaf0; display: block; }
.mx-finagro .sp-iphone__status { position: absolute; left: 0; right: 0; top: 0; height: 6.5%; display: flex; align-items: center; justify-content: space-between; padding: 0 9% 0 11%; background: #fffdfc; color: #1c1b18; font: 600 4.1cqw/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; letter-spacing: -.01em; }
.mx-finagro .sp-iphone__status b { font-weight: 600; padding-top: 1.2cqw; }
.mx-finagro .sp-iphone__status svg { width: 13cqw; height: auto; padding-top: 1.2cqw; display: block; }
.mx-finagro .sp-iphone__print { position: absolute; left: 0; top: 6.5%; width: 100%; height: 93.5%; max-width: none; object-fit: contain; object-position: 50% 0; display: block; }
.mx-finagro .sp-iphone__ilha { position: absolute; z-index: 2; left: 35.863%; top: 3.33%; width: 28.441%; height: 3.976%; border-radius: 999px; background: #000; display: block; }

/* revelar ao entrar (o JS só esconde o que está abaixo da dobra; sem JS, tudo à vista) */
@media (prefers-reduced-motion: no-preference) {
  .mx-finagro.m12-js [data-revelar][data-visto="0"] { opacity: 0; transform: translate3d(0, 16px, 0); }
}

/* ---- a ponte do herói: a planilha (antes) e o app no iPhone (depois), lado a lado em toda largura ------------- */
.mx-finagro .sp-ponte { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: clamp(.75rem, 3vw, 3rem); width: 100%; }
.mx-finagro .sp-ponte__app { display: grid; justify-items: center; gap: .625rem; min-width: 0; }
.mx-finagro .sp-ponte__app .sp-iphone { width: min(100%, 17.5rem); }
.mx-finagro .sp-ponte__rotulo, .mx-finagro .sp-planilha__rotulo { display: block; justify-self: center; width: max-content; max-width: 100%; padding: .3rem .75rem; border-radius: 999px; background: #fff; box-shadow: 0 6px 18px -8px rgba(6, 16, 15, .45); font-size: clamp(.75rem, .7rem + .25vw, .9375rem); font-weight: 700; color: #0a4f4a; text-align: center; }
.mx-finagro .sp-planilha { margin: 0; min-width: 0; display: grid; gap: .625rem; }
.mx-finagro .sp-planilha__barra { display: flex; gap: .5rem; align-items: center; background: #fff; border: 1px solid #dcd1bd; border-radius: .625rem .625rem 0 0; border-bottom: 0; padding: .375rem .625rem; font-size: clamp(.6875rem, .62rem + .3vw, .875rem); color: #57534a; }
.mx-finagro .sp-planilha__barra span { font-weight: 700; color: #1c1b18; min-width: 2.25em; }
.mx-finagro .sp-planilha__barra code { font: 500 1em/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #1c1b18; }
.mx-finagro .sp-planilha table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; font-size: clamp(.6875rem, .6rem + .35vw, .9375rem); color: #1c1b18; box-shadow: 0 30px 60px -30px rgba(6, 16, 15, .45); margin-top: -.625rem; }
.mx-finagro .sp-planilha th, .mx-finagro .sp-planilha td { border: 1px solid #dcd1bd; padding: .35em .5em; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mx-finagro .sp-planilha thead tr:first-child th, .mx-finagro .sp-planilha tbody th, .mx-finagro .sp-planilha thead tr:last-child th { background: #f6efe1; color: #6f6a5f; font-weight: 600; text-align: center; }
/* só a coluna dos números de linha é estreita; as colunas de dados dividem o resto (a 1ª linha manda no layout fixo) */
.mx-finagro .sp-planilha thead tr:first-child th:first-child { width: 2.2em; }
.mx-finagro .sp-planilha thead tr:last-child td { font-weight: 700; background: #fbf7ef; }
.mx-finagro .sp-planilha td:nth-child(4) { text-align: right; font-variant-numeric: tabular-nums; }
.mx-finagro .sp-planilha__total td { font-weight: 700; background: #fbf7ef; }
.mx-finagro .sp-planilha__erro { color: #be123c; text-align: right !important; outline: 2px solid #be123c; outline-offset: -2px; }
.mx-finagro .sp-planilha__nota { justify-self: center; margin: 0; padding: .25rem .7rem; border-radius: 999px; background: #fff; font-size: clamp(.75rem, .7rem + .25vw, .875rem); color: #be123c; font-weight: 600; text-align: center; }
@media (prefers-reduced-motion: no-preference) {
  .mx-finagro .sp-planilha__erro { animation: sp-pisca 2.4s cubic-bezier(.22, 1, .36, 1) infinite; }
}
@keyframes sp-pisca { 0%, 60%, 100% { background: #fff; } 30% { background: #fbeae9; } }
/* no celular a planilha fica lado a lado com o iPhone, com as duas colunas que contam a história (hospital e valor):
   Data (coluna 2) e Pago? (coluna 5) saem em toda linha, e a planilha leva a parte maior da largura */
@media (max-width: 39.99rem) {
  .mx-finagro .sp-ponte { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: .5rem; }
  .mx-finagro .sp-planilha :is(th, td):nth-child(2), .mx-finagro .sp-planilha :is(th, td):nth-child(5) { display: none; }
  .mx-finagro .sp-planilha th, .mx-finagro .sp-planilha td { padding: .3em .35em; }
}

/* revelar e pular, comuns */
.mx-finagro .sp-pular { position: absolute; left: -999px; top: 0; z-index: 100; background: #fff; color: #1c1b18; padding: .75rem 1rem; border-radius: .5rem; }
.mx-finagro .sp-pular:focus { left: 1rem; top: 1rem; }
.mx-finagro .sp-logo { display: block; height: 2rem; width: auto; max-width: none; }

/* ---- Marca do Seu Plantão sobre o molde finagro-lp (entra no fim de public/moldes/finagro-lp/molde.css) ----
   Paleta papel por papel: os verdes da origem (#014b00 de fundo de botão, #058301 de destaque) viram o
   verde-petróleo do app (#0f766e, branco por cima a 5,4:1); o dourado (#f3c14b) e o verde-luz sobre o escuro
   viram o verde-água (#2dd4bf); o quase preto dos blocos escuros vira o preto da marca (#06100f); o papel claro
   vira o creme do site (#fff9ef). A letra é a do domínio (a do sistema); os tamanhos ficam os da origem. */
.mx-finagro {
  --m-fundo: #06100f;
  --m-fundo-2: #14201f;
  --m-superficie: #ffffff;
  --m-superficie-2: #e3f0ec;
  --m-borda: #ebe3d5;
  --m-texto: #1c1b18;
  --m-texto-suave: #57534a;
  --m-texto-fraco: #6f6a5f;
  --m-primaria: #0f766e;
  --m-primaria-2: #0a4f4a;
  --m-sobre-primaria: #ffffff;
  --m-destaque: #0f766e;
  --m-alta: #15803d;
  --m-baixa: #be123c;
  --m-claro: #fff9ef;
  --m-f-corpo: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --m-f-titulo: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #fff9ef;
  overflow-x: clip;
}
/* sobre o escuro (herói, por dentro, chamada) o destaque é o verde-água, que lê a 9:1 no preto */
.mx-finagro .heroi h1 .destaque, .mx-finagro .heroi .destaque, .mx-finagro .por-dentro .destaque, .mx-finagro .chamada .destaque { color: #2dd4bf; }

/* o celular desenhado da origem saiu: no lugar dele, o iPhone real com a mesma largura do quadro */
.mx-finagro .sp-aparelho { display: block; margin-inline: auto; }
.mx-finagro .sp-aparelho--heroi { width: min(100%, 19rem); }
.mx-finagro .sp-aparelho--lado { width: min(100%, 13.5rem); }
.mx-finagro .sp-aparelho--galeria { width: min(100%, 15rem); }
.mx-finagro .sp-aparelho .sp-iphone { width: 100%; }

/* a planilha desenhada ocupa o lugar da foto do caderno */
.mx-finagro .lado__cena.sp-planilha { padding: clamp(.75rem, 2vw, 1.25rem); background: #f6efe1; border-radius: var(--raio); }
.mx-finagro .sp-planilha table { margin-top: 0; }
.mx-finagro .sp-planilha thead tr:first-child th:first-child { width: 2.2em; }
@media (max-width: 39.99rem) {
  .mx-finagro .sp-planilha :is(th, td):nth-child(2) { display: none; }
}

/* o "Pergunte a uma IA" no escuro da chamada final: botão de fundo sólido, letra creme */
.mx-finagro .chamada .pia { --pia-fundo: #14201f; --pia-texto: #fff9ef; --pia-apoio: rgba(255, 249, 239, .8); --pia-linha: 45, 212, 191; }
.mx-finagro .chamada .pia-b[data-ia=chatgpt] { --l: #fff9ef; }

/* o "depois" em pé: a origem tinha o celular DEITADO; o iPhone em pé nasce do pé do cartão, como o da origem, e a
   coluna não cresce com ele (no celular, os dois cartões seguem lado a lado sem passar da borda) */
.mx-finagro .parceiro__par > * { min-width: 0; }
.mx-finagro .lado__cena--app { grid-template-columns: minmax(0, 1fr); align-items: start; padding-top: 7%; }
.mx-finagro .sp-aparelho--lado { width: min(64%, 13.5rem); }
/* o selo do herói é link: alvo de toque de 44 px */
.mx-finagro .selo-nota { min-height: 44px; }
/* a grade do cartão nascia com a coluna em auto, que crescia com o iPhone em pé e empurrava o cartão para fora da
   tela no celular; minmax(0, 1fr) tranca a coluna na largura do cartão (doutrina, seção 1, causa 1) */
.mx-finagro .lado { grid-template-columns: minmax(0, 1fr); }

/* benefícios: o palco do app no lugar da foto de boiada (o iPhone nasce do pé do quadro, como o "depois") */
.mx-finagro .sp-cena-app { display: grid; justify-items: center; align-items: start; overflow: clip; padding-top: 6%; background: radial-gradient(90% 80% at 50% 100%, #2dd4bf 0%, #0f766e 48%, #0a4f4a 100%); }
.mx-finagro .sp-cena-app__cel { width: min(42%, 15rem); }