/* gerado por moldes/finagro-lp/escopar.cjs a partir do CSS da referência (finagro.app) — não editar à mão; ajuste vai em acabamento.css */

/* ---- 00-styles.css ---- */
.mx-fin {
  --verde: #2b4ef0;
  --verde-fundo: #1a33a8;
  --verde-vivo: #3155f2;
  --verde-claro: #e8edff;
  --verde-botao: #2545d8;
  --verde-luz: #8ea5ff;
  --app-barra: #2b4ef0;
  --trigo: #f3c14b;
  --vermelho: #c0392b;
  --vermelho-claro: #fbeceb;
  --tinta: #111827;
  --tinta-2: #374151;
  --tinta-3: #4b5563;
  --papel: #f6f7fb;
  --superficie: #ffffff;
  --linha: #e2e5ee;
  --noite: #050a24;
  --noite-2: #0b1440;
  --f-titulo: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --t-h1: clamp(2rem, 1.25rem + 3.35vw, 4.25rem);
  --t-h2: clamp(1.75rem, 1.28rem + 2.1vw, 2.875rem);
  --t-h3: clamp(1.125rem, 1.03rem + .42vw, 1.375rem);
  --t-corpo: clamp(1.0625rem, 1.01rem + .23vw, 1.1875rem);
  --t-apoio: clamp(1.0625rem, .97rem + .45vw, 1.3125rem);
  --t-peq: .9375rem;
  --gutter: clamp(1rem, .6rem + 1.8vw, 2rem);
  --casca: 75rem;
  --sp-sec: clamp(3rem, 1.9rem + 4.8vw, 6rem);
  --raio: clamp(1.125rem, .9rem + .9vw, 1.75rem);
  --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: 4.5rem;
  color-scheme: light;
}
.mx-fin *:where(:not(.mx-ferramenta *)), .mx-fin *:where(:not(.mx-ferramenta *))::before, .mx-fin *:where(:not(.mx-ferramenta *))::after { box-sizing: border-box; }
.mx-fin *:where(:not(.mx-ferramenta *)) { margin: 0; }
.mx-fin { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--topo-h) + .75rem); }
@media (prefers-reduced-motion: no-preference) { .mx-fin { scroll-behavior: smooth; } }
.mx-fin { min-height: 100svh; background: var(--papel); color: var(--tinta); font-family: var(--f-texto); font-size: 1.0625rem; font-size: var(--t-corpo); line-height: 1.55; font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.mx-fin img:where(:not(.mx-ferramenta *)), .mx-fin video:where(:not(.mx-ferramenta *)), .mx-fin svg:where(:not(.mx-ferramenta *)), .mx-fin picture:where(:not(.mx-ferramenta *)) { display: block; max-width: 100%; }
.mx-fin img:where(:not(.mx-ferramenta *)), .mx-fin video:where(:not(.mx-ferramenta *)) { height: auto; }
.mx-fin svg:where(:not(.mx-ferramenta *)) { fill: none; }
.mx-fin a:where(:not(.mx-ferramenta *)) { color: inherit; text-decoration: none; }
.mx-fin button:where(:not(.mx-ferramenta *)) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.mx-fin ul:where(:not(.mx-ferramenta *)), .mx-fin ol:where(:not(.mx-ferramenta *)) { list-style: none; padding: 0; }
.mx-fin h1:where(:not(.mx-ferramenta *)), .mx-fin h2:where(:not(.mx-ferramenta *)), .mx-fin h3:where(:not(.mx-ferramenta *)), .mx-fin h4:where(:not(.mx-ferramenta *)) { font-family: var(--f-titulo); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.mx-fin h3:where(:not(.mx-ferramenta *)), .mx-fin h4:where(:not(.mx-ferramenta *)) { line-height: 1.28; }
.mx-fin p:where(:not(.mx-ferramenta *)) { text-wrap: pretty; }
.mx-fin :focus-visible:where(:not(.mx-ferramenta *)) { outline: 3px solid var(--verde-vivo); outline-offset: 3px; border-radius: 6px; }
.mx-fin .pular:where(:not(.mx-ferramenta *)) { position: absolute; left: 1rem; top: -4rem; z-index: 100; padding: .75rem 1rem; border-radius: 12px; background: var(--superficie); color: var(--tinta); font-weight: 600; }
.mx-fin .pular:focus:where(:not(.mx-ferramenta *)) { top: 1rem; }
.mx-fin .casca:where(:not(.mx-ferramenta *)) { width: 100%; max-width: var(--casca); margin-left: auto; margin-right: auto; }
.mx-fin .heroi:where(:not(.mx-ferramenta *)), .mx-fin .secao:where(:not(.mx-ferramenta *)), .mx-fin .chamada:where(:not(.mx-ferramenta *)), .mx-fin .rodape:where(:not(.mx-ferramenta *)), .mx-fin .artigo-pagina:where(:not(.mx-ferramenta *)) { padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 48rem) { .mx-fin .heroi:where(:not(.mx-ferramenta *)), .mx-fin .secao:where(:not(.mx-ferramenta *)), .mx-fin .chamada:where(:not(.mx-ferramenta *)), .mx-fin .rodape:where(:not(.mx-ferramenta *)), .mx-fin .artigo-pagina:where(:not(.mx-ferramenta *)) { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 80rem) { .mx-fin .heroi:where(:not(.mx-ferramenta *)), .mx-fin .secao:where(:not(.mx-ferramenta *)), .mx-fin .chamada:where(:not(.mx-ferramenta *)), .mx-fin .rodape:where(:not(.mx-ferramenta *)), .mx-fin .artigo-pagina:where(:not(.mx-ferramenta *)) { padding-left: 2rem; padding-right: 2rem; } }
.mx-fin .so-cel:where(:not(.mx-ferramenta *)) { display: none; }
@media (max-width: 47.99rem) { .mx-fin .so-pc:where(:not(.mx-ferramenta *)) { display: none; } .mx-fin .so-cel:where(:not(.mx-ferramenta *)) { display: inline; } }
.mx-fin .botao:where(:not(.mx-ferramenta *)) { --altura: 3rem; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: var(--altura); min-width: 44px; padding: .6rem 1.35rem; border-radius: 999px; font-family: var(--f-titulo); font-size: 1rem; 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-fin .botao svg:where(:not(.mx-ferramenta *)) { width: 1.25rem; height: 1.25rem; flex: none; }
.mx-fin .botao--grande:where(:not(.mx-ferramenta *)) { --altura: 3.5rem; padding: .75rem 1.75rem; font-size: 1.0625rem; }
.mx-fin .botao--cheio:where(:not(.mx-ferramenta *)) { color: #fff; background: var(--verde-botao) linear-gradient(100deg, transparent 30%, #247c52 50%, transparent 70%) -160% 0 / 55% 100% no-repeat; box-shadow: 0 10px 22px -14px rgb(0 0 0 / .55), inset 0 1px 0 rgb(255 255 255 / .14); }
.mx-fin .botao--vidro:where(:not(.mx-ferramenta *)) { color: #fff; background: rgb(5 7 16 / .5); border: 1px solid rgb(255 255 255 / .38); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.mx-fin .botao--linha:where(:not(.mx-ferramenta *)) { color: var(--verde-fundo); border: 1.5px solid currentColor; background: transparent; }
.mx-fin .botao:active:where(:not(.mx-ferramenta *)) { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .mx-fin .botao--cheio:hover:where(:not(.mx-ferramenta *)) { background-color: var(--verde-fundo); transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgb(0 0 0 / .6), inset 0 1px 0 rgb(255 255 255 / .14); }
  .mx-fin .botao--vidro:hover:where(:not(.mx-ferramenta *)) { background-color: rgb(5 7 16 / .66); border-color: rgb(255 255 255 / .6); transform: translateY(-2px); }
  .mx-fin .botao--linha:hover:where(:not(.mx-ferramenta *)) { background: var(--verde-claro); }
}
@media (prefers-reduced-motion: no-preference) {
  .mx-fin .botao--cheio:where(:not(.mx-ferramenta *)) { animation: brilho 5.5s ease-in-out 2.2s infinite; }
}
@keyframes brilho { 0%, 62% { background-position: -160% 0; } 100% { background-position: 260% 0; } }
.mx-fin .topo:where(:not(.mx-ferramenta *)) { position: fixed; inset: 0 0 auto; z-index: 60; padding-top: env(safe-area-inset-top); container-type: inline-size; pointer-events: none; }
.mx-fin .topo__barra:where(:not(.mx-ferramenta *)) {
  --largo: 88rem;
  --capsula: min(100cqw - 2 * var(--gutter) - 3rem, 66rem);
  --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: 1rem;
  width: min(100% - 2 * var(--gutter), var(--largo)); height: var(--topo-h); margin-inline: auto; pointer-events: auto;
  transition: translate .5s var(--saida);
}
.mx-fin .topo__barra:where(:not(.mx-ferramenta *))::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 999px;
  background: rgb(255 255 255 / .95); border: 1px solid rgb(26 51 168 / .09);
  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-fin .topo__marca:where(:not(.mx-ferramenta *)) { grid-column: 1; justify-self: start; display: inline-flex; align-items: center; min-height: 44px; transition: translate .5s var(--saida); }
.mx-fin .topo__marca img:where(:not(.mx-ferramenta *)) { width: auto; height: 2.5rem; border-radius: .5rem; }
.mx-fin .topo__nav:where(:not(.mx-ferramenta *)) { display: none; grid-column: 2; }
.mx-fin .topo__acoes:where(:not(.mx-ferramenta *)) { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: .35rem; transition: translate .5s var(--saida); }
.mx-fin .topo__entrar:where(:not(.mx-ferramenta *)) { display: none; align-items: center; min-height: 44px; padding: .5rem .9rem; border-radius: 999px; font-family: var(--f-titulo); font-weight: 600; font-size: .9875rem; color: #fff; transition: color .3s ease, background-color .2s ease; }
.mx-fin .topo__baixar:where(:not(.mx-ferramenta *)) { --altura: 2.75rem; padding: .5rem 1.1rem; font-size: .9375rem; }
.mx-fin .topo__menu:where(:not(.mx-ferramenta *)) { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; color: #fff; transition: color .3s ease, background-color .2s ease; }
.mx-fin .topo__menu svg:where(:not(.mx-ferramenta *)) { width: 1.5rem; height: 1.5rem; }
.mx-fin .topo__menu [data-fechar]:where(:not(.mx-ferramenta *)) { display: none; }
.mx-fin .topo__menu[aria-expanded="true"] [data-abrir]:where(:not(.mx-ferramenta *)) { display: none; }
.mx-fin .topo__menu[aria-expanded="true"] [data-fechar]:where(:not(.mx-ferramenta *)) { display: block; }
.mx-fin .topo__painel:where(:not(.mx-ferramenta *)) { position: absolute; top: calc(100% + .5rem); left: 0; right: 0; display: grid; gap: .25rem; padding: .75rem; border-radius: 1.5rem; background: rgb(255 255 255 / .97); border: 1px solid rgb(26 51 168 / .1); box-shadow: var(--sombra-2); pointer-events: auto; }
.mx-fin .topo__painel[hidden]:where(:not(.mx-ferramenta *)) { display: none; }
.mx-fin .topo__painel a:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; min-height: 3rem; padding: .6rem 1rem; border-radius: .875rem; font-family: var(--f-titulo); font-weight: 600; color: var(--tinta); }
.mx-fin .topo__painel a:active:where(:not(.mx-ferramenta *)) { background: var(--verde-claro); }
.mx-fin .topo__painel .botao:where(:not(.mx-ferramenta *)) { justify-content: center; margin-top: .25rem; color: #fff; }
.mx-fin .topo--flutua .topo__barra:where(:not(.mx-ferramenta *)) { translate: 0 .625rem; }
.mx-fin .topo--flutua .topo__barra:where(:not(.mx-ferramenta *))::before { opacity: 1; clip-path: inset(.375rem var(--dx) round 999px); }
.mx-fin .topo--flutua .topo__marca:where(:not(.mx-ferramenta *)) { translate: calc(var(--dx) + .5rem) 0; }
.mx-fin .topo--flutua .topo__acoes:where(:not(.mx-ferramenta *)) { translate: calc(-1 * var(--dx) - .375rem) 0; }
.mx-fin .topo--flutua .topo__entrar:where(:not(.mx-ferramenta *)), .mx-fin .topo--flutua .topo__menu:where(:not(.mx-ferramenta *)) { color: var(--tinta); }
.mx-fin .topo--flutua .topo__nav a:where(:not(.mx-ferramenta *)) { color: var(--tinta); }

@media (min-width: 62rem) {
  .mx-fin .topo__nav:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: .125rem; }
  .mx-fin .topo__nav a:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .6rem; border-radius: 999px; font-family: var(--f-titulo); font-size: .9875rem; font-weight: 500; color: rgb(255 255 255 / .9); white-space: nowrap; transition: color .3s ease, background-color .2s ease; }
  .mx-fin .topo__nav a[aria-current="true"]:where(:not(.mx-ferramenta *)) { color: var(--verde-luz); }
  .mx-fin .topo--flutua .topo__nav a[aria-current="true"]:where(:not(.mx-ferramenta *)) { color: var(--verde-fundo); }
  .mx-fin .topo__entrar:where(:not(.mx-ferramenta *)) { display: inline-flex; }
  .mx-fin .topo__menu:where(:not(.mx-ferramenta *)) { display: none; }
  .mx-fin .topo__painel:where(:not(.mx-ferramenta *)) { display: none !important; }
}
@media (min-width: 80rem) { .mx-fin .topo__nav a:where(:not(.mx-ferramenta *)) { padding-left: .85rem; padding-right: .85rem; } }
@media (min-width: 62rem) and (hover: hover) and (pointer: fine) {
  .mx-fin .topo__nav a:hover:where(:not(.mx-ferramenta *)), .mx-fin .topo__entrar:hover:where(:not(.mx-ferramenta *)) { color: #fff; background: rgb(255 255 255 / .12); }
  .mx-fin .topo--flutua .topo__nav a:hover:where(:not(.mx-ferramenta *)), .mx-fin .topo--flutua .topo__entrar:hover:where(:not(.mx-ferramenta *)) { color: var(--verde-fundo); background: var(--verde-claro); }
}
@media (max-width: 22.4rem) { .mx-fin .topo__baixar:where(:not(.mx-ferramenta *)) { display: none; } }
@media (prefers-reduced-motion: reduce) { .mx-fin .topo__barra:where(:not(.mx-ferramenta *)), .mx-fin .topo__barra:where(:not(.mx-ferramenta *))::before, .mx-fin .topo__marca:where(:not(.mx-ferramenta *)), .mx-fin .topo__acoes:where(:not(.mx-ferramenta *)) { transition: none; } }
.mx-fin .celular:where(:not(.mx-ferramenta *)) { --u: calc(100cqw / 441); position: relative; width: var(--celular-w, 18rem); aspect-ratio: 441 / 916; container-type: inline-size; flex: none; }
.mx-fin .celular__corpo:where(:not(.mx-ferramenta *)) {
  position: absolute; left: calc(var(--u) * 1); top: calc(var(--u) * .5); width: calc(var(--u) * 436); height: calc(var(--u) * 915);
  border-radius: calc(var(--u) * 40);
  background: linear-gradient(140deg, #e7e9ea 0%, #a9aeb0 16%, #f6f7fb 33%, #8f9597 55%, #dcdfe0 76%, #9fa4a6 100%);
  box-shadow: inset 0 0 0 calc(var(--u) * .7) rgb(0 0 0 / .28), 0 calc(var(--u) * 40) calc(var(--u) * 70) calc(var(--u) * -26) rgb(0 0 0 / .55), 0 calc(var(--u) * 14) calc(var(--u) * 26) calc(var(--u) * -14) rgb(0 0 0 / .4);
}
.mx-fin .celular__corpo:where(:not(.mx-ferramenta *))::before { content: ""; position: absolute; inset: calc(var(--u) * 5.5); border-radius: calc(var(--u) * 34.5); background: #0b0d0c; box-shadow: inset 0 0 0 calc(var(--u) * .8) rgb(255 255 255 / .07); }
.mx-fin .celular__tela:where(:not(.mx-ferramenta *)) {
  position: absolute; left: calc(var(--u) * 12); top: calc(var(--u) * 11.5); width: calc(var(--u) * 412); height: calc(var(--u) * 891);
  border-radius: calc(var(--u) * 30); overflow: clip; background: #f6f7fb;
  display: grid; grid-template-rows: calc(var(--u) * 36) minmax(0, 1fr) calc(var(--u) * 20);
}
.mx-fin .celular__tela:where(:not(.mx-ferramenta *))::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(118deg, rgb(255 255 255 / .09), transparent 36%); }
.mx-fin .celular__hora:where(:not(.mx-ferramenta *))::before { content: "7:30"; }
.mx-fin .celular__status:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; justify-content: space-between; padding: calc(var(--u) * 3) calc(var(--u) * 22) 0 calc(var(--u) * 26); background: var(--app-barra); color: #fff; font: 600 calc(var(--u) * 14) / 1 var(--f-texto); letter-spacing: .01em; }
.mx-fin .celular__icones:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: calc(var(--u) * 5); }
.mx-fin .celular__icones svg:where(:not(.mx-ferramenta *)) { height: calc(var(--u) * 11.5); width: auto; fill: currentColor; }
.mx-fin .celular__icones .i-wifi:where(:not(.mx-ferramenta *)) { width: calc(var(--u) * 15); }
.mx-fin .celular__icones .i-rede:where(:not(.mx-ferramenta *)) { width: calc(var(--u) * 14); }
.mx-fin .celular__icones .i-bateria:where(:not(.mx-ferramenta *)) { width: calc(var(--u) * 23); }
.mx-fin .celular__app:where(:not(.mx-ferramenta *)) { position: relative; overflow: clip; background: #f6f7fb; }
.mx-fin .celular__app img:where(:not(.mx-ferramenta *)), .mx-fin .celular__app video:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.mx-fin .celular__video:where(:not(.mx-ferramenta *)) { opacity: 0; transition: opacity .6s ease; }
.mx-fin .celular__video.toca:where(:not(.mx-ferramenta *)) { opacity: 1; }
.mx-fin .celular__gestos:where(:not(.mx-ferramenta *)) { display: grid; place-items: center; background: var(--app-barra); }
.mx-fin .celular__gestos:where(:not(.mx-ferramenta *))::before { content: ""; width: calc(var(--u) * 108); height: calc(var(--u) * 4); border-radius: 99px; background: rgb(255 255 255 / .82); }
.mx-fin .celular__camera:where(:not(.mx-ferramenta *)) { position: absolute; left: calc(var(--u) * 212.4); top: calc(var(--u) * 29.1); width: calc(var(--u) * 11.2); height: calc(var(--u) * 11.2); border-radius: 50%; background: radial-gradient(circle at 36% 34%, #3a4652 0 14%, #0e1214 42%, #050707 100%); box-shadow: 0 0 0 calc(var(--u) * 1.4) #050707; }
.mx-fin .celular__botao:where(:not(.mx-ferramenta *)) { position: absolute; left: calc(var(--u) * 436.4); width: calc(var(--u) * 3.4); border-radius: 0 calc(var(--u) * 2) calc(var(--u) * 2) 0; background: linear-gradient(90deg, #7f8486, #d5d8d9 70%, #a2a6a8); }
.mx-fin .celular__botao--volume:where(:not(.mx-ferramenta *)) { top: calc(var(--u) * 174); height: calc(var(--u) * 108); }
.mx-fin .celular__botao--liga:where(:not(.mx-ferramenta *)) { top: calc(var(--u) * 338); height: calc(var(--u) * 72); }
.mx-fin .heroi:where(:not(.mx-ferramenta *)) { 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: #fff; background: var(--noite); overflow: clip; }
.mx-fin .heroi__fundo:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; z-index: -1; }
.mx-fin .heroi__fundo picture:where(:not(.mx-ferramenta *)), .mx-fin .heroi__capa:where(:not(.mx-ferramenta *)), .mx-fin .heroi__video:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; width: 100%; height: 100%; }
.mx-fin .heroi__capa:where(:not(.mx-ferramenta *)), .mx-fin .heroi__video:where(:not(.mx-ferramenta *)) { object-fit: cover; object-position: 50% 50%; }
.mx-fin .heroi__video:where(:not(.mx-ferramenta *)) { opacity: 0; transition: opacity 1.1s ease; }
.mx-fin .heroi__video.toca:where(:not(.mx-ferramenta *)) { opacity: 1; }
.mx-fin .heroi__veu:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; background:
  radial-gradient(95% 62% at 34% 46%, rgb(5 7 16 / .72), rgb(5 7 16 / .46) 55%, transparent 85%),
  linear-gradient(180deg, rgb(5 7 16 / .66) 0%, rgb(5 7 16 / .32) 18%, rgb(5 7 16 / .36) 62%, rgb(5 7 16 / .88) 100%); }
.mx-fin .heroi__veu:where(:not(.mx-ferramenta *))::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-fin .heroi__grade:where(:not(.mx-ferramenta *)) { --heroi-celular: clamp(8.5rem, 35vw, 12.5rem); display: grid; grid-template-columns: minmax(0, 1fr) var(--heroi-celular); column-gap: clamp(.875rem, 3vw, 1.5rem); align-content: center; align-items: center; padding-block: clamp(1rem, 4svh, 2.5rem); }
.mx-fin .heroi__texto:where(:not(.mx-ferramenta *)) { display: contents; }
.mx-fin .selo-nota:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: .55rem; min-height: 2.25rem; margin-bottom: 1rem; padding: .45rem .95rem .45rem .8rem; border-radius: 999px; background: rgb(4 8 30 / .66); border: 1px solid rgb(255 255 255 / .2); font-size: .9375rem; color: rgb(255 255 255 / .94); }
.mx-fin .selo-nota strong:where(:not(.mx-ferramenta *)) { font-family: var(--f-titulo); font-weight: 700; color: #fff; }
.mx-fin .selo-nota__estrelas:where(:not(.mx-ferramenta *)) { display: inline-flex; gap: 1px; color: var(--trigo); }
.mx-fin .selo-nota__estrelas svg:where(:not(.mx-ferramenta *)) { width: .95rem; height: .95rem; }
.mx-fin .heroi h1:where(:not(.mx-ferramenta *)) { grid-column: 1; grid-row: 2; font-size: 3rem; 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-fin .heroi h1 .destaque:where(:not(.mx-ferramenta *)) { color: var(--verde-luz); }
.mx-fin .heroi__apoio:where(:not(.mx-ferramenta *)) { grid-column: 1; grid-row: 3; align-self: start; margin-top: .85rem; font-size: var(--t-apoio); line-height: 1.5; color: rgb(255 255 255 / .9); max-width: 34rem; }
.mx-fin .heroi__aparelho:where(:not(.mx-ferramenta *)) { grid-column: 2; grid-row: 2 / span 2; display: grid; justify-items: center; }
.mx-fin .heroi__acoes:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; grid-row: 4; display: flex; flex-wrap: wrap; gap: .625rem; margin-top: 1.5rem; }
.mx-fin .heroi__acoes .botao:where(:not(.mx-ferramenta *)) { flex: 1 1 9.5rem; }
.mx-fin .heroi__nota:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; grid-row: 5; margin-top: .85rem; font-size: .9375rem; color: rgb(255 255 255 / .82); }
.mx-fin .celular--heroi:where(:not(.mx-ferramenta *)) { width: 100%; }
@media (prefers-reduced-motion: no-preference) {
  .mx-fin .celular--heroi:where(:not(.mx-ferramenta *)) { animation: flutuar 7s ease-in-out infinite; }
}
@keyframes flutuar { 0%, 100% { translate: 0 0; } 50% { translate: 0 -.75rem; } }

.mx-fin .heroi__fatos:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .75rem; padding-top: 1rem; padding-bottom: 1.25rem; padding-bottom: calc(1.25rem + env(safe-area-inset-bottom)); border-top: 1px solid rgb(255 255 255 / .16); }
.mx-fin .heroi__fatos li:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: .55rem; font-size: .875rem; line-height: 1.3; color: rgb(255 255 255 / .86); }
.mx-fin .heroi__fatos strong:where(:not(.mx-ferramenta *)) { color: #fff; font-weight: 600; }
.mx-fin .heroi__fatos svg:where(:not(.mx-ferramenta *)) { width: 1.25rem; height: 1.25rem; flex: none; color: var(--verde-luz); }

@media (min-width: 48rem) {
  .mx-fin .heroi__grade:where(:not(.mx-ferramenta *)) { --heroi-celular: clamp(13rem, min(26vw, (100svh / var(--zoom, 1) - 16.5rem) * .4814), 20.5rem); grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: clamp(2rem, 4vw, 4rem); }
  .mx-fin .heroi__texto:where(:not(.mx-ferramenta *)) { display: block; grid-column: 1; grid-row: 1; }
  .mx-fin .heroi__aparelho:where(:not(.mx-ferramenta *)) { grid-column: 2; grid-row: 1; }
  .mx-fin .celular--heroi:where(:not(.mx-ferramenta *)) { width: var(--heroi-celular); }
  .mx-fin .heroi__acoes .botao:where(:not(.mx-ferramenta *)) { flex: 0 0 auto; }
  .mx-fin .heroi__veu:where(:not(.mx-ferramenta *)) { background:
    radial-gradient(48% 62% at 24% 52%, rgb(5 7 16 / .56), transparent 100%),
    linear-gradient(90deg, rgb(5 7 16 / .78) 0%, rgb(5 7 16 / .6) 36%, rgb(5 7 16 / .2) 60%, rgb(5 7 16 / .06) 100%),
    linear-gradient(180deg, rgb(5 7 16 / .66) 0%, rgb(5 7 16 / .48) 8%, transparent 21%, transparent 72%, rgb(5 7 16 / .82) 100%); }
  .mx-fin .heroi__fatos:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding-top: 1.1rem; padding-bottom: 1.5rem; }
  .mx-fin .heroi__fatos li:where(:not(.mx-ferramenta *)) { font-size: .9375rem; }
}
@media (min-width: 48rem) and (max-width: 79.99rem) {
  .mx-fin .heroi__veu:where(:not(.mx-ferramenta *)) { background:
    radial-gradient(60% 68% at 28% 52%, rgb(5 7 16 / .62), transparent 100%),
    linear-gradient(90deg, rgb(5 7 16 / .8) 0%, rgb(5 7 16 / .68) 44%, rgb(5 7 16 / .3) 66%, rgb(5 7 16 / .08) 100%),
    linear-gradient(180deg, rgb(5 7 16 / .66) 0%, rgb(5 7 16 / .48) 8%, transparent 21%, transparent 72%, rgb(5 7 16 / .82) 100%); }
}
@media (min-width: 48rem) and (orientation: portrait) {
  .mx-fin .heroi__grade:where(:not(.mx-ferramenta *)) { --heroi-celular: clamp(13rem, min(38vw, (100svh / var(--zoom, 1) - 18rem) * .4814), 26rem); }
}
.mx-fin .secao:where(:not(.mx-ferramenta *)) { padding-top: 4rem; padding-bottom: 4rem; padding-top: var(--sp-sec); padding-bottom: var(--sp-sec); }
.mx-fin .cabeca:where(:not(.mx-ferramenta *)) { max-width: 46rem; margin: 0 auto clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem); text-align: center; }
.mx-fin .cabeca h2:where(:not(.mx-ferramenta *)) { font-size: 2.25rem; font-size: var(--t-h2); font-weight: 800; color: var(--tinta); }
.mx-fin .cabeca p:where(:not(.mx-ferramenta *)) { margin-top: .65rem; font-size: var(--t-apoio); line-height: 1.5; color: var(--tinta-2); }
.mx-fin .cabeca--esquerda:where(:not(.mx-ferramenta *)) { text-align: left; margin-inline: 0; }
.mx-fin .icone:where(:not(.mx-ferramenta *)) { display: inline-grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: .9rem; background: var(--verde); color: #fff; }
.mx-fin .icone svg:where(:not(.mx-ferramenta *)) { width: 1.375rem; height: 1.375rem; }
.mx-fin .icone--claro:where(:not(.mx-ferramenta *)) { background: var(--verde-claro); color: var(--verde-fundo); }
.mx-fin .cena-legenda:where(:not(.mx-ferramenta *)) { font-size: .875rem; line-height: 1.35; color: var(--tinta-3); }
.mx-fin .parceiro:where(:not(.mx-ferramenta *)) { background: var(--papel); }
.mx-fin .parceiro__par:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.625rem, 2vw, 2rem); }
.mx-fin .la-lado:where(:not(.mx-ferramenta *)) { 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-fin .lado__cena:where(:not(.mx-ferramenta *)) { position: relative; aspect-ratio: 4 / 3; overflow: clip; }
.mx-fin .lado__cena img:where(:not(.mx-ferramenta *)) { width: 100%; height: 100%; object-fit: cover; }
.mx-fin .lado--antes .lado__cena img:where(:not(.mx-ferramenta *)) { filter: saturate(.72) contrast(1.02); }
.mx-fin .lado__cena--app:where(:not(.mx-ferramenta *)) { display: grid; justify-items: center; background: radial-gradient(90% 80% at 50% 100%, #2c9a62 0%, var(--verde) 45%, var(--verde-fundo) 100%); }
.mx-fin .lado__cena--app .celular:where(:not(.mx-ferramenta *)) { position: absolute; left: 50%; top: 10%; width: 52%; translate: -50% 0; }
.mx-fin .lado__cena--app .cena-legenda:where(:not(.mx-ferramenta *)) { position: absolute; left: .75rem; right: .75rem; bottom: .75rem; z-index: 2; padding: .45rem .75rem; border-radius: .75rem; background: rgb(255 255 255 / .94); color: var(--tinta-2); box-shadow: var(--sombra-1); }
.mx-fin .lado__texto:where(:not(.mx-ferramenta *)) { padding: clamp(.9rem, .6rem + 1.4vw, 1.75rem); }
.mx-fin .lado__texto h3:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: .6rem; font-size: 1.25rem; font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-fin .marca-x:where(:not(.mx-ferramenta *)), .mx-fin .marca-v:where(:not(.mx-ferramenta *)) { display: inline-grid; place-items: center; flex: none; width: 2rem; height: 2rem; border-radius: 50%; }
.mx-fin .marca-x:where(:not(.mx-ferramenta *)) { background: var(--vermelho-claro); color: var(--vermelho); }
.mx-fin .marca-v:where(:not(.mx-ferramenta *)) { background: var(--verde-claro); color: var(--verde); }
.mx-fin .marca-x svg:where(:not(.mx-ferramenta *)), .mx-fin .marca-v svg:where(:not(.mx-ferramenta *)) { width: 1.05rem; height: 1.05rem; }
.mx-fin .lista:where(:not(.mx-ferramenta *)) { display: grid; gap: .55rem; margin-top: 1rem; }
.mx-fin .lista li:where(:not(.mx-ferramenta *)) { position: relative; padding-left: 1.5rem; line-height: 1.4; color: var(--tinta-2); }
.mx-fin .lista li:where(:not(.mx-ferramenta *))::before { content: ""; position: absolute; left: 0; top: .5em; width: .55rem; height: .55rem; border-radius: 50%; }
.mx-fin .lista--nao li:where(:not(.mx-ferramenta *))::before { background: #d9a19b; }
.mx-fin .lista--sim li:where(:not(.mx-ferramenta *))::before { background: var(--verde-vivo); }
.mx-fin .lista--sim li:where(:not(.mx-ferramenta *)) { color: var(--tinta); }
@media (max-width: 47.99rem) {
  .mx-fin .lado__cena--app .cena-legenda:where(:not(.mx-ferramenta *)) { display: none; }
  .mx-fin .lado__texto h3:where(:not(.mx-ferramenta *)) { font-size: 1.0625rem; gap: .45rem; }
  .mx-fin .marca-x:where(:not(.mx-ferramenta *)), .mx-fin .marca-v:where(:not(.mx-ferramenta *)) { width: 1.6rem; height: 1.6rem; }
  .mx-fin .lista:where(:not(.mx-ferramenta *)) { gap: .45rem; margin-top: .75rem; }
  .mx-fin .lista li:where(:not(.mx-ferramenta *)) { padding-left: 1.05rem; font-size: .9375rem; }
  .mx-fin .lista li:where(:not(.mx-ferramenta *))::before { width: .45rem; height: .45rem; }
}
.mx-fin .funcoes:where(:not(.mx-ferramenta *)) { background: var(--superficie); }
.mx-fin .bento:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.mx-fin .cartao:where(:not(.mx-ferramenta *)) { display: grid; grid-template-rows: auto auto 1fr; gap: .6rem; align-content: start; padding: clamp(1rem, .75rem + 1vw, 1.75rem); border-radius: var(--raio); background: var(--papel); border: 1px solid var(--linha); overflow: clip; }
.mx-fin .cartao__topo:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: .75rem; }
.mx-fin .cartao h3:where(:not(.mx-ferramenta *)) { font-size: 1.25rem; font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-fin .cartao > p:where(:not(.mx-ferramenta *)) { color: var(--tinta-2); line-height: 1.45; }
.mx-fin .cartao--a:where(:not(.mx-ferramenta *)), .mx-fin .cartao--b:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; }
.mx-fin .cartao--c:where(:not(.mx-ferramenta *)), .mx-fin .cartao--d:where(:not(.mx-ferramenta *)), .mx-fin .cartao--e:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; }
.mx-fin .recorte:where(:not(.mx-ferramenta *)) { align-self: end; margin-top: .4rem; }
.mx-fin .recorte img:where(:not(.mx-ferramenta *)) { width: 100%; max-width: 30rem; margin-inline: auto; border-radius: .875rem; background: #f6f7fb; box-shadow: var(--sombra-2); border: 1px solid rgb(26 51 168 / .08); }
.mx-fin .recorte--alto:where(:not(.mx-ferramenta *)) { max-height: 15rem; overflow: clip; border-radius: .875rem; -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent); mask-image: linear-gradient(180deg, #000 72%, transparent); }
.mx-fin .cartao > .aviso-do-app:where(:not(.mx-ferramenta *)), .mx-fin .aviso-do-app:where(:not(.mx-ferramenta *)) { display: flex; gap: .7rem; align-items: flex-start; align-self: end; margin-top: .4rem; padding: 1rem 1.1rem; border-radius: .875rem; background: var(--noite); color: #fff; font-size: 1rem; line-height: 1.45; box-shadow: var(--sombra-2); }
.mx-fin .palco-cena:where(:not(.mx-ferramenta *)) { align-self: end; display: grid; place-content: center; gap: .6rem; height: 12.5rem; margin-top: .4rem; padding: 1rem; border-radius: .9rem; background: #e6e9f2; overflow: clip; }
.mx-fin .palco-cena .recorte:where(:not(.mx-ferramenta *)) { align-self: auto; margin-top: 0; }
.mx-fin .palco-cena .recorte img:where(:not(.mx-ferramenta *)) { max-width: 100%; box-shadow: var(--sombra-1); }
.mx-fin .palco-cena--alto:where(:not(.mx-ferramenta *)) { height: 14rem; }
.mx-fin .palco-cena--alto .recorte img:where(:not(.mx-ferramenta *)) { width: min(100%, 30rem); }
.mx-fin .palco-cena--topo:where(:not(.mx-ferramenta *)) { 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-fin .palco-cena .aviso-do-app:where(:not(.mx-ferramenta *)) { margin-top: 0; }
.mx-fin .aviso-do-app svg:where(:not(.mx-ferramenta *)) { width: 1.375rem; height: 1.375rem; flex: none; margin-top: .1rem; color: var(--verde-luz); }
.mx-fin .aviso-do-app strong:where(:not(.mx-ferramenta *)) { display: block; margin-bottom: .15rem; font-family: var(--f-titulo); font-weight: 650; color: #fff; }
@media (max-width: 47.99rem) {
  .mx-fin .cartao:where(:not(.mx-ferramenta *)) { gap: .5rem; padding: .95rem; }
  .mx-fin .cartao--a > p:where(:not(.mx-ferramenta *)), .mx-fin .cartao--b > p:where(:not(.mx-ferramenta *)), .mx-fin .cartao--c > p:where(:not(.mx-ferramenta *)), .mx-fin .cartao--e > p:not(.aviso-do-app):where(:not(.mx-ferramenta *)) { display: none; }
  .mx-fin .cartao--d:where(:not(.mx-ferramenta *)), .mx-fin .cartao--e:where(:not(.mx-ferramenta *)) { grid-column: span 1; }
  .mx-fin .cartao--d .palco-cena:where(:not(.mx-ferramenta *)) { display: none; }
  .mx-fin .palco-cena:where(:not(.mx-ferramenta *)), .mx-fin .palco-cena--alto:where(:not(.mx-ferramenta *)) { height: auto; padding: .75rem; }
  .mx-fin .palco-cena--topo:where(:not(.mx-ferramenta *)) { height: 11rem; }
  .mx-fin .cartao--d > p:where(:not(.mx-ferramenta *)) { font-size: .9375rem; }
  .mx-fin .recorte--alto:where(:not(.mx-ferramenta *)) { max-height: 11rem; }
  .mx-fin .cartao--e .palco-cena:where(:not(.mx-ferramenta *)) { padding: 0; background: none; }
  .mx-fin .cartao h3:where(:not(.mx-ferramenta *)) { font-size: 1.0625rem; }
  .mx-fin .cartao .icone:where(:not(.mx-ferramenta *)) { width: 2.25rem; height: 2.25rem; border-radius: .75rem; }
  .mx-fin .cartao .icone svg:where(:not(.mx-ferramenta *)) { width: 1.15rem; height: 1.15rem; }
  .mx-fin .cartao--e .aviso-do-app:where(:not(.mx-ferramenta *)) { flex-direction: column; gap: .4rem; padding: .85rem; font-size: .9375rem; }
}
@media (min-width: 48rem) {
  .mx-fin .bento:where(:not(.mx-ferramenta *)) { gap: 1rem; }
  .mx-fin .cartao--a:where(:not(.mx-ferramenta *)), .mx-fin .cartao--b:where(:not(.mx-ferramenta *)), .mx-fin .cartao--c:where(:not(.mx-ferramenta *)), .mx-fin .cartao--d:where(:not(.mx-ferramenta *)) { grid-column: span 1; }
  .mx-fin .cartao--e:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; }
  .mx-fin .recorte--alto:where(:not(.mx-ferramenta *)) { max-height: 15rem; }
}
@media (min-width: 48rem) and (max-width: 63.99rem) { .mx-fin .cartao--e .palco-cena:where(:not(.mx-ferramenta *)) { height: auto; padding: 1.5rem; } }
@media (min-width: 64rem) {
  .mx-fin .bento:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .mx-fin .cartao--a:where(:not(.mx-ferramenta *)), .mx-fin .cartao--b:where(:not(.mx-ferramenta *)) { grid-column: span 3; }
  .mx-fin .cartao--c:where(:not(.mx-ferramenta *)), .mx-fin .cartao--d:where(:not(.mx-ferramenta *)), .mx-fin .cartao--e:where(:not(.mx-ferramenta *)) { grid-column: span 2; }
}
.mx-fin .por-dentro:where(:not(.mx-ferramenta *)) { position: relative; isolation: isolate; background: var(--noite); color: #fff; overflow: clip; }
.mx-fin .por-dentro:where(:not(.mx-ferramenta *))::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 55% at 50% 30%, rgb(49 85 242 / .28), transparent 70%), radial-gradient(40% 40% at 85% 90%, rgb(243 193 75 / .1), transparent 70%); }
.mx-fin .por-dentro .cabeca h2:where(:not(.mx-ferramenta *)) { color: #fff; }
.mx-fin .por-dentro .cabeca p:where(:not(.mx-ferramenta *)) { color: rgb(255 255 255 / .8); }
.mx-fin .galeria:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem .75rem; justify-items: center; }
.mx-fin .galeria__item:where(:not(.mx-ferramenta *)) { display: grid; justify-items: center; gap: .9rem; width: 100%; }
.mx-fin .celular--galeria:where(:not(.mx-ferramenta *)) { --celular-w: min(100%, 13rem); width: min(100%, 13rem); }
.mx-fin .galeria__legenda:where(:not(.mx-ferramenta *)) { text-align: center; font-size: .9375rem; line-height: 1.35; color: rgb(255 255 255 / .78); }
.mx-fin .galeria__legenda strong:where(:not(.mx-ferramenta *)) { display: block; margin-bottom: .1rem; font-family: var(--f-titulo); font-size: 1.0625rem; font-weight: 650; color: #fff; }
.mx-fin .galeria__abas:where(:not(.mx-ferramenta *)) { display: none; }
@media (max-width: 47.99rem) {
  .mx-fin .js .galeria:where(:not(.mx-ferramenta *)) { grid-template-columns: minmax(0, 1fr); }
  .mx-fin .js .galeria__item:where(:not(.mx-ferramenta *)) { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
  .mx-fin .js .galeria__item.ativo:where(:not(.mx-ferramenta *)) { opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s; }
  .mx-fin .js .celular--galeria:where(:not(.mx-ferramenta *)) { width: min(70vw, 17rem); }
  .mx-fin .js .galeria__abas:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; margin-top: 1.1rem; }
  .mx-fin .galeria__abas button:where(:not(.mx-ferramenta *)) { position: relative; min-height: 44px; padding: .5rem .3rem; overflow: clip; border-radius: .8rem; background: rgb(255 255 255 / .08); border: 1px solid rgb(255 255 255 / .16); color: rgb(255 255 255 / .86); font: 600 .875rem/1.35 var(--f-titulo); }
  .mx-fin .galeria__abas button[aria-selected="true"]:where(:not(.mx-ferramenta *)) { background: var(--verde-botao); border-color: transparent; color: #fff; }
  .mx-fin .galeria__abas button:where(:not(.mx-ferramenta *))::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--verde-vivo); transform: scaleX(0); transform-origin: left; }
  .mx-fin .galeria--roda .galeria__abas button[aria-selected="true"]:where(:not(.mx-ferramenta *))::after { animation: progresso var(--passo, 3.6s) linear forwards; }
}
@keyframes progresso { to { transform: scaleX(1); } }
@media (min-width: 48rem) {
  .mx-fin .galeria:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
  .mx-fin .celular--galeria:where(:not(.mx-ferramenta *)) { --celular-w: min(100%, 16.5rem); width: min(100%, 16.5rem); }
  .mx-fin .galeria__item:nth-child(even):where(:not(.mx-ferramenta *)) { margin-top: 2.5rem; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .mx-fin .celular--galeria:where(:not(.mx-ferramenta *)) { transition: translate .45s var(--saida); }
  .mx-fin .galeria__item:hover .celular--galeria:where(:not(.mx-ferramenta *)) { translate: 0 -.5rem; }
}
.mx-fin .beneficios:where(:not(.mx-ferramenta *)) { background: var(--papel); }
.mx-fin .beneficios__grade:where(:not(.mx-ferramenta *)) { display: grid; gap: clamp(1.75rem, 4vw, 4rem); align-items: center; }
.mx-fin .beneficios__lista:where(:not(.mx-ferramenta *)) { display: grid; gap: 1.1rem; }
.mx-fin .beneficios__lista li:where(:not(.mx-ferramenta *)) { display: flex; gap: .9rem; align-items: flex-start; }
.mx-fin .beneficios__lista h3:where(:not(.mx-ferramenta *)) { font-size: 1.25rem; font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-fin .beneficios__lista p:where(:not(.mx-ferramenta *)) { margin-top: .2rem; color: var(--tinta-2); line-height: 1.45; }
.mx-fin .beneficios__cena:where(:not(.mx-ferramenta *)) { padding-top: 1.25rem; }
.mx-fin .beneficios__palco:where(:not(.mx-ferramenta *)) { position: relative; margin-bottom: 3.25rem; }
.mx-fin .beneficios__foto:where(:not(.mx-ferramenta *)) { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: var(--raio); box-shadow: var(--sombra-2); }
.mx-fin .flutua:where(:not(.mx-ferramenta *)) { position: absolute; width: min(72%, 19rem); }
.mx-fin .flutua img:where(:not(.mx-ferramenta *)) { width: 100%; border-radius: .9rem; box-shadow: 0 2px 6px rgb(0 0 0 / .08), 0 26px 48px -24px rgb(0 0 0 / .5); }
.mx-fin .flutua--a:where(:not(.mx-ferramenta *)) { left: -.25rem; bottom: -1.6rem; }
.mx-fin .flutua--b:where(:not(.mx-ferramenta *)) { right: -.25rem; top: -1.25rem; }
.mx-fin .cena-legenda--sobre:where(:not(.mx-ferramenta *)) { margin-top: .9rem; text-align: right; color: var(--tinta-2); }
@media (prefers-reduced-motion: no-preference) {
  .mx-fin .flutua--a:where(:not(.mx-ferramenta *)) { animation: flutuar 8s ease-in-out infinite; }
  .mx-fin .flutua--b:where(:not(.mx-ferramenta *)) { animation: flutuar 8s ease-in-out 1.3s infinite; }
}
@media (min-width: 48rem) {
  .mx-fin .beneficios__grade:where(:not(.mx-ferramenta *)) { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
  .mx-fin .flutua--a:where(:not(.mx-ferramenta *)) { left: -1.75rem; bottom: -1.75rem; }
  .mx-fin .flutua--b:where(:not(.mx-ferramenta *)) { right: -1.5rem; top: -1.5rem; }
}
.mx-fin .la-passos:where(:not(.mx-ferramenta *)) { background: var(--superficie); }
.mx-fin .passos__lista:where(:not(.mx-ferramenta *)) { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem .75rem; counter-reset: passo; }
.mx-fin .passo:where(:not(.mx-ferramenta *)) { position: relative; z-index: 1; display: grid; justify-items: center; align-content: start; text-align: center; gap: .35rem; }
.mx-fin .passo__num:where(:not(.mx-ferramenta *)) { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; margin-bottom: .35rem; border-radius: 50%; background: var(--verde); color: #fff; font-family: var(--f-titulo); font-size: 1.375rem; font-weight: 700; box-shadow: 0 0 0 .4rem var(--superficie), 0 0 0 calc(.4rem + 1px) var(--linha); }
.mx-fin .passo__cena:where(:not(.mx-ferramenta *)) { display: grid; place-items: center; width: 100%; height: 6.25rem; margin: .35rem 0 .45rem; padding: .6rem; border-radius: 1rem; background: var(--papel); border: 1px solid var(--linha); overflow: clip; }
.mx-fin .passo__cena img:where(:not(.mx-ferramenta *)) { width: auto; height: auto; max-width: 100%; max-height: 5rem; border-radius: .55rem; box-shadow: var(--sombra-1); }
.mx-fin .passo__cena--loja img:where(:not(.mx-ferramenta *)) { box-shadow: none; max-height: 4rem; }
@media (hover: hover) and (pointer: fine) { .mx-fin .passo__cena--loja:where(:not(.mx-ferramenta *)) { transition: border-color .2s ease; } .mx-fin .passo__cena--loja:hover:where(:not(.mx-ferramenta *)) { border-color: var(--verde-vivo); } }
@media (min-width: 64rem) { .mx-fin .passo__cena:where(:not(.mx-ferramenta *)) { height: 8rem; padding: .85rem; } .mx-fin .passo__cena img:where(:not(.mx-ferramenta *)) { max-height: 6.25rem; } .mx-fin .passo__cena--loja img:where(:not(.mx-ferramenta *)) { max-height: 4.5rem; } }
.mx-fin .passo h3:where(:not(.mx-ferramenta *)) { font-size: 1.25rem; font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-fin .passo p:where(:not(.mx-ferramenta *)) { max-width: 15rem; font-size: 1rem; line-height: 1.45; color: var(--tinta-2); }
.mx-fin .passos__acao:where(:not(.mx-ferramenta *)) { display: flex; justify-content: center; margin-top: clamp(1.75rem, 3vw, 2.75rem); }
@media (min-width: 48rem) {
  .mx-fin .passos__lista:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
  .mx-fin .passos__lista:where(:not(.mx-ferramenta *))::before, .mx-fin .passos__lista:where(:not(.mx-ferramenta *))::after { content: ""; position: absolute; top: 1.625rem; left: 12.5%; right: 12.5%; height: 2px; border-radius: 2px; background: var(--linha); }
  .mx-fin .passos__lista:where(:not(.mx-ferramenta *))::after { background: var(--verde-vivo); transform-origin: left center; transform: scaleX(0); transition: transform 1.6s var(--saida) .2s; }
  .mx-fin .passos__lista.ativo:where(:not(.mx-ferramenta *))::after { transform: scaleX(1); }
}
.mx-fin .para-quem:where(:not(.mx-ferramenta *)) { background: var(--papel); }
.mx-fin .perfis:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.mx-fin .perfil:where(:not(.mx-ferramenta *)) { 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-fin .perfil__foto:where(:not(.mx-ferramenta *)) { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mx-fin .perfil__texto:where(:not(.mx-ferramenta *)) { padding: .85rem .95rem 1rem; }
.mx-fin .perfil__texto h3:where(:not(.mx-ferramenta *)) { font-size: 1.25rem; font-size: var(--t-h3); font-weight: 700; color: var(--tinta); }
.mx-fin .perfil__texto p:where(:not(.mx-ferramenta *)) { margin-top: .2rem; font-size: .9375rem; line-height: 1.4; color: var(--tinta-2); }
.mx-fin .perfil__app:where(:not(.mx-ferramenta *)) { display: none; }
@media (min-width: 48rem) {
  .mx-fin .perfis:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
  .mx-fin .perfil__texto:where(:not(.mx-ferramenta *)) { padding: 1.1rem 1.25rem 1.3rem; }
  .mx-fin .perfil__foto:where(:not(.mx-ferramenta *)) { aspect-ratio: 16 / 10; }
}
@media (min-width: 64rem) {
  .mx-fin .perfil__texto:where(:not(.mx-ferramenta *)) { padding-right: 10.5rem; min-height: 7rem; }
  .mx-fin .perfil__app:where(:not(.mx-ferramenta *)) { display: block; position: absolute; right: .9rem; bottom: .9rem; width: 9rem; }
  .mx-fin .perfil__app img:where(:not(.mx-ferramenta *)) { width: 100%; border-radius: .75rem; 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-fin .perfil__foto:where(:not(.mx-ferramenta *)) { transition: scale .6s var(--saida); }
  .mx-fin .perfil:hover .perfil__foto:where(:not(.mx-ferramenta *)) { scale: 1.04; }
}
.mx-fin .avaliacao:where(:not(.mx-ferramenta *)) { background: var(--superficie); }
.mx-fin .depoimento:where(:not(.mx-ferramenta *)) { display: grid; gap: 1.25rem; max-width: 52rem; margin-inline: auto; padding: clamp(1.25rem, 1rem + 2vw, 2.75rem); border-radius: var(--raio); background: var(--papel); border: 1px solid var(--linha); box-shadow: var(--sombra-1); }
.mx-fin .depoimento__nota:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.mx-fin .depoimento__nota strong:where(:not(.mx-ferramenta *)) { font-family: var(--f-titulo); font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem); font-weight: 800; line-height: 1; color: var(--tinta); }
.mx-fin .depoimento__nota .selo-nota__estrelas svg:where(:not(.mx-ferramenta *)) { width: 1.35rem; height: 1.35rem; }
.mx-fin .depoimento__nota .selo-nota__estrelas:where(:not(.mx-ferramenta *)) { color: #d79b0b; }
.mx-fin .depoimento__nota > span:last-child:where(:not(.mx-ferramenta *)) { width: 100%; font-size: .9375rem; color: var(--tinta-3); }
@media (max-width: 47.99rem) {
  .mx-fin .depoimento:where(:not(.mx-ferramenta *)) { text-align: center; }
  .mx-fin .depoimento__nota:where(:not(.mx-ferramenta *)) { flex-direction: column; align-items: center; gap: .45rem; }
  .mx-fin .depoimento figcaption:where(:not(.mx-ferramenta *)) { justify-content: center; }
}
.mx-fin .depoimento blockquote p:where(:not(.mx-ferramenta *)) { font-family: var(--f-titulo); font-size: clamp(1.375rem, 1.1rem + 1.2vw, 2rem); font-weight: 600; line-height: 1.34; letter-spacing: -.015em; color: var(--tinta); }
.mx-fin .depoimento figcaption:where(:not(.mx-ferramenta *)) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; padding-top: 1rem; border-top: 1px solid var(--linha); }
.mx-fin .depoimento__quem:where(:not(.mx-ferramenta *)) { display: grid; font-size: .9375rem; line-height: 1.4; color: var(--tinta-3); }
.mx-fin .depoimento__quem strong:where(:not(.mx-ferramenta *)) { font-size: 1.0625rem; color: var(--tinta); }
.mx-fin .link-seta:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .5rem 0; font-family: var(--f-titulo); font-weight: 600; color: var(--verde-fundo); }
.mx-fin .link-seta svg:where(:not(.mx-ferramenta *)) { width: 1.15rem; height: 1.15rem; transition: translate .2s var(--saida); }
@media (hover: hover) and (pointer: fine) { .mx-fin .link-seta:hover svg:where(:not(.mx-ferramenta *)) { translate: .25rem 0; } }
@media (min-width: 48rem) {
  .mx-fin .depoimento:where(:not(.mx-ferramenta *)) { grid-template-columns: 11rem minmax(0, 1fr); column-gap: 2.5rem; }
  .mx-fin .depoimento__nota:where(:not(.mx-ferramenta *)) { flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 2rem; border-right: 1px solid var(--linha); }
  .mx-fin .depoimento__nota > span:last-child:where(:not(.mx-ferramenta *)) { width: auto; }
  .mx-fin .depoimento blockquote:where(:not(.mx-ferramenta *)) { align-self: center; }
  .mx-fin .depoimento figcaption:where(:not(.mx-ferramenta *)) { grid-column: 2; }
}
.mx-fin .perguntas:where(:not(.mx-ferramenta *)) { background: var(--papel); }
.mx-fin .la-faq:where(:not(.mx-ferramenta *)) { display: grid; gap: .625rem; align-items: start; }
.mx-fin .la-faq details:where(:not(.mx-ferramenta *)) { border-radius: 1rem; background: var(--superficie); border: 1px solid var(--linha); }
.mx-fin .la-faq details.extra:where(:not(.mx-ferramenta *)) { display: none; }
.mx-fin .la-faq.aberto details.extra:where(:not(.mx-ferramenta *)) { display: block; }
.mx-fin .la-faq summary:where(:not(.mx-ferramenta *)) { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; padding: .9rem 1.1rem; cursor: pointer; list-style: none; font-family: var(--f-titulo); font-size: 1.0625rem; font-weight: 600; line-height: 1.3; color: var(--tinta); }
.mx-fin .la-faq summary:where(:not(.mx-ferramenta *))::-webkit-details-marker { display: none; }
.mx-fin .la-faq summary:where(:not(.mx-ferramenta *))::after { content: ""; flex: none; width: 1.75rem; height: 1.75rem; 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='%23135133' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 1rem no-repeat; transition: rotate .3s var(--saida); }
.mx-fin .la-faq details[open] summary:where(:not(.mx-ferramenta *))::after { rotate: 45deg; }
.mx-fin .la-faq details p:where(:not(.mx-ferramenta *)) { padding: 0 1.1rem 1.1rem; color: var(--tinta-2); line-height: 1.55; }
.mx-fin .ver-mais:where(:not(.mx-ferramenta *)) { display: flex; margin: 1.25rem auto 0; }
@media (min-width: 48rem) { .mx-fin .la-faq:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .875rem; } }
.mx-fin .chamada:where(:not(.mx-ferramenta *)) { position: relative; isolation: isolate; display: grid; place-items: center; min-height: clamp(26rem, 60svh, 38rem); padding-top: 4rem; padding-bottom: 4rem; padding-top: var(--sp-sec); padding-bottom: var(--sp-sec); text-align: center; color: #fff; overflow: clip; background: var(--noite); }
.mx-fin .chamada__fundo:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; z-index: -1; }
.mx-fin .chamada__fundo picture:where(:not(.mx-ferramenta *)) { position: absolute; inset: 0; }
.mx-fin .chamada__fundo img:where(:not(.mx-ferramenta *)) { width: 100%; height: 100%; object-fit: cover; }
.mx-fin .chamada__fundo:where(:not(.mx-ferramenta *))::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(4 8 30 / .78), rgb(4 8 30 / .62) 45%, rgb(4 8 30 / .86)); }
.mx-fin .chamada__conteudo:where(:not(.mx-ferramenta *)) { max-width: 46rem; }
.mx-fin .chamada h2:where(:not(.mx-ferramenta *)) { font-size: 2.25rem; font-size: var(--t-h2); font-weight: 800; }
.mx-fin .chamada p:where(:not(.mx-ferramenta *)) { margin: .9rem auto 0; max-width: 38rem; font-size: var(--t-apoio); color: rgb(255 255 255 / .9); }
.mx-fin .chamada .chamada__zap:where(:not(.mx-ferramenta *)) { margin-top: 1.1rem; font-size: 1rem; }
.mx-fin .chamada__zap a:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .4rem .15rem; font-weight: 650; color: #fff; text-decoration: underline; text-underline-offset: .25em; text-decoration-thickness: 1.5px; transition: opacity .2s ease; }
.mx-fin .chamada__zap a svg:where(:not(.mx-ferramenta *)) { width: 1.2rem; height: 1.2rem; flex: none; }
.mx-fin .chamada__zap a:active:where(:not(.mx-ferramenta *)) { opacity: .8; }
@media (hover: hover) and (pointer: fine) { .mx-fin .chamada__zap a:hover:where(:not(.mx-ferramenta *)) { text-decoration-color: transparent; } }
.mx-fin .heroi__acoes--centro:where(:not(.mx-ferramenta *)) { justify-content: center; }
.mx-fin .rodape:where(:not(.mx-ferramenta *)) { padding-top: clamp(2.5rem, 2rem + 2vw, 4rem); padding-bottom: 1.5rem; padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)); background: #0a1d13; color: rgb(255 255 255 / .8); }
.mx-fin .rodape__grade:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.25rem; }
.mx-fin .rodape__marca:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; display: grid; gap: .9rem; align-content: start; max-width: 26rem; }
.mx-fin .rodape__marca picture:where(:not(.mx-ferramenta *)) { justify-self: start; }
.mx-fin .rodape__marca img:where(:not(.mx-ferramenta *)) { width: auto; height: 2.75rem; border-radius: .5rem; }
.mx-fin .rodape__marca p:where(:not(.mx-ferramenta *)) { font-size: 1rem; line-height: 1.5; color: rgb(255 255 255 / .74); }
.mx-fin .rodape h2:where(:not(.mx-ferramenta *)) { margin-bottom: .6rem; font-size: 1.0625rem; font-weight: 700; letter-spacing: -.005em; color: #fff; }
.mx-fin .rodape ul:where(:not(.mx-ferramenta *)) { display: grid; gap: .1rem; }
@media (max-width: 47.99rem) { .mx-fin .rodape__contato:where(:not(.mx-ferramenta *)) { grid-column: 1 / -1; } }
.mx-fin .rodape li a:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .4rem 0; font-size: .9875rem; color: rgb(255 255 255 / .78); transition: color .2s ease; }
.mx-fin .rodape li a svg:where(:not(.mx-ferramenta *)) { width: 1.1rem; height: 1.1rem; }
@media (hover: hover) and (pointer: fine) { .mx-fin .rodape li a:hover:where(:not(.mx-ferramenta *)) { color: #fff; } }
.mx-fin .rodape__base:where(:not(.mx-ferramenta *)) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 2rem; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid rgb(255 255 255 / .12); font-size: .875rem; color: rgb(255 255 255 / .72); }
.mx-fin .assinatura:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: .5rem 0; color: rgb(255 255 255 / .78); transition: color .2s ease; }
.mx-fin .assinatura svg:where(:not(.mx-ferramenta *)) { width: 1.15rem; height: auto; fill: currentColor; }
@media (hover: hover) and (pointer: fine) { .mx-fin .assinatura:hover:where(:not(.mx-ferramenta *)) { color: #fff; } }
@media (min-width: 48rem) { .mx-fin .rodape__grade:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 64rem) {
  .mx-fin .rodape__grade:where(:not(.mx-ferramenta *)) { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 2.5rem; }
  .mx-fin .rodape__marca:where(:not(.mx-ferramenta *)) { grid-column: auto; }
}
@media (prefers-reduced-motion: no-preference) {
  .mx-fin .js .revelar:where(:not(.mx-ferramenta *)) { opacity: 0; translate: 0 1rem; transition: opacity .5s var(--saida), translate .6s var(--saida); transition-delay: var(--atraso, 0ms); }
  .mx-fin .js .revelar.visivel:where(:not(.mx-ferramenta *)) { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-fin .js .revelar:where(:not(.mx-ferramenta *)) { opacity: 0; transition: opacity .35s ease; }
  .mx-fin .js .revelar.visivel:where(:not(.mx-ferramenta *)) { opacity: 1; }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 48rem) {
    .mx-fin .galeria__item:nth-child(odd) .celular--galeria:where(:not(.mx-ferramenta *)) { animation: deriva-sobe linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    .mx-fin .galeria__item:nth-child(even) .celular--galeria:where(:not(.mx-ferramenta *)) { animation: deriva-desce linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    .mx-fin .heroi__texto:where(:not(.mx-ferramenta *)) { animation: heroi-texto linear both; animation-timeline: scroll(root); animation-range: 0 calc(100svh / var(--zoom, 1)); }
    .mx-fin .heroi__aparelho:where(:not(.mx-ferramenta *)) { animation: heroi-aparelho linear both; animation-timeline: scroll(root); animation-range: 0 calc(100svh / var(--zoom, 1)); }
  }
}
@keyframes deriva-sobe { from { translate: 0 2.5rem; } to { translate: 0 -2.5rem; } }
@keyframes deriva-desce { from { translate: 0 -1.5rem; } to { translate: 0 1.5rem; } }
@keyframes heroi-texto { to { translate: 0 -4.5rem; opacity: .35; } }
@keyframes heroi-aparelho { to { translate: 0 -2rem; } }

/* ---- 01-STYLE.css ---- */
@property --pia-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.mx-fin .pia:where(:not(.mx-ferramenta *)){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-fin .pia[data-alinha=start]:where(:not(.mx-ferramenta *)){margin-inline:0;justify-items:start;text-align:start}
.mx-fin .pia:where(:not(.mx-ferramenta *))::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-fin .pia[data-alinha=start]:where(:not(.mx-ferramenta *))::before{background:linear-gradient(90deg,rgba(var(--pia-linha),.75),transparent 85%)}
.mx-fin .pia *:where(:not(.mx-ferramenta *)), .mx-fin .pia *:where(:not(.mx-ferramenta *))::before, .mx-fin .pia *:where(:not(.mx-ferramenta *))::after{box-sizing:border-box}
.mx-fin .pia-t:where(:not(.mx-ferramenta *)){margin:0;color:var(--pia-apoio);font-size:16px;line-height:1.4;font-weight:500;text-wrap:balance}
.mx-fin .pia[data-vidro] .pia-t:where(:not(.mx-ferramenta *)){padding:6px 14px;border-radius:999px;background:var(--pia-vidro);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mx-fin .pia-l:where(:not(.mx-ferramenta *)){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-fin .pia-l li:where(:not(.mx-ferramenta *)){margin:0;padding:0;min-width:0}
.mx-fin .pia-l li:where(:not(.mx-ferramenta *))::before, .mx-fin .pia-l li:where(:not(.mx-ferramenta *))::marker{content:none}
.mx-fin .pia-b:where(:not(.mx-ferramenta *)){display:block;padding:1px;border-radius:var(--pia-raio);background:conic-gradient(from var(--pia-a),transparent 0 58%,rgba(var(--c),.95) 72%,#fff 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: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 pia-gira{to{--pia-a:360deg}}
.mx-fin .pia-in:where(:not(.mx-ferramenta *)){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-fin .pia-logo:where(:not(.mx-ferramenta *)){flex:none;width:22px;height:22px;fill:currentColor;color:var(--l,#fff)}
.mx-fin .pia-sai:where(:not(.mx-ferramenta *)){flex:none;width:15px;height:15px;opacity:.6;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s}
.mx-fin .pia-b:active:where(:not(.mx-ferramenta *)){transform:scale(.98)}
.mx-fin .pia-b:focus-visible:where(:not(.mx-ferramenta *)){outline:2px solid var(--pia-texto);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.mx-fin .pia-b:hover:where(:not(.mx-ferramenta *)){transform:translateY(-2px);box-shadow:0 20px 34px -18px rgba(0,0,0,.95)}.mx-fin .pia-b:hover .pia-sai:where(:not(.mx-ferramenta *)){opacity:1;transform:translate(2px,-2px)}}
@media (max-width:599px){.mx-fin .pia-in:where(:not(.mx-ferramenta *)){flex-direction:column;gap:7px;min-height:76px;padding:10px 6px;font-size:14px}.mx-fin .pia-logo:where(:not(.mx-ferramenta *)){width:24px;height:24px}.mx-fin .pia-sai:where(:not(.mx-ferramenta *)){position:absolute;top:8px;right:8px;width:12px;height:12px}}
@media (prefers-reduced-motion:reduce){.mx-fin .pia-b:where(:not(.mx-ferramenta *)){animation:none;background:rgba(var(--c),.5);transition:none}}
/* acabamento do molde finagro-lp (11/11/2026): o que é só do PDF sem Cadastro, POR CIMA do clone, sem mover bloco.
   O que as rotas 1 e 2 provaram vale aqui: main do domínio sem o vão da grade, a ferramenta isolada do CSS da
   referência, o celular desenhado vira o iPhone 16 Pro Max preto com a tela real e a barra de status branca. */
main.mx-fin{display:block;gap:0}

/* herói: o cabeçalho do domínio fica no fluxo (o da referência é fixo, por cima): a hero cobre o resto da tela e o
   respiro de cima não soma o cabeçalho duas vezes */
.mx-pagina{--topo:72px}
@media (max-width:767px){.mx-pagina{--topo:61px}}
.mx-fin .heroi{min-height:calc(100svh - var(--topo));padding-top:env(safe-area-inset-top)}

/* o iPhone 16 Pro Max preto da extensão Mobile Simulator no lugar do celular desenhado (tela pelos números da extensão) */
.mx-fin .lp-cel{position:relative;aspect-ratio:481/991;width:var(--celular-w,18rem)}
.mx-fin .lp-cel-m{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mx-fin .lp-cel-tela{position:absolute;left:4.3659%;top:1.8163%;width:91.4761%;height:96.4682%;border-radius:17.73%/8.16%;overflow:hidden;background:#fefefe}
.mx-fin .lp-cel-tela img{display:block;width:100%;height:auto;margin-top:12%}
.mx-fin .lp-cel-tela::after{content:"";position:absolute;z-index:4;left:34.43%;top:1.569%;width:31.09%;height:4.121%;border-radius:99px;background:#050505;pointer-events:none}
.mx-fin .heroi__aparelho .lp-cel{width:var(--heroi-celular)}  /* o mesmo tamanho do celular da referência (clamp de 13 a 20,5rem) */
.mx-fin .lado__cena--app .lp-cel{position:absolute;left:50%;top:10%;width:52%;translate:-50% 0}
.mx-fin .galeria .lp-cel{width:min(100%,13rem);margin-inline:auto}
@media (min-width:64rem){.mx-fin .galeria .lp-cel{width:min(100%,16.5rem)}}

/* fotos de gente e de campo da referência sem par real ainda: o mascote do domínio sobre o cobalto (arte gerada depois) */
.mx-fin .mx-mascote{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(80% 80% at 50% 30%,#3155f2,#1a33a8 60%,#0b1440)}
.mx-fin .mx-mascote img{width:auto;height:70%;max-width:80%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.mx-fin .perfil .mx-mascote{aspect-ratio:3/2}
.mx-fin .lado__cena .mx-mascote,.mx-fin .beneficios__palco .mx-mascote{aspect-ratio:3/2}

/* a FERRAMENTA de verdade (Juntar PDF) logo abaixo das telas reais, no fundo escuro da seção */
.mx-fin .mx-ferramenta-casca{margin-top:clamp(24px,4vw,48px)}
.mx-fin .mx-ferramenta{max-width:760px;margin-inline:auto;text-align:left;color:var(--ink);font-family:var(--sans);scroll-margin-top:88px}
.mx-fin .mx-ferramenta .toolpanel{margin:0}
.mx-fin .mx-ferramenta .toolpanel>.panel{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 80px -24px rgba(43,78,240,.55)}

/* selo do herói sem estrelas (o produto não está nas lojas e não tem nota) */
.mx-fin .selo-nota{display:inline-flex;align-items:center;gap:8px}

/* o rodapé e o cabeçalho do domínio ficam no claro, colados ao molde */
.mx-pagina{background:var(--ground)}
.mx-pagina > .wrap{padding-top:8px}