/* gerado por moldes/visionx-inst/escopar.cjs a partir do CSS da referência (visionxma.com, 05/11/2026) — não editar à mão; ajuste vai em acabamento.css */

/* ---- 00-BaseLayout.CYTC3jhq.css ---- */
.mx-vx {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

.mx-vx {
  margin: 0
}

.mx-vx article:where(:not(.mx-ferramenta *)), .mx-vx aside:where(:not(.mx-ferramenta *)), .mx-vx details:where(:not(.mx-ferramenta *)), .mx-vx figcaption:where(:not(.mx-ferramenta *)), .mx-vx figure:where(:not(.mx-ferramenta *)), .mx-vx footer:where(:not(.mx-ferramenta *)), .mx-vx header:where(:not(.mx-ferramenta *)), .mx-vx hgroup:where(:not(.mx-ferramenta *)), .mx-vx main:where(:not(.mx-ferramenta *)), .mx-vx menu:where(:not(.mx-ferramenta *)), .mx-vx nav:where(:not(.mx-ferramenta *)), .mx-vx section:where(:not(.mx-ferramenta *)), .mx-vx summary:where(:not(.mx-ferramenta *)) {
  display: block
}

.mx-vx audio:where(:not(.mx-ferramenta *)), .mx-vx canvas:where(:not(.mx-ferramenta *)), .mx-vx progress:where(:not(.mx-ferramenta *)), .mx-vx video:where(:not(.mx-ferramenta *)) {
  display: inline-block;
  vertical-align: baseline
}

.mx-vx audio:not([controls]):where(:not(.mx-ferramenta *)) {
  display: none;
  height: 0
}

.mx-vx [hidden]:where(:not(.mx-ferramenta *)), .mx-vx template:where(:not(.mx-ferramenta *)) {
  display: none
}

.mx-vx a:where(:not(.mx-ferramenta *)) {
  background-color: transparent
}

.mx-vx a:active:where(:not(.mx-ferramenta *)), .mx-vx a:hover:where(:not(.mx-ferramenta *)) {
  outline: 0
}

.mx-vx abbr[title]:where(:not(.mx-ferramenta *)) {
  border-bottom: 1px dotted
}

.mx-vx b:where(:not(.mx-ferramenta *)), .mx-vx strong:where(:not(.mx-ferramenta *)) {
  font-weight: 700
}

.mx-vx dfn:where(:not(.mx-ferramenta *)) {
  font-style: italic
}

.mx-vx h1:where(:not(.mx-ferramenta *)) {
  font-size: 2em;
  margin: .67em 0
}

.mx-vx mark:where(:not(.mx-ferramenta *)) {
  background: #ff0;
  color: #000
}

.mx-vx small:where(:not(.mx-ferramenta *)) {
  font-size: 80%
}

.mx-vx sub:where(:not(.mx-ferramenta *)), .mx-vx sup:where(:not(.mx-ferramenta *)) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

.mx-vx sup:where(:not(.mx-ferramenta *)) {
  top: -.5em
}

.mx-vx sub:where(:not(.mx-ferramenta *)) {
  bottom: -.25em
}

.mx-vx img:where(:not(.mx-ferramenta *)) {
  border: 0
}

.mx-vx svg:not(:root):where(:not(.mx-ferramenta *)) {
  overflow: hidden
}

.mx-vx figure:where(:not(.mx-ferramenta *)) {
  margin: 1em 40px
}

.mx-vx hr:where(:not(.mx-ferramenta *)) {
  box-sizing: content-box;
  height: 0
}

.mx-vx pre:where(:not(.mx-ferramenta *)) {
  overflow: auto
}

.mx-vx code:where(:not(.mx-ferramenta *)), .mx-vx kbd:where(:not(.mx-ferramenta *)), .mx-vx pre:where(:not(.mx-ferramenta *)), .mx-vx samp:where(:not(.mx-ferramenta *)) {
  font-family: monospace, monospace;
  font-size: 1em
}

.mx-vx button:where(:not(.mx-ferramenta *)), .mx-vx input:where(:not(.mx-ferramenta *)), .mx-vx optgroup:where(:not(.mx-ferramenta *)), .mx-vx select:where(:not(.mx-ferramenta *)), .mx-vx textarea:where(:not(.mx-ferramenta *)) {
  color: inherit;
  font: inherit;
  margin: 0
}

.mx-vx button:where(:not(.mx-ferramenta *)) {
  overflow: visible
}

.mx-vx button:where(:not(.mx-ferramenta *)), .mx-vx select:where(:not(.mx-ferramenta *)) {
  text-transform: none
}

.mx-vx button:where(:not(.mx-ferramenta *)), .mx-vx input[type=button]:where(:not(.mx-ferramenta *)), .mx-vx input[type=reset]:where(:not(.mx-ferramenta *)) {
  -webkit-appearance: button;
  cursor: pointer
}

.mx-vx button[disabled]:where(:not(.mx-ferramenta *)), .mx-vx input[disabled]:where(:not(.mx-ferramenta *)) {
  cursor: default
}

.mx-vx button:where(:not(.mx-ferramenta *))::-moz-focus-inner, .mx-vx input:where(:not(.mx-ferramenta *))::-moz-focus-inner {
  border: 0;
  padding: 0
}

.mx-vx input:where(:not(.mx-ferramenta *)) {
  line-height: normal
}

.mx-vx input[type=checkbox]:where(:not(.mx-ferramenta *)), .mx-vx input[type=radio]:where(:not(.mx-ferramenta *)) {
  box-sizing: border-box;
  padding: 0
}

.mx-vx input[type=number]:where(:not(.mx-ferramenta *))::-webkit-inner-spin-button, .mx-vx input[type=number]:where(:not(.mx-ferramenta *))::-webkit-outer-spin-button {
  height: auto
}

.mx-vx input[type=search]:where(:not(.mx-ferramenta *)) {
  -webkit-appearance: none
}

.mx-vx input[type=search]:where(:not(.mx-ferramenta *))::-webkit-search-cancel-button, .mx-vx input[type=search]:where(:not(.mx-ferramenta *))::-webkit-search-decoration {
  -webkit-appearance: none
}

.mx-vx fieldset:where(:not(.mx-ferramenta *)) {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

.mx-vx legend:where(:not(.mx-ferramenta *)) {
  border: 0;
  padding: 0
}

.mx-vx textarea:where(:not(.mx-ferramenta *)) {
  overflow: auto
}

.mx-vx optgroup:where(:not(.mx-ferramenta *)) {
  font-weight: 700
}

.mx-vx table:where(:not(.mx-ferramenta *)) {
  border-collapse: collapse;
  border-spacing: 0
}

.mx-vx td:where(:not(.mx-ferramenta *)), .mx-vx th:where(:not(.mx-ferramenta *)) {
  padding: 0
}

.mx-vx [class^=w-icon-]:where(:not(.mx-ferramenta *)), .mx-vx [class*=" w-icon-"]:where(:not(.mx-ferramenta *)) {
  font-family: webflow-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.mx-vx *:where(:not(.mx-ferramenta *)) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mx-vx {
  height: 100%
}

.mx-vx {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333
}

.mx-vx img:where(:not(.mx-ferramenta *)) {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block
}

.mx-vx .w-inline-block:where(:not(.mx-ferramenta *)) {
  max-width: 100%;
  display: inline-block
}

.mx-vx[data-w-dynpage] [data-w-cloak]:where(:not(.mx-ferramenta *)) {
  color: transparent !important
}

.mx-vx h1:where(:not(.mx-ferramenta *)), .mx-vx h2:where(:not(.mx-ferramenta *)), .mx-vx h3:where(:not(.mx-ferramenta *)), .mx-vx h4:where(:not(.mx-ferramenta *)), .mx-vx h5:where(:not(.mx-ferramenta *)), .mx-vx h6:where(:not(.mx-ferramenta *)) {
  font-weight: 700;
  margin-bottom: 10px
}

.mx-vx h1:where(:not(.mx-ferramenta *)) {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px
}

.mx-vx h2:where(:not(.mx-ferramenta *)) {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px
}

.mx-vx h3:where(:not(.mx-ferramenta *)) {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px
}

.mx-vx h4:where(:not(.mx-ferramenta *)) {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px
}

.mx-vx h5:where(:not(.mx-ferramenta *)) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px
}

.mx-vx h6:where(:not(.mx-ferramenta *)) {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px
}

.mx-vx p:where(:not(.mx-ferramenta *)) {
  margin-top: 0;
  margin-bottom: 10px
}

.mx-vx blockquote:where(:not(.mx-ferramenta *)) {
  margin: 0 0 10px;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px
}

.mx-vx figure:where(:not(.mx-ferramenta *)) {
  margin: 0 0 10px
}

.mx-vx figcaption:where(:not(.mx-ferramenta *)) {
  margin-top: 5px;
  text-align: center
}

.mx-vx ul:where(:not(.mx-ferramenta *)), .mx-vx ol:where(:not(.mx-ferramenta *)) {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px
}

.mx-vx fieldset:where(:not(.mx-ferramenta *)) {
  padding: 0;
  margin: 0;
  border: 0
}

.mx-vx button:where(:not(.mx-ferramenta *)), .mx-vx [type=button]:where(:not(.mx-ferramenta *)), .mx-vx [type=reset]:where(:not(.mx-ferramenta *)) {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button
}

.mx-vx label:where(:not(.mx-ferramenta *)) {
  display: block;
  margin-bottom: 5px;
  font-weight: 700
}

.mx-vx [data-nav-menu-open]:where(:not(.mx-ferramenta *)) {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #c8c8c8;
  text-align: center;
  overflow: visible;
  min-width: 200px
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.mx-vx {
  --new-base_typography---xs--font-size\<deleted\|variable-d86116af-cb00-a9a6-f483-abda1eec9a6b\>: var(--new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>);
  --new-base_typography---font-weight--semibold\<deleted\|variable-aae11268-5734-8da2-e6b0-ae68c4cdc231\>: 600;
  --new-base---base--black\<deleted\|variable-7e26cb95-3ce4-d0f3-7096-54de61de0773\>: #1d1d1d;
  --bg-color--bg-default: var(--base--white);
  --_typography---font-family--body: "Plus Jakarta Sans", sans-serif;
  --text-color--text-primary: var(--base--black);
  --_sizes---fixed--medium: 1rem;
  --_typography---font-weight--regular: 400;
  --_sizes---fixed--none: 0rem;
  --_typography---h1--font-family: var(--_typography---font-family--headers);
  --text-color--text-on-primary: var(--base--white);
  --_typography---h1--font-size: 3.75rem;
  --_typography---h1--line-height: 1.2;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: -.06em;
  --_typography---h2--font-family: var(--_typography---font-family--headers);
  --_typography---h2--font-size: 3rem;
  --_typography---h2--line-height: 1.2;
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: -.06em;
  --_typography---h3--font-family: var(--_typography---font-family--headers);
  --_typography---h3--font-size: var(--_sizes---fixed--xlarge);
  --_typography---h3--line-height: 1.5;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: -.04em;
  --_typography---h4--font-family: var(--_typography---font-family--headers);
  --_typography---h4--font-size: var(--_sizes---fixed--large);
  --_typography---h4--line-height: 1.1;
  --_typography---h4--font-weight: var(--_typography---font-weight--regular);
  --_typography---h4--letter-spacing: 0em;
  --_typography---h5--font-family: var(--_typography---font-family--headers);
  --_typography---h5--font-size: 1.125rem;
  --_typography---h5--line-height: 1.15;
  --_typography---h5--font-weight: var(--_typography---font-weight--regular);
  --_typography---h5--letter-spacing: 0em;
  --_typography---h6--font-family: var(--_typography---font-family--headers);
  --_typography---h6--font-size: 1.125rem;
  --_typography---h6--line-height: 1.2;
  --_typography---h6--font-weight: var(--_typography---font-weight--regular);
  --_typography---h6--letter-spacing: 0em;
  --_sizes---fixed--xlarge: 1.5rem;
  --_sizes---fixed--xxsmall: .25rem;
  --_sizes---fixed--large: 1.25rem;
  --bg-color--bg-subtle: var(--grey--grey-100);
  --_sizes---fixed--huge: 2rem;
  --_typography---font-weight--semibold: 600;
  --text-color--text-secondary: var(--grey--grey-400);
  --_sizes---fixed--small: .75rem;
  --_sizes---padding-section--small: 2rem;
  --text-color--text-subtle\<deleted\|variable-1da72c9f-5ac1-a5ce-af72-d34835774f2f\>: #eaeaea;
  --_typography---font-weight--medium: 500;
  --grey--grey-600: #363636;
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: #efeff2;
  --_typography---xl--font-size: var(--_sizes---fixed--xlarge);
  --_typography---xl--line-height: 1.33;
  --_typography---xl--font-weight: var(--_typography---font-weight--medium);
  --_typography---xl--letter-spacing: -.04em;
  --_typography---font-weight--light: 300;
  --_typography---base--font-size: var(--_sizes---fixed--medium);
  --_typography---base--line-height: 1.5;
  --_typography---base--letter-spacing: -.02em;
  --_typography---lg--font-size: var(--_sizes---fixed--large);
  --_typography---lg--line-height: 1.5;
  --_typography---lg--letter-spacing: -.02em;
  --bg-color--bg-secondary: var(--grey--grey-200);
  --base--black: black;
  --_sizes---padding-section--large: 4.5rem;
  --_typography---xs--font-size: var(--_sizes---fixed--small);
  --_typography---xs--line-height: 1.5;
  --_typography---xs--letter-spacing: 0em;
  --grey--grey-900: #131313;
  --base--white: #fff;
  --bg-color--bg-green: var(--base--green);
  --_typography---button--font-family: var(--_typography---font-family--alternate);
  --bg-color--bg-dark: var(--grey--grey-900);
  --_typography---button--line-height: 1.5;
  --_typography---button--font-weight: var(--_typography---font-weight--regular);
  --_typography---button--letter-spacing: .12em;
  --base--translucent-black: #12283540;
  --grey--grey-200: #ececec;
  --grey--grey-700: #2f2f2f;
  --grey--grey-300: #c7c7c7;
  --border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --_typography---sm--font-size: var(--_sizes---fixed--regular);
  --_typography---sm--line-height: 1.5;
  --_typography---sm--letter-spacing: -.02em;
  --_sizes---padding-section--medium: 4rem;
  --_sizes---fixed--xsmall: .5rem;
  --_sizes---fixed--xhuge: 2.5rem;
  --_sizes---fixed--tiny: .125rem;
  --_sizes---fixed--xxlarge: 1.75rem;
  --base--green: #2b4ef0;
  --_typography---2xl--font-size: var(--_sizes---fixed--huge);
  --_typography---2xl--line-height: 1.33;
  --_typography---2xl--letter-spacing: -.04em;
  --_typography---3xl--font-size: 2.25rem;
  --_typography---3xl--line-height: 1.2;
  --_typography---3xl--font-weight: var(--_typography---font-weight--medium);
  --_typography---3xl--letter-spacing: -.04em;
  --_typography---4xl--font-size: var(--_sizes---fixed--xhuge);
  --_typography---4xl--line-height: 1.2;
  --_typography---4xl--letter-spacing: -.06em;
  --_typography---5xl--font-size: 4.5rem;
  --_typography---5xl--line-height: 1.2;
  --_typography---5xl--font-weight: var(--_typography---font-weight--medium);
  --_typography---5xl--letter-spacing: -.06em;
  --_typography---font-weight--bold: 700;
  --bg-color--bg-white: var(--base--white);
  --_typography---font-family--alternate: "IBM Plex Mono", Arial, sans-serif;
  --bg-color--bg-primary: var(--grey--grey-100);
  --grey--grey-100: #f2f2f2;
  --bg-color--bg-hover\<deleted\|variable-07249897-f71c-dd53-6216-4b6845d3f64e\>: var(--base--grey-light\<deleted\|variable-e77efb59-b29d-151a-6f0f-bfc9f2744592\>);
  --_sizes---fixed--regular: .875rem;
  --_sizes---fixed--xxhuge: 3rem;
  --grey--grey-400: #585858;
  --text-color--text-on-secondary: var(--grey--grey-300);
  --base--red: #ff3336;
  --_typography---font-family--headers: "Plus Jakarta Sans", sans-serif;
  --base--light-blue: #38c6f6;
  --new-base---accent-indigo: #4f46e5;
  --new-base---accent-cyan: #06b6d4;
  --new-base---accent-violet: #7c3aed;
  --new-base---accent-sky: #0ea5e9;
  --new-base---text-secondary: #ffffff80;
  --new-base---white: #fff;
  --new-base---border-subtle: #ffffff1f;
  --new-base---text-tertiary: #ffffff4d;
  --new-base---text-primary: #fff;
  --new-base---bg-secondary: #0f0f0f;
  --new-base---border-default: #ffffff14;
  --new-base---black: #050505;
  --new-base---bg-primary: #0a0a0f;
  --_typography---2xl--font-weight: var(--_typography---font-weight--medium);
  --_typography---lg--font-weight: var(--_typography---font-weight--medium);
  --base--blue: #2453ff;
  --base--blue-dark: #003cff;
  --_typography---button--font-size: var(--_sizes---fixed--medium);
  --base--yellow: #f1ee46;
  --_typography---font-weight--thin: 100;
  --_typography---font-weight--extra-light: 200;
  --_typography---font-weight--extra-bold: 800;
  --_typography---font-weight--black: 900;
  --grey--grey-500: #474747;
  --grey--grey-800: #191815;
  --new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>: .75rem;
  --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #27272a;
  --base--grey-light\<deleted\|variable-e77efb59-b29d-151a-6f0f-bfc9f2744592\>: #eeecea
}

.mx-vx {
  background-color: var(--bg-color--bg-default);
  font-family: var(--_typography---font-family--body);
  color: var(--text-color--text-primary);
  font-size: var(--_sizes---fixed--medium);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: -.02em;
  overscroll-behavior: none
}

.mx-vx h1:where(:not(.mx-ferramenta *)) {
  margin-top: var(--_sizes---fixed--none);
  margin-bottom: var(--_sizes---fixed--none);
  font-family: var(--_typography---h1--font-family);
  color: var(--text-color--text-on-primary);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing)
}

.mx-vx h2:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---h2--font-family);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx h3:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---h3--font-family);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx h4:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---h4--font-family);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx h5:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---h5--font-family);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx h6:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx p:where(:not(.mx-ferramenta *)) {
  margin-top: 0;
  margin-bottom: 0
}

.mx-vx a:where(:not(.mx-ferramenta *)) {
  letter-spacing: .12em;
  color: inherit;
  text-decoration: none
}

.mx-vx ul:where(:not(.mx-ferramenta *)), .mx-vx ol:where(:not(.mx-ferramenta *)) {
  margin-top: var(--_sizes---fixed--none);
  margin-bottom: var(--_sizes---fixed--none);
  padding-left: var(--_sizes---fixed--xlarge)
}

.mx-vx li:where(:not(.mx-ferramenta *)) {
  margin-bottom: var(--_sizes---fixed--xxsmall)
}

.mx-vx img:where(:not(.mx-ferramenta *)) {
  max-width: 100%;
  display: inline-block
}

.mx-vx label:where(:not(.mx-ferramenta *)) {
  margin-bottom: .25rem;
  font-weight: 400
}

.mx-vx blockquote:where(:not(.mx-ferramenta *)) {
  margin-bottom: var(--_sizes---fixed--none);
  padding: var(--_sizes---fixed--none) var(--_sizes---fixed--large);
  border-left: var(--_sizes---fixed--xxsmall) solid var(--bg-color--bg-subtle)
}

.mx-vx figure:where(:not(.mx-ferramenta *)) {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.mx-vx figcaption:where(:not(.mx-ferramenta *)) {
  text-align: center;
  margin-top: .25rem
}

.mx-vx .text-color-secondary:where(:not(.mx-ferramenta *)) {
  color: var(--text-color--text-secondary)
}

.mx-vx .icon-1x1-medium:where(:not(.mx-ferramenta *)) {
  width: var(--_sizes---fixed--xlarge);
  height: var(--_sizes---fixed--xlarge)
}

.mx-vx .padding-global:where(:not(.mx-ferramenta *)) {
  padding-left: 3.25rem;
  padding-right: 3.25rem
}

.mx-vx .padding-global.is-hero:where(:not(.mx-ferramenta *)) {
  position: relative
}

.mx-vx .padding-global.is-cta:where(:not(.mx-ferramenta *)) {
  padding: var(--_sizes---fixed--small)
}

.mx-vx .text-weight-medium:where(:not(.mx-ferramenta *)) {
  font-weight: var(--_typography---font-weight--medium)
}

.mx-vx .text-weight-medium.text-color-secondary:where(:not(.mx-ferramenta *)) {
  color: var(--grey--grey-600)
}

.mx-vx .text-xl:where(:not(.mx-ferramenta *)) {
  font-size: var(--_typography---xl--font-size);
  line-height: var(--_typography---xl--line-height);
  font-weight: var(--_typography---xl--font-weight);
  letter-spacing: var(--_typography---xl--letter-spacing)
}

.mx-vx .text-base:where(:not(.mx-ferramenta *)) {
  font-family: var(--_typography---font-family--body);
  font-size: var(--_typography---base--font-size);
  line-height: var(--_typography---base--line-height);
  letter-spacing: var(--_typography---base--letter-spacing)
}

.mx-vx .max-width-medium:where(:not(.mx-ferramenta *)) {
  width: 100%;
  max-width: 32rem
}

.mx-vx .max-width-medium.is-41rem:where(:not(.mx-ferramenta *)) {
  max-width: 41rem
}

.mx-vx .max-width-medium.is-33rem:where(:not(.mx-ferramenta *)) {
  max-width: 33rem
}

.mx-vx .padding-section-large:where(:not(.mx-ferramenta *)) {
  padding-top: var(--_sizes---padding-section--large)
}

.mx-vx .container-large:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.mx-vx .text-align-center:where(:not(.mx-ferramenta *)) {
  text-align: center
}

.mx-vx .button:where(:not(.mx-ferramenta *)) {
  min-height: 2.5rem;
  padding: .5rem var(--_sizes---fixed--large);
  grid-column-gap: var(--_sizes---fixed--medium);
  grid-row-gap: var(--_sizes---fixed--medium);
  background-color: var(--bg-color--bg-green);
  font-family: var(--_typography---button--font-family);
  color: var(--bg-color--bg-dark);
  line-height: var(--_typography---button--line-height);
  font-weight: var(--_typography---button--font-weight);
  letter-spacing: var(--_typography---button--letter-spacing);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 5rem;
  justify-content: center;
  align-items: stretch;
  transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s cubic-bezier(.19, 1, .22, 1);
  display: flex
}

.mx-vx .button:where(.w-variant-3876fb3c-f589-169e-8f41-073b5a3f3902):where(:not(.mx-ferramenta *)) {
  background-color: var(--base--translucent-black);
  min-height: 3rem;
  color: var(--text-color--text-on-primary)
}

.mx-vx .button:hover:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-default);
  transform: scale(.95)
}

.mx-vx .button:hover:where(.w-variant-3876fb3c-f589-169e-8f41-073b5a3f3902):where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-dark)
}

.mx-vx .spacer-huge:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding-top: var(--_sizes---fixed--huge)
}

.mx-vx .spacer-medium:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding-top: var(--_sizes---fixed--medium)
}

.mx-vx .spacer-small:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding-top: var(--_sizes---fixed--small);
  padding-left: var(--_sizes---fixed--small)
}

.mx-vx .spacer-large:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding-top: var(--_sizes---fixed--large)
}

.mx-vx .bg-subtle:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-subtle)
}

.mx-vx .text-4xl:where(:not(.mx-ferramenta *)) {
  font-size: var(--_typography---4xl--font-size);
  line-height: var(--_typography---4xl--line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---4xl--letter-spacing)
}

.mx-vx .text-5xl:where(:not(.mx-ferramenta *)) {
  font-size: var(--_typography---5xl--font-size);
  line-height: var(--_typography---5xl--line-height);
  font-weight: var(--_typography---5xl--font-weight);
  letter-spacing: var(--_typography---5xl--letter-spacing)
}

.mx-vx .img:where(:not(.mx-ferramenta *)) {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}

.mx-vx .img.is-hero:where(:not(.mx-ferramenta *)) {
  pointer-events: none
}

.mx-vx .icon-1x1-main:where(:not(.mx-ferramenta *)) {
  width: 1.25rem;
  height: 1.25rem
}

.mx-vx .spacer:where(:not(.mx-ferramenta *)) {
  opacity: 0
}

.mx-vx .spacer-tablet:where(:not(.mx-ferramenta *)), .mx-vx .spacer-mobile:where(:not(.mx-ferramenta *)) {
  display: none
}

.mx-vx .text-color-on-primary:where(:not(.mx-ferramenta *)) {
  color: var(--text-color--text-on-primary)
}

.mx-vx .section_hero:where(:not(.mx-ferramenta *)) {
  margin-top: var(--_sizes---fixed--small);
  margin-right: var(--_sizes---fixed--small);
  margin-bottom: var(--_sizes---fixed--small);
  margin-left: var(--_sizes---fixed--small);
  border-top-left-radius: var(--_sizes---fixed--xlarge);
  border-top-right-radius: var(--_sizes---fixed--xlarge);
  border-bottom-left-radius: var(--_sizes---fixed--xlarge);
  border-bottom-right-radius: var(--_sizes---fixed--xlarge);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-height: calc(100svh - 1.5rem);
  display: flex;
  position: relative;
  overflow: clip
}

.mx-vx .button_wrapper:where(:not(.mx-ferramenta *)) {
  grid-column-gap: var(--_sizes---fixed--small);
  grid-row-gap: var(--_sizes---fixed--small);
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.mx-vx .button_wrapper.is-hero:where(:not(.mx-ferramenta *)) {
  align-items: stretch
}

.mx-vx .button-arrow:where(:not(.mx-ferramenta *)) {
  padding: var(--_sizes---fixed--xxsmall);
  grid-column-gap: var(--_sizes---fixed--xsmall);
  grid-row-gap: var(--_sizes---fixed--xsmall);
  background-color: var(--bg-color--bg-green);
  font-family: var(--_typography---font-family--alternate);
  color: var(--bg-color--bg-dark);
  line-height: var(--_typography---button--line-height);
  white-space: nowrap;
  border-radius: 5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.mx-vx .button-arrow:where(.w-variant-3876fb3c-f589-169e-8f41-073b5a3f3902):where(:not(.mx-ferramenta *)) {
  background-color: var(--base--translucent-black);
  color: var(--text-color--text-on-primary)
}

.mx-vx .button_container-arrow:where(:not(.mx-ferramenta *)) {
  z-index: 1;
  width: var(--_sizes---fixed--xhuge);
  height: var(--_sizes---fixed--xhuge);
  border-radius: var(--_sizes---fixed--xhuge);
  background-color: var(--bg-color--bg-dark);
  color: var(--bg-color--bg-white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.mx-vx .opacity-73:where(:not(.mx-ferramenta *)) {
  opacity: .73
}

.mx-vx .loop:where(:not(.mx-ferramenta *)) {
  padding-top: var(--_sizes---fixed--huge);
  padding-bottom: var(--_sizes---fixed--huge);
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  display: flex;
  position: relative
}

.mx-vx .loop_logos:where(:not(.mx-ferramenta *)) {
  z-index: 1;
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 4.5rem;
  display: flex
}

.mx-vx .dot-square:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-dark);
  width: .25rem;
  height: .25rem
}

.mx-vx .la-tag:where(:not(.mx-ferramenta *)) {
  grid-column-gap: var(--_sizes---fixed--small);
  grid-row-gap: var(--_sizes---fixed--small);
  font-family: var(--_typography---font-family--alternate);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: .12em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.mx-vx .card_about:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding: var(--_sizes---fixed--large);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip
}

.mx-vx .card_about.bg-subtle:where(:not(.mx-ferramenta *)) {
  grid-column-gap: var(--_sizes---fixed--medium);
  grid-row-gap: var(--_sizes---fixed--medium);
  background-color: var(--bg-color--bg-subtle)
}

.mx-vx .card_about.bg-black:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-dark);
  justify-content: center
}

.mx-vx .container-svg:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex
}

.mx-vx .bg-green:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-green)
}

.mx-vx .cta-wrap:where(:not(.mx-ferramenta *)) {
  min-height: 30.5rem;
  padding: var(--_sizes---fixed--xhuge);
  grid-column-gap: var(--_sizes---fixed--medium);
  grid-row-gap: var(--_sizes---fixed--medium);
  border-radius: var(--_sizes---fixed--xlarge);
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip
}

.mx-vx .cta_top:where(:not(.mx-ferramenta *)) {
  grid-column-gap: var(--_sizes---fixed--medium);
  grid-row-gap: var(--_sizes---fixed--medium);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.mx-vx .hero_wrap:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative
}

.mx-vx .height-100:where(:not(.mx-ferramenta *)) {
  height: 100%
}

.mx-vx .vertical-center:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.mx-vx .spacer-section-large:where(:not(.mx-ferramenta *)) {
  padding-top: 5rem
}

.mx-vx .spacer-section-medium:where(:not(.mx-ferramenta *)) {
  width: 100%;
  padding-top: 4rem
}

.mx-vx .card_4-content:where(:not(.mx-ferramenta *)) {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative
}

.mx-vx .bg-black:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-dark)
}

.mx-vx .vertical-space-between:where(:not(.mx-ferramenta *)) {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative
}

.mx-vx .about_card-float:where(:not(.mx-ferramenta *)) {
  padding: var(--_sizes---fixed--medium);
  border-radius: var(--_sizes---fixed--small);
  background-color: var(--bg-color--bg-white)
}

.mx-vx .about_layout:where(:not(.mx-ferramenta *)) {
  grid-column-gap: var(--_sizes---fixed--medium);
  grid-row-gap: var(--_sizes---fixed--medium);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.mx-vx .button-arrow_text:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  position: relative;
  overflow: clip
}

.mx-vx .text_button:where(:not(.mx-ferramenta *)) {
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: .12em;
  text-transform: uppercase
}

.mx-vx .button-arrow_wrap:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  padding-left: var(--_sizes---fixed--small);
  grid-column-gap: var(--_sizes---fixed--xsmall);
  grid-row-gap: var(--_sizes---fixed--xsmall);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip
}

.mx-vx .button-arrow_bg:where(:not(.mx-ferramenta *)) {
  background-color: var(--bg-color--bg-dark);
  opacity: 0;
  pointer-events: none;
  border-radius: 5rem;
  position: absolute;
  inset: 0%
}

.mx-vx ._3d:where(:not(.mx-ferramenta *)) {
  z-index: 2;
  perspective: 2000px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative
}

.mx-vx .la-wrap:where(:not(.mx-ferramenta *)) {
  height: 80rem;
  transform-style: preserve-3d;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  transform: translateY(10%)translateZ(-20rem)rotateX(-77deg)rotateY(0)rotate(0)
}

.mx-vx .group:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translateZ(1px)
}

.mx-vx .group.first:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-15deg)translateZ(1px)
}

.mx-vx .group.second:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-30deg)translateZ(1px)
}

.mx-vx .group.third:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(0)translateZ(1px)
}

.mx-vx .img3d:where(:not(.mx-ferramenta *)) {
  transform-origin: 50% 100%;
  width: 8rem;
  height: 50%;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  transform: translateZ(-1px)
}

.mx-vx .img3d.is-first:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-45deg)translateZ(-1px)
}

.mx-vx .img3d.is-second:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-90deg)translateZ(-1px)
}

.mx-vx .img3d.is-third:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-135deg)translateZ(-1px)
}

.mx-vx .img3d.is-fourth:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-180deg)translateZ(-1px)
}

.mx-vx .img3d.is-fifth:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-225deg)translateZ(-1px)
}

.mx-vx .img3d.is-six:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-270deg)translateZ(-1px)
}

.mx-vx .img3d.is-seven:where(:not(.mx-ferramenta *)) {
  transform-style: preserve-3d;
  transform: rotate(-315deg)translateZ(-1px)
}

.mx-vx .image3d:where(:not(.mx-ferramenta *)) {
  aspect-ratio: 1;
  object-fit: cover;
  backface-visibility: hidden;
  width: 100%;
  transform-style: preserve-3d;
  border-radius: .5rem;
  position: relative;
  transform: rotateX(90deg)rotateY(0)rotate(0)
}

.mx-vx .rating:where(:not(.mx-ferramenta *)) {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative
}

.mx-vx ._3d_spacer:where(:not(.mx-ferramenta *)) {
  width: 100%;
  height: 6rem
}

.mx-vx .card_1-top:where(:not(.mx-ferramenta *)) {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative
}

.mx-vx .text-button-wrap:where(:not(.mx-ferramenta *)) {
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.mx-vx .text-wrap:where(:not(.mx-ferramenta *)) {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.mx-vx .title-wrap:where(:not(.mx-ferramenta *)) {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.mx-vx .opacity-50:where(:not(.mx-ferramenta *)) {
  opacity: .5
}

.mx-vx .overlay:where(:not(.mx-ferramenta *)) {
  opacity: 1;
  pointer-events: none;
  background-image: linear-gradient(90deg, #00000038, #0000);
  position: absolute;
  inset: 0%
}

@media screen and (max-width:991px) {
  .mx-vx {
    --new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>: .75rem;
    --new-base_typography---xs--font-size\<deleted\|variable-d86116af-cb00-a9a6-f483-abda1eec9a6b\>: var(--new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>);
    --new-base_typography---font-weight--semibold\<deleted\|variable-aae11268-5734-8da2-e6b0-ae68c4cdc231\>: 600;
    --_sizes---fixed--medium: 1rem;
    --_sizes---fixed--none: 0rem;
    --_sizes---fixed--xlarge: 1.5rem;
    --_sizes---fixed--xxsmall: .25rem;
    --_sizes---fixed--large: 1.25rem;
    --_sizes---fixed--huge: 2rem;
    --_sizes---fixed--small: .75rem;
    --_sizes---padding-section--small: 3rem;
    --_sizes---padding-section--large: 5rem;
    --_sizes---padding-section--medium: 4rem;
    --_sizes---fixed--xsmall: .5rem;
    --_sizes---fixed--xhuge: 2.5rem;
    --_sizes---fixed--tiny: .125rem;
    --_sizes---fixed--xxlarge: 1.75rem;
    --_sizes---fixed--regular: .875rem;
    --_sizes---fixed--xxhuge: 3rem;
    --_typography---font-family--body: "Plus Jakarta Sans", sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 3.25rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.06em;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 2.5rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06em;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: var(--_sizes---fixed--xlarge);
    --_typography---h3--line-height: 1.5;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04em;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--font-size: var(--_sizes---fixed--large);
    --_typography---h4--line-height: 1.1;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.125rem;
    --_typography---h5--line-height: 1.15;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1.125rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: 0em;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--medium: 500;
    --_typography---xl--font-size: var(--_sizes---fixed--xlarge);
    --_typography---xl--line-height: 1.33;
    --_typography---xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---xl--letter-spacing: -.04em;
    --_typography---font-weight--light: 300;
    --_typography---base--font-size: var(--_sizes---fixed--medium);
    --_typography---base--line-height: 1.5;
    --_typography---base--letter-spacing: -.02em;
    --_typography---lg--font-size: var(--_sizes---fixed--large);
    --_typography---lg--line-height: 1.5;
    --_typography---lg--letter-spacing: -.02em;
    --_typography---xs--font-size: var(--_sizes---fixed--small);
    --_typography---xs--line-height: 1.5;
    --_typography---xs--letter-spacing: 0em;
    --_typography---button--font-family: var(--_typography---font-family--alternate);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: .12em;
    --_typography---sm--font-size: var(--_sizes---fixed--regular);
    --_typography---sm--line-height: 1.5;
    --_typography---sm--letter-spacing: -.02em;
    --_typography---2xl--font-size: var(--_sizes---fixed--xxlarge);
    --_typography---2xl--line-height: 1.33;
    --_typography---2xl--letter-spacing: -.04em;
    --_typography---3xl--font-size: var(--_sizes---fixed--huge);
    --_typography---3xl--line-height: 1.2;
    --_typography---3xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---3xl--letter-spacing: -.04em;
    --_typography---4xl--font-size: var(--_sizes---fixed--xhuge);
    --_typography---4xl--line-height: 1.2;
    --_typography---4xl--letter-spacing: -.06em;
    --_typography---5xl--font-size: 3.5rem;
    --_typography---5xl--line-height: 1.2;
    --_typography---5xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---5xl--letter-spacing: -.06em;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--alternate: "IBM Plex Mono", Arial, sans-serif;
    --_typography---font-family--headers: "Plus Jakarta Sans", sans-serif;
    --_typography---2xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---lg--font-weight: var(--_typography---font-weight--medium);
    --_typography---button--font-size: var(--_sizes---fixed--medium);
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900
  }

  .mx-vx .padding-global:where(:not(.mx-ferramenta *)) {
    padding-right: var(--_sizes---fixed--huge);
    padding-left: var(--_sizes---fixed--huge)
  }

  .mx-vx .spacer-desktop:where(:not(.mx-ferramenta *)) {
    display: none
  }

  .mx-vx .spacer-tablet:where(:not(.mx-ferramenta *)) {
    display: block
  }

  .mx-vx .card_about.bg-black:where(:not(.mx-ferramenta *)) {
    justify-content: flex-start;
    align-items: stretch
  }

  .mx-vx .cta-wrap:where(:not(.mx-ferramenta *)) {
    min-height: auto;
    padding-right: var(--_sizes---fixed--xlarge);
    padding-left: var(--_sizes---fixed--xlarge)
  }

  .mx-vx .hero_wrap:where(:not(.mx-ferramenta *)) {
    padding-bottom: 1rem
  }

  .mx-vx .vertical-center:where(:not(.mx-ferramenta *)) {
    height: auto
  }

  .mx-vx .spacer-section-large:where(:not(.mx-ferramenta *)) {
    padding-top: 4rem
  }

  .mx-vx .spacer-section-medium:where(:not(.mx-ferramenta *)) {
    padding-top: 3rem
  }

  .mx-vx .card_4-content:where(:not(.mx-ferramenta *)) {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start
  }

  .mx-vx .about_layout:where(:not(.mx-ferramenta *)) {
    grid-template-columns: 1fr 1fr
  }

  .mx-vx .rating:where(:not(.mx-ferramenta *)) {
    height: auto
  }

  .mx-vx .cta_text:where(:not(.mx-ferramenta *)) {
    order: 9999
  }
}

@media screen and (max-width:767px) {
  .mx-vx {
    --new-base_typography---xs--font-size\<deleted\|variable-d86116af-cb00-a9a6-f483-abda1eec9a6b\>: var(--new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>);
    --new-base_typography---font-weight--semibold\<deleted\|variable-aae11268-5734-8da2-e6b0-ae68c4cdc231\>: 600;
    --new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>: .75rem;
    --_typography---font-family--body: "Plus Jakarta Sans", sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 3rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.06em;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 2.25rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06em;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: var(--_sizes---fixed--large);
    --_typography---h3--line-height: 1.5;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04em;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--font-size: var(--_sizes---fixed--large);
    --_typography---h4--line-height: 1.1;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.125rem;
    --_typography---h5--line-height: 1.15;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1.125rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: 0em;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--medium: 500;
    --_typography---xl--font-size: var(--_sizes---fixed--large);
    --_typography---xl--line-height: 1.33;
    --_typography---xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---xl--letter-spacing: -.04em;
    --_typography---font-weight--light: 300;
    --_typography---base--font-size: var(--_sizes---fixed--medium);
    --_typography---base--line-height: 1.5;
    --_typography---base--letter-spacing: -.02em;
    --_typography---lg--font-size: var(--_sizes---fixed--large);
    --_typography---lg--line-height: 1.5;
    --_typography---lg--letter-spacing: -.02em;
    --_typography---xs--font-size: var(--_sizes---fixed--small);
    --_typography---xs--line-height: 1.5;
    --_typography---xs--letter-spacing: 0em;
    --_typography---button--font-family: var(--_typography---font-family--alternate);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: .12em;
    --_typography---sm--font-size: var(--_sizes---fixed--regular);
    --_typography---sm--line-height: 1.5;
    --_typography---sm--letter-spacing: -.02em;
    --_typography---2xl--font-size: var(--_sizes---fixed--xlarge);
    --_typography---2xl--line-height: 1.33;
    --_typography---2xl--letter-spacing: -.04em;
    --_typography---3xl--font-size: var(--_sizes---fixed--xxlarge);
    --_typography---3xl--line-height: 1.2;
    --_typography---3xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---3xl--letter-spacing: -.04em;
    --_typography---4xl--font-size: var(--_sizes---fixed--huge);
    --_typography---4xl--line-height: 1.2;
    --_typography---4xl--letter-spacing: -.06em;
    --_typography---5xl--font-size: 2.5rem;
    --_typography---5xl--line-height: 1.2;
    --_typography---5xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---5xl--letter-spacing: -.06em;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--alternate: "IBM Plex Mono", Arial, sans-serif;
    --_typography---font-family--headers: "Plus Jakarta Sans", sans-serif;
    --_typography---2xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---lg--font-weight: var(--_typography---font-weight--medium);
    --_typography---button--font-size: var(--_sizes---fixed--medium);
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
    --_sizes---fixed--medium: 1rem;
    --_sizes---fixed--none: 0rem;
    --_sizes---fixed--xlarge: 1.5rem;
    --_sizes---fixed--xxsmall: .25rem;
    --_sizes---fixed--large: 1.25rem;
    --_sizes---fixed--huge: 2rem;
    --_sizes---fixed--small: .75rem;
    --_sizes---padding-section--small: var(--_sizes---fixed--huge);
    --_sizes---padding-section--large: 4rem;
    --_sizes---padding-section--medium: 3rem;
    --_sizes---fixed--xsmall: .5rem;
    --_sizes---fixed--xhuge: 2.5rem;
    --_sizes---fixed--tiny: .125rem;
    --_sizes---fixed--xxlarge: 1.75rem;
    --_sizes---fixed--regular: .875rem;
    --_sizes---fixed--xxhuge: 3rem
  }

  .mx-vx .padding-global:where(:not(.mx-ferramenta *)) {
    padding-right: var(--_sizes---fixed--medium);
    padding-left: var(--_sizes---fixed--medium)
  }

  .mx-vx .spacer-tablet:where(:not(.mx-ferramenta *)) {
    display: none
  }

  .mx-vx .spacer-mobile:where(:not(.mx-ferramenta *)) {
    display: block
  }

  .mx-vx .card_about:where(:not(.mx-ferramenta *)) {
    padding: var(--_sizes---fixed--medium);
    border-radius: 1rem
  }

  .mx-vx .cta-wrap:where(:not(.mx-ferramenta *)) {
    padding-top: var(--_sizes---fixed--huge);
    padding-bottom: var(--_sizes---fixed--xlarge);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
  }

  .mx-vx .cta_top:where(:not(.mx-ferramenta *)) {
    grid-column-gap: var(--_sizes---fixed--xsmall);
    grid-row-gap: var(--_sizes---fixed--xsmall)
  }

  .mx-vx .spacer-section-large:where(:not(.mx-ferramenta *)), .mx-vx .spacer-section-medium:where(:not(.mx-ferramenta *)) {
    padding-top: 2rem
  }

  .mx-vx .about_card-float:where(:not(.mx-ferramenta *)) {
    border-radius: var(--_sizes---fixed--small)
  }

  .mx-vx .rating:where(:not(.mx-ferramenta *)) {
    padding-top: 2rem
  }
}

@media screen and (max-width:479px) {
  .mx-vx {
    --new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>: .75rem;
    --new-base_typography---xs--font-size\<deleted\|variable-d86116af-cb00-a9a6-f483-abda1eec9a6b\>: var(--new-base_sizes---fixed--0-75rem\<deleted\|variable-0249d96d-11e2-a63b-4e21-ff6659602636\>);
    --new-base_typography---font-weight--semibold\<deleted\|variable-aae11268-5734-8da2-e6b0-ae68c4cdc231\>: 600;
    --_sizes---fixed--medium: 1rem;
    --_sizes---fixed--none: 0rem;
    --_sizes---fixed--xlarge: 1.5rem;
    --_sizes---fixed--xxsmall: .25rem;
    --_sizes---fixed--large: 1.25rem;
    --_sizes---fixed--huge: 2rem;
    --_sizes---fixed--small: .75rem;
    --_sizes---padding-section--small: var(--_sizes---fixed--huge);
    --_sizes---padding-section--large: 4rem;
    --_sizes---padding-section--medium: 3rem;
    --_sizes---fixed--xsmall: .5rem;
    --_sizes---fixed--xhuge: 2.5rem;
    --_sizes---fixed--tiny: .125rem;
    --_sizes---fixed--xxlarge: 1.75rem;
    --_sizes---fixed--regular: .875rem;
    --_sizes---fixed--xxhuge: 3rem;
    --_typography---font-family--body: "Plus Jakarta Sans", sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 2.75rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.06em;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 2rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06em;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: var(--_sizes---fixed--large);
    --_typography---h3--line-height: 1.5;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04em;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--font-size: var(--_sizes---fixed--large);
    --_typography---h4--line-height: 1.1;
    --_typography---h4--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.125rem;
    --_typography---h5--line-height: 1.15;
    --_typography---h5--font-weight: var(--_typography---font-weight--regular);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1.125rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h6--letter-spacing: 0em;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--medium: 500;
    --_typography---xl--font-size: var(--_sizes---fixed--large);
    --_typography---xl--line-height: 1.33;
    --_typography---xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---xl--letter-spacing: -.04em;
    --_typography---font-weight--light: 300;
    --_typography---base--font-size: var(--_sizes---fixed--medium);
    --_typography---base--line-height: 1.5;
    --_typography---base--letter-spacing: -.02em;
    --_typography---lg--font-size: var(--_sizes---fixed--large);
    --_typography---lg--line-height: 1.5;
    --_typography---lg--letter-spacing: -.02em;
    --_typography---xs--font-size: var(--_sizes---fixed--small);
    --_typography---xs--line-height: 1.5;
    --_typography---xs--letter-spacing: 0em;
    --_typography---button--font-family: var(--_typography---font-family--alternate);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: .12em;
    --_typography---sm--font-size: var(--_sizes---fixed--regular);
    --_typography---sm--line-height: 1.5;
    --_typography---sm--letter-spacing: -.02em;
    --_typography---2xl--font-size: var(--_sizes---fixed--xlarge);
    --_typography---2xl--line-height: 1.33;
    --_typography---2xl--letter-spacing: -.04em;
    --_typography---3xl--font-size: var(--_sizes---fixed--xxlarge);
    --_typography---3xl--line-height: 1.2;
    --_typography---3xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---3xl--letter-spacing: -.04em;
    --_typography---4xl--font-size: var(--_sizes---fixed--xxlarge);
    --_typography---4xl--line-height: 1.2;
    --_typography---4xl--letter-spacing: -.06em;
    --_typography---5xl--font-size: 2.5rem;
    --_typography---5xl--line-height: 1.2;
    --_typography---5xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---5xl--letter-spacing: -.06em;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--alternate: "IBM Plex Mono", Arial, sans-serif;
    --_typography---font-family--headers: "Plus Jakarta Sans", sans-serif;
    --_typography---2xl--font-weight: var(--_typography---font-weight--medium);
    --_typography---lg--font-weight: var(--_typography---font-weight--medium);
    --_typography---button--font-size: var(--_sizes---fixed--medium);
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900
  }

  .mx-vx .container-large:where(:not(.mx-ferramenta *)) {
    max-width: 100%
  }

  .mx-vx .button:where(:not(.mx-ferramenta *)) {
    min-height: 3rem
  }

  .mx-vx .text-4xl:where(:not(.mx-ferramenta *)) {
    font-weight: var(--_typography---font-weight--medium)
  }

  .mx-vx .button_wrapper:where(:not(.mx-ferramenta *)) {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start
  }

  .mx-vx .button_wrapper.is-hero:where(:not(.mx-ferramenta *)) {
    justify-content: flex-start;
    align-items: center
  }

  .mx-vx .about_layout:where(:not(.mx-ferramenta *)) {
    flex-flow: column;
    display: flex
  }

  .mx-vx .rating:where(:not(.mx-ferramenta *)) {
    padding-top: 3rem
  }
}

.mx-vx {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

.mx-vx *[tabindex]:focus-visible:where(:not(.mx-ferramenta *)), .mx-vx input[type=file]:focus-visible:where(:not(.mx-ferramenta *)) {
  outline: .125rem solid #4d65ff;
  outline-offset: .125rem
}

.mx-vx .container-large:where(:not(.mx-ferramenta *)) {
  margin-right: auto !important;
  margin-left: auto !important
}

.mx-vx .spacer *:where(:not(.mx-ferramenta *)) {
  padding: 0
}

@media screen and (min-width:992px) {

  .mx-vx .about_layout>.card_about:nth-child(1):where(:not(.mx-ferramenta *)), .mx-vx .about_layout>.card_about:nth-child(2):where(:not(.mx-ferramenta *)) {
    grid-row: span 2
  }
}

.mx-vx .button-arrow_bg:where(:not(.mx-ferramenta *)) {
  transform: translate(100%);
  transition: transform .45s cubic-bezier(.19, 1, .22, 1), opacity .45s cubic-bezier(.19, 1, .22, 1)
}

.mx-vx .button-arrow:hover .button-arrow_bg:where(:not(.mx-ferramenta *)) {
  opacity: 1;
  transform: translate(0)
}

.mx-vx .button-arrow_text:where(:not(.mx-ferramenta *)) {
  transition: color .35s ease, transform .35s ease
}

.mx-vx .button-arrow:hover .button-arrow_text:where(:not(.mx-ferramenta *)) {
  transform: translate(4px);
  color: var(--text-color--text-on-primary)
}

.mx-vx .button_container-arrow svg:where(:not(.mx-ferramenta *)) {
  transition: transform .35s ease
}

.mx-vx .button-arrow:hover .button_container-arrow svg:where(:not(.mx-ferramenta *)) {
  transform: translate(-.25rem)
}
/* ---- 01-BaseLayout.Cklmzfzh.css ---- */
.mx-vx {
  --swiper-theme-color: #007aff
}

.mx-vx :host:where(:not(.mx-ferramenta *)) {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}
/* ---- 02-custom.css.css ---- */
.mx-vx {
  --vx-ciano: #2b4ef0;
  --vx-ciano-escuro: #0099cc;
  --vx-verde: #00ff88;
  --vx-preto: #0a0a0a;
  --base--green: var(--vx-ciano);
  --bg-color--bg-green: var(--vx-ciano);
  --navbar-accent: var(--vx-ciano);
}
.mx-vx .section_loop .loop:where(:not(.mx-ferramenta *)) {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.mx-vx .section_loop .logo:where(:not(.mx-ferramenta *)) {
  height: 46px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  opacity: .45;
  transition: opacity .3s ease;
}
.mx-vx .section_loop .logo:hover:where(:not(.mx-ferramenta *)) {
  opacity: 1;
}
.mx-vx .cta-wrap:where(:not(.mx-ferramenta *)) {
  background-image:
    linear-gradient(90deg, rgba(6,10,18,.95) 0%, rgba(6,10,18,.84) 50%, rgba(6,10,18,.68) 100%),
    none !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}
.mx-vx .cta-wrap    :where(h1,h2,h3,h4,h5,p):where(:not(.mx-ferramenta *)), .mx-vx .cta-wrap    .text-color-on-primary:where(:not(.mx-ferramenta *)) {
  color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(0,0,0,.5);
}
.mx-vx .section_hero h1:where(:not(.mx-ferramenta *)), .mx-vx .section_hero [hero-text]:where(:not(.mx-ferramenta *)) {
  text-shadow: 0 2px 18px rgba(6, 10, 18, .45);
}
@keyframes vx-bulb-hint { 0%,100%{filter:drop-shadow(0 0 0 rgba(43,78,240,0))} 50%{filter:drop-shadow(0 0 9px rgba(43,78,240,.55))} }
@keyframes vx-bulb-pop  { 0%{transform:scale(1)} 28%{transform:scale(.8)} 60%{transform:scale(1.28)} 100%{transform:scale(1)} }
.mx-vx ::view-transition-old(root):where(:not(.mx-ferramenta *)), .mx-vx ::view-transition-new(root):where(:not(.mx-ferramenta *)) { animation: none; mix-blend-mode: normal; }
.mx-vx ::view-transition-new(root):where(:not(.mx-ferramenta *)) { z-index: 2147483646; }
.mx-vx ::view-transition-old(root):where(:not(.mx-ferramenta *)) { z-index: 1; }

/* ---- 03-portal.css.css ---- */
.mx-vx .section_produtos:where(:not(.mx-ferramenta *)) { background: #f2f2f2; color: #131313; }
.mx-vx .section_produtos.is-dev:where(:not(.mx-ferramenta *)) { background: #fff; }
.mx-vx .vxp-grade:where(:not(.mx-ferramenta *)) { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.mx-vx .vxp-card:where(:not(.mx-ferramenta *)) { position: relative; display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); column-gap: .9rem; row-gap: .3rem; align-content: start; align-items: start; min-width: 0; height: 100%; padding: .9rem; border-radius: 1rem; background: #fff; color: #131313; text-decoration: none; border: 1px solid #ececec;
  transition: transform .3s cubic-bezier(.19, 1, .22, 1), box-shadow .3s cubic-bezier(.19, 1, .22, 1), border-color .2s; }
.mx-vx .vxp-card:active:where(:not(.mx-ferramenta *)) { transform: scale(.985); }
.mx-vx .vxp-card.is-off:where(:not(.mx-ferramenta *)) { background: transparent; border: 1px dashed #c7c7c7; }
.mx-vx .vxp-ico:where(:not(.mx-ferramenta *)) { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; grid-row: 1 / span 4; border-radius: .75rem; background: #fff; overflow: clip; box-shadow: 0 0 0 1px rgba(0,0,0,.07); }
.mx-vx .vxp-ico img:where(:not(.mx-ferramenta *)) { width: 100%; height: 100%; object-fit: cover; }
.mx-vx .vxp-ico--svg img:where(:not(.mx-ferramenta *)) { width: 70%; height: 70%; object-fit: contain; }
.mx-vx .vxp-nome h3:where(:not(.mx-ferramenta *)) { margin: 0; line-height: 1.15; }
.mx-vx .vxp-setor:where(:not(.mx-ferramenta *)) { display: block; margin-top: .25rem; font-family: var(--_typography---font-family--alternate); font-size: .6875rem; letter-spacing: .1em; text-transform: uppercase; color: #585858; line-height: 1.3; }
.mx-vx .vxp-texto:where(:not(.mx-ferramenta *)) { display: block; margin: 0; letter-spacing: normal; text-transform: none; font-size: .9375rem; line-height: 1.45; color: #585858; }
.mx-vx .vxp-et:where(:not(.mx-ferramenta *)) { display: inline-flex; align-items: center; width: fit-content; min-height: 1.5rem; padding: .1rem .6rem; border-radius: 5rem; background: #131313; color: var(--base--green, #2b4ef0); font-family: var(--_typography---font-family--alternate); font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; }
.mx-vx .vxp-ir:where(:not(.mx-ferramenta *)) { margin-top: auto; display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; font-family: var(--_typography---font-family--alternate); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: #131313; }
.mx-vx .vxp-ir:where(:not(.mx-ferramenta *))::after { content: ""; flex: 1; }
.mx-vx .vxp-card > :not(.vxp-ico):where(:not(.mx-ferramenta *)) { grid-column: 2; min-width: 0; }
.mx-vx .vxp-card.is-off:where(:not(.mx-ferramenta *)) { padding-bottom: 1rem; }
@media (hover: hover) and (pointer: fine) {
  .mx-vx a.vxp-card:hover:where(:not(.mx-ferramenta *)) { transform: translateY(-4px); border-color: var(--base--green, #2b4ef0); box-shadow: 0 18px 30px -18px rgba(0,0,0,.3); }
}
.mx-vx .logo-produto:where(:not(.mx-ferramenta *)) { height: 3rem; width: 3rem; border-radius: .75rem; object-fit: cover; background: #fff; }
.mx-vx .rating:where(:not(.mx-ferramenta *)) { text-align: center; }
.mx-vx .image3d:where(:not(.mx-ferramenta *)) { height: auto; }
@media (min-width: 38rem) {
  .mx-vx .vxp-grade:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
}
@media (min-width: 64rem) { .mx-vx .vxp-grade:where(:not(.mx-ferramenta *)) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mx-vx .vxp-card:where(:not(.mx-ferramenta *)) { padding: 1.1rem; column-gap: 1rem; } }

/* ---- 04-STYLE.css ---- */.mx-vx a:focus-visible:where(:not(.mx-ferramenta *)), .mx-vx button:focus-visible:where(:not(.mx-ferramenta *)), .mx-vx input:focus-visible:where(:not(.mx-ferramenta *)), .mx-vx select:focus-visible:where(:not(.mx-ferramenta *)), .mx-vx textarea:focus-visible:where(:not(.mx-ferramenta *)){outline:2px solid #2b4ef0;outline-offset:2px}
/* acabamento do molde visionx-inst (11/11/2026): o que é só do PDF sem Cadastro, POR CIMA do clone, sem mover bloco.
   O que a rota 1 (la-por-que) provou vale aqui: main do domínio sem o vão da grade, ferramenta isolada do CSS da
   referência, contraste lido no pixel, celular com a tela real e a barra de status na cor do topo do print. */

/* o <main> do domínio é grade com 28 px de vão; o clone volta ao fluxo normal da referência */
main.mx-vx{display:block;gap:0}

/* herói: o painel de céu da referência cobre a tela abaixo do cabeçalho do domínio (que fica no fluxo, não por cima);
   o respiro de cima desconta o cabeçalho para o título cair na mesma altura da referência */
.mx-pagina{--topo:72px}
@media (max-width:767px){.mx-pagina{--topo:61px}}
.mx-vx .section_hero{min-height:calc(100svh - var(--topo) - 1.5rem)}
.mx-vx .hero_wrap{padding-top:max(2rem,calc(8rem - var(--topo)))}

/* anel 3D e faixa em laço andando sozinhos (a referência anima por script); só transform, parados em menos movimento */
.mx-vx .group.first{--r0:-15deg}
.mx-vx .group.second{--r0:-30deg}
.mx-vx .group.third{--r0:0deg}
.mx-vx .section_loop{overflow:clip}
@media (prefers-reduced-motion:no-preference){
  .mx-vx .la-wrap .group{animation:mx-anel 90s linear infinite}
  .mx-vx .section_loop .loop{animation:mx-laco 70s linear infinite}
}
@keyframes mx-anel{from{transform:rotate(var(--r0,0deg)) translateZ(1px)}to{transform:rotate(calc(var(--r0,0deg) - 360deg)) translateZ(1px)}}
@keyframes mx-laco{to{transform:translateX(-50%)}}
/* os ícones das ferramentas na faixa: o SVG do domínio no tamanho do logo da referência, um pouco apagados como lá */
.mx-vx .section_loop .logo{width:48px;height:48px;object-fit:contain;opacity:.6}

/* cor viva leva texto branco: o ciano da referência (texto escuro em cima) virou o cobalto, então o texto vira branco */
.mx-vx .button-arrow .text_button,.mx-vx .button-arrow .button_container-arrow{color:#fff}
.mx-vx .card_about.bg-green,.mx-vx .card_about.bg-green .text-weight-medium,.mx-vx .card_about.bg-green .text-base,
.mx-vx .card_about.bg-green .text-5xl{color:#fff}
.mx-vx .card_about.bg-green a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mx-vx .vxp-et{background:#2b4ef0;color:#fff}
.mx-vx .vxp-et.vxp-et--dev{background:#1d1d1f;color:#fff}
.mx-vx .card_about a{text-decoration:underline;text-underline-offset:3px}

/* bento: o cartão da foto vira o aparelho de verdade (iPhone 16 Pro Max preto com a tela real do resultado) sobre o
   cobalto escuro; o logo do produto no lugar do logo da origem, e a caixa clara com o número fica por cima */
.mx-vx .mx-bento-fundo{position:absolute;inset:0;z-index:0;background:radial-gradient(90% 70% at 85% 10%,rgba(43,78,240,.55),transparent 70%),linear-gradient(160deg,#0b1230,#05060d)}
.mx-vx .mx-cel-bento{position:absolute;z-index:0;right:7%;top:9%;width:min(34%,150px)}
.mx-vx .card_about .vertical-space-between{position:relative;z-index:1}
.mx-vx .mx-logo-bento{display:block;height:30px;width:auto;padding:6px 10px;border-radius:10px;background:#fff}
.mx-vx .lp-cel{position:relative;aspect-ratio:481/991}
.mx-vx .lp-cel-m{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mx-vx .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-vx .lp-cel-tela img{display:block;width:100%;height:auto;margin-top:12%}
.mx-vx .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}

/* painel final: o teste do modo avião, com a FERRAMENTA de verdade à direita, no lugar do gráfico da referência */
.mx-vx .cta-wrap{background-image:linear-gradient(120deg,#05060d 0%,#0b1230 55%,#13207a 130%)!important}
.mx-vx .cta-wrap .mx-ferramenta{position:relative;z-index:2;text-align:left;color:var(--ink);font-family:var(--sans);scroll-margin-top:88px}
.mx-vx .cta-wrap .toolpanel{gap:10px;margin:0}
.mx-vx .cta-wrap .toolpanel.reservado:empty{min-height:260px}
.mx-vx .cta-wrap .toolpanel>.panel{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 80px -24px rgba(43,78,240,.6)}
@media (min-width:992px){
  .mx-vx .cta-wrap{flex-flow:row;align-items:center;gap:40px}
  .mx-vx .cta-wrap>.container-large{flex:1 1 0;min-width:0}
  .mx-vx .cta-wrap>.mx-ferramenta{flex:1.05 1 0;min-width:0}
}
@media (max-width:991px){.mx-vx .cta-wrap>.mx-ferramenta{margin-top:20px}}
/* a ferramenta no painel fica compacta: tamanho + área do arquivo; "Limite exato e cor" (molde.js) abre o resto */
.mx-vx #tp-comprimir>.panel.pad{gap:10px;padding:14px 16px}
.mx-vx #tp-comprimir>.panel.pad:not(.mx-mais)>:is(.field,span.step:nth-of-type(2),span.step:nth-of-type(2)~.seg,.hint,span.step:nth-of-type(3)){display:none}
.mx-vx #tp-comprimir .dz{padding:12px}
.mx-vx #tp-comprimir .dz .dzicon,.mx-vx #tp-comprimir .dz .dzsub{display:none}
.mx-vx #tp-comprimir>.panel.pad>.seg button{padding:6px 10px;font-size:13px}
.mx-vx .mx-mais-btn{display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;
  color:var(--accent);font:600 14px/1.2 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* o rótulo do painel diz, ao vivo, se o aparelho está sem internet (molde.js) */
.mx-vx .mx-rede{display:inline-flex;align-items:center;gap:8px}
.mx-vx .mx-rede::before{content:"";width:8px;height:8px;border-radius:50%;background:#7d97ff;box-shadow:0 0 0 4px rgba(125,151,255,.18)}
.mx-vx .mx-rede[data-rede="off"]::before{background:#35d07f;box-shadow:0 0 0 4px rgba(53,208,127,.2)}

/* 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}

/* contraste lido no pixel (portão de 11/11/2026): a 2ª parte apagada do título do "sobre" (opacidade .5 da referência)
   dava 3,98:1 no branco; com .64 ela continua apagada e passa de 4,5:1 */
.mx-vx .title-wrap .opacity-50{opacity:.64}
