.landing {
  --lp-lightgray: #eaeaea;
  --lp-darkgray: #282a2d;
  --lp-gray: #586a73;
  --lp-arrow-gray: #9c9b9b;
  --lp-lightaqua: #108ead;
  --lp-neonblue: #00d8ff;
  --lp-grayblue: #223e54;
  --lp-lightblue: #0076ab;
  --lp-blue: #014462;
  --lp-darkblue: #062e3f;
  --lp-darkerblue: #13202a;
  --lp-shadow: 0px 0px 21px rgba(81, 81, 81, 0.84);
  --lp-radial-gd: radial-gradient(
    farthest-corner at 50% -25%,
    var(--lp-lightaqua),
    var(--lp-grayblue)
  );
  --chanfro: inset 3px 2px 3px rgba(255, 255, 255, 0.2),
    inset -3px -2px 3px rgba(0, 0, 0, 0.2);
  --box-effect: 0px 3px 9px rgba(0, 0, 0, 0.23), 0px 4px 3px rgba(0, 0, 0, 0.1),
    var(--chanfro);
  --lp-pad-x: 20px;
  --lp-pad-y: 32px;
  --lp-title-font: "Bebas Neue", sans-serif;

  color: var(--lp-darkgray);
  font-family: "Roboto", sans-serif;
}
.landing :where(h1, h2, h3, ul, li, p, dl, dt, dd) {
  margin: 0;
}
.landing img {
  display: block;
  margin: 0 auto;
}
.landing *:focus-visible {
  outline: 2px dashed var(--lp-darkerblue);
}
.landing .wrapper {
  --extra-pd: calc(var(--lp-pad-y) * 1.5);
  padding: var(--lp-pad-y) var(--lp-pad-x);
}
.landing section:not(.combo, .autor, .faq, .depoimentos) h2 {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 0.8333em;
  text-align: center;
  text-wrap: balance;
}
.landing section:not(.combo, .autor) h2 strong {
  color: var(--lp-blue);
  text-decoration: underline var(--lp-neonblue);
  text-transform: uppercase;
}
.landing section:not(.combo, .autor) h2.t-white strong {
  color: white;
}

/* INTRO ---- */
.landing .intro {
  background: linear-gradient(transparent calc(100% - 100px), #122f44),
    url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-intro-mb.jpg)
      center / cover no-repeat;
  color: var(--lp-darkerblue);
  position: relative;
}
.landing .intro .wrapper {
  padding-bottom: var(--extra-pd);
  padding-top: 0;
}
.landing .intro .foto {
  position: relative;
}
.landing .intro .foto img {
  max-height: 200px;
  width: auto;
}
.landing .intro .txt {
  background: white;
  border: 2px solid #d9c8c8;
  box-shadow: var(--lp-shadow), inset 0px 3px 13px rgba(0, 0, 0, 0.35);
  margin: 0 calc(var(--lp-pad-x) * -1);
  padding: var(--lp-pad-x) 0;
  text-align: center;
}
.landing .intro .nome-autor,
.landing .mapa dt {
  background: var(--lp-radial-gd);
  background-clip: text;
  color: transparent;
  font-family: var(--lp-title-font);
  font-size: 4.125em;
  line-height: 1;
}
.landing .intro .nome-autor strong {
  font-weight: 400;
}
.landing .intro h1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1.5em;
  font-weight: 400;
  gap: 0.2em;
}
.landing .intro h1 .edicao {
  background: linear-gradient(90deg, white, transparent 25%, 75%, white),
    url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-metal.jpg)
      center / 150% no-repeat;
  letter-spacing: 0.04em;
  padding: 0.25em 2em;
  text-transform: uppercase;
}
.landing .intro h1 .colecao {
  font-family: var(--lp-title-font);
  font-size: 2.25em;
  font-weight: 400;
  line-height: 0.95;
  text-wrap: balance;
}
.landing .intro h1 .colecao sup,
.landing .mapa dt sup {
  display: inline-block;
  font-size: 0.5em;
  margin-top: 0.5em;
  position: initial;
  vertical-align: top;
}
.landing .intro .bullets picture {
  align-items: center;
  background: var(--lp-darkblue);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 218px;
  position: absolute;
  left: 40%;
  top: 0;
  transform: scale(0.5);
  width: 218px;
}
.landing .intro .bullets ul {
  background: linear-gradient(white, var(--lp-lightgray));
  border: 2px solid white;
  border-radius: 999px;
  box-shadow: var(--lp-shadow);
  list-style: none;
  margin-top: 2em;
  padding: 1em 2.5em;
  text-align: center;
}
.landing .intro .bullets ul li {
  font-size: 1.125em;
  line-height: 1;
  text-wrap: balance;
}
.landing .intro .bullets ul li:first-child::after {
  border-bottom: 3px dotted var(--lp-neonblue);
  content: "";
  display: block;
  margin: 0.5em auto;
  width: 58px;
}
.landing .intro .bullets ul li strong {
  font-weight: 900;
}

/* MENU ---- */
.landing .menu {
  margin: -1em 0;
  position: relative;
  z-index: 3;
}
.landing .menu::before {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-metal.jpg)
    center / cover no-repeat;
  content: "";
  height: 4px;
  max-width: 52.5em;
  position: absolute;
  top: calc(50% - 2px);
  width: 100%;
}
.landing .menu ul {
  display: flex;
  justify-content: center;
  padding: 0 1em;
  position: relative;
}
.landing .menu ul li {
  flex: 1;
  font-size: 1.125em;
}
.landing .menu ul li:not(:last-child) {
  margin-right: 1em;
}
.landing .menu ul li a {
  background: linear-gradient(var(--lp-lightblue), var(--lp-blue));
  border-radius: 999px;
  color: white;
  display: block;
  font-weight: 900;
  letter-spacing: 0.06em;
  padding: 0.2em 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.1s;
}

/* PRODUTOS ---- */
.landing .menu + .produtos .wrapper {
  padding-bottom: 0;
  padding-top: var(--extra-pd);
}
.landing .produtos .title-sliders,
.landing .produtos .see-all {
  display: none !important;
}
.landing .produtos .owl-stage-outer {
  padding-top: 0 !important;
}
.landing .produtos .owl-thumbs {
  pointer-events: none;
}

/* COMBO ---- */
.landing .combo .wrapper {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-intro-mb.jpg)
    center / cover no-repeat;
  color: white;
  text-align: center;
}
.landing .combo img {
  max-height: 254px;
  width: auto;
}
.landing .combo h2 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.1;
  margin: 0.5em 0 0.25em;
  text-transform: uppercase;
  text-wrap: balance;
}
.landing .combo h2 strong {
  color: var(--lp-neonblue);
  font-weight: 900;
}
.landing .combo h2 strong:last-child {
  display: block;
  font-size: 1.3em;
}
.landing .combo .cupom {
  font-size: 1.25em;
  letter-spacing: 0.05em;
  margin: 1em 0 0.6em;
}
.landing .combo .cupom span {
  background: white;
  border-radius: 999px;
  color: var(--lp-darkgray);
  display: inline-block;
  font-weight: 500;
  line-height: 1.15;
  padding: 0 2em;
  position: relative;
  z-index: 2;
}
@keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.landing .combo .cupom a {
  border: 2px solid white;
  border-radius: 0.25em;
  color: var(--lp-neonblue);
  cursor: pointer;
  display: inline-block;
  font-size: min(9.5vw, 2.7em);
  font-style: italic;
  font-weight: 900;
  margin-top: -0.375em;
  padding: 0.3em 0.35em 0.1em;
  position: relative;
}
.landing .combo .cupom a:focus-visible {
  outline-color: white;
}
@supports not (font-size: min(1vw, 1em)) {
  .landing .combo .cupom a {
    font-size: 9.5vw;
  }
}
.js .landing .combo .cupom a::after {
  background: white;
  -webkit-clip-path: polygon(
    0 0.5em,
    calc(50% - 0.5em) 0.5em,
    50% 0,
    calc(50% + 0.5em) 0.5em,
    100% 0.5em,
    100% 100%,
    0 100%
  );
  clip-path: polygon(
    0 0.5em,
    calc(50% - 0.5em) 0.5em,
    50% 0,
    calc(50% + 0.5em) 0.5em,
    100% 0.5em,
    100% 100%,
    0 100%
  );
  color: var(--lp-darkgray);
  content: "Clique para copiar";
  display: none;
  font-size: 0.25em;
  font-style: normal;
  font-weight: 700;
  left: 50%;
  margin-top: -0.35em;
  padding: 1em 1em 0.5em;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
}
.js .landing .combo .cupom a.copied::after {
  animation: slideUp 0.5s forwards;
  content: "Cupom copiado";
  display: block;
}
.landing .combo .cupom + p {
  font-size: 0.75em;
  line-height: 1.25;
  text-wrap: balance;
}
.landing .combo .cupom + p small {
  font-size: 1em;
}

/* MAPA ---- */
.landing .mapa .heading p {
  font-size: 1.125em;
  text-align: center;
}
.landing .mapa dl {
  display: grid;
  gap: 1em;
  margin-top: 2em;
}
.landing .mapa dl > * {
  border-radius: 12px;
}
.landing .mapa dt {
  background: white;
  box-shadow: var(--box-effect);
  font-size: 3.375em;
  font-weight: 400;
  line-height: 0.95;
  padding: 0.175em 4%;
  text-align: center;
}
.landing .mapa dt span {
  background: var(--lp-radial-gd);
  background-clip: text;
  display: inline-block;
  padding: 0.125em 0;
}
.landing .mapa dd {
  background: var(--lp-gray);
  box-shadow: var(--box-effect);
  color: white;
  padding: 1.25em 1em;
  text-align: center;
}
.landing .mapa dl dd:last-child {
  background: radial-gradient(
    farthest-corner at 50% -25%,
    var(--lp-lightaqua),
    var(--lp-lightblue)
  );
}
.landing .mapa dd p {
  font-size: 1.125em;
  line-height: 1;
  text-transform: uppercase;
}
.landing .mapa dl dd:last-child p {
  font-size: 1.5em;
}
.landing .mapa dd ul {
  list-style: none;
  padding-left: 0;
}
.landing .mapa dd p + ul::before {
  background: white;
  content: "";
  display: block;
  height: 1px;
  margin: 0.5em auto;
  opacity: 0.25;
  width: 42px;
}
.landing .mapa dd ul li {
  line-height: 1.125;
}
.landing .mapa dd ul li:not(:last-child) {
  margin-bottom: 0.25em;
}

/* METODOLOGIA ---- */
.landing .metodologia .wrapper {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-intro-mb.jpg)
    center / cover no-repeat;
  color: white;
  padding: var(--lp-pad-y) 0;
}
.landing .metodologia ul {
  display: flex;
  gap: 2.25em;
  list-style: none;
  overflow: auto;
  padding: 1em var(--lp-pad-x);
  scroll-snap-type: x mandatory;
}
.landing .metodologia ul li {
  flex: 0 0 264px;
  position: relative;
}
.landing .metodologia ul li img {
  box-shadow: 4px 3px 9px rgba(0, 0, 0, 0.25), 5px 4px 3px rgba(0, 0, 0, 0.1);
}
.landing .metodologia ul li:nth-child(2n) img {
  margin-top: 216px;
}
.landing .metodologia ul li p {
  background: var(--lp-darkblue);
  border-radius: 20px;
  box-shadow: var(--box-effect);
  line-height: 1.125;
  padding: 1.25em 1.75em;
  position: absolute;
  text-align: center;
  text-wrap: balance;
  width: 13.625em;
  z-index: 2;
}
.landing .metodologia ul li p::before {
  background: var(--lp-neonblue);
  border-radius: 50%;
  content: "";
  height: 1em;
  position: absolute;
  width: 1em;
}
.landing .metodologia ul li:first-child p:first-child {
  left: 95%;
  margin-top: -0.5em;
}
.landing
  .metodologia
  ul
  :is(li:first-child p:first-child, li:nth-child(2) p)::before {
  left: -0.5em;
  top: calc(50% - 0.5em);
}
.landing .metodologia ul li:first-child p:last-child {
  left: 45%;
  margin-top: -0.5em;
}
.landing .metodologia ul li:first-child p:last-child::before {
  left: calc(50% - 0.5em);
  top: -0.5em;
}
.landing .metodologia ul li:nth-child(2) p {
  bottom: 24%;
  left: 95%;
}
.landing .metodologia ul li:nth-child(3) p {
  right: 95%;
  top: 24%;
}
.landing
  .metodologia
  ul
  :is(li:nth-child(3) p, li:last-child p:last-child)::before {
  right: -0.5em;
  top: calc(50% - 0.5em);
}
.landing .metodologia ul li:last-child p:first-child {
  right: 45%;
  top: 16%;
}
.landing .metodologia ul li:last-child p:first-child::before {
  bottom: -0.5em;
  left: calc(50% - 0.5em);
}
.landing .metodologia ul li:last-child p:last-child {
  bottom: 0;
  margin-bottom: -0.5em;
  right: 95%;
}

/* AUTOR ---- */
.landing .autor {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-autor-mb.jpg)
    center / cover no-repeat;
  color: white;
  margin-top: var(--lp-pad-y);
}
.landing .autor .wrapper {
  padding-top: 0;
}
.landing .autor img {
  max-height: 214px;
  position: relative;
  top: -0.5em;
  width: auto;
}
.landing .autor h2 {
  font-size: 1.25em;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}
.landing .autor h2 strong {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-metal.jpg)
    35% 50% / 175% no-repeat;
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-family: var(--lp-title-font);
  font-size: 3.7em;
  font-weight: 400;
}
.landing .autor .sobre {
  text-align: center;
  border: 2px solid #ececec;
  border-radius: 1.2em;
  font-size: 1.125em;
  padding: 1em 1.6em;
  text-wrap: balance;
}
.landing .autor .sobre p {
  padding: 0.5em 0 0;
}
.landing .autor .sobre p strong {
  color: var(--lp-neonblue);
}
/* TITULOS COLECAO ESQUEMATIZADO ---- */
.landing .titulos iframe {
  height: 53em;
  margin-top: 0;
}
.landing .titulos {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-titulos-mb.jpg)
    bottom center / contain no-repeat;
}
.landing .titulos iframe {
  height: 55em;
}

/* FAQ ---- */
.landing .faq {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-faq-mb.jpg)
    bottom center / contain no-repeat;
}
.landing .faq h2 {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 1.3333em;
}
.landing .faq h2 strong {
  color: var(--lp-lightblue) !important;
  font-weight: 900;
  text-decoration: none !important;
}
.landing .faq h2 span {
  text-decoration: underline var(--lp-neonblue);
}
.landing .faq details {
  border: 1px solid var(--lp-lightblue);
  border-radius: 0.6667em;
  /* counter-increment: list-item; */
  font-size: 1.125em;
}
.landing .faq details:not(:nth-child(1)) {
  margin-top: 0.6667em;
}
.landing .faq details summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.2222em;
  justify-content: space-between;
  padding: 0.5em 1em;
  color: var(--lp-darkgray);
}
.landing .faq details summary:hover {
  text-decoration: underline var(--lp-neonblue);
}
.landing .faq details summary span::before {
  color: #4875bc;
  /* content: counter(list-item) ". "; */
  font-weight: 900;
}
.landing .faq details summary::after {
  aspect-ratio: 2 / 1;
  background: var(--lp-arrow-gray);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  flex: 0 0 1.36em;
  margin-left: 0.5em;
  -webkit-transition: transform 0.25s;
  transition: transform 0.25s;
}
@supports not (aspect-ratio: 2 / 1) {
  .landing .faq details summary::after {
    height: 0.68em;
  }
}
.landing .faq details[open] summary::after {
  -webkit-transform: rotate(0.5turn);
  -moz-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}
.landing .faq details div {
  padding: 0.5em 1.2222em 1.2222em;
}
.landing .faq details div > *:not(:last-child) {
  margin-bottom: 0.5em;
}
.landing .faq details div ul {
  list-style: initial;
  padding-left: 1.25em;
}
.landing .faq details div ol {
  padding-left: 1.125em;
}
.landing .faq details div * li:not(:last-child) {
  margin-bottom: 0.375em;
}
.landing .faq details div a {
  color: var(--lp-blue);
  text-decoration: underline;
}
.landing .faq details div .double-mg {
  margin-top: 1em;
}
.landing .faq details div .break-link {
  word-break: break-all;
}

/* Depoimentos ---- */
.landing .depoimentos {
  padding-bottom: var(--lp-pad-y);
}
.landing .depoimentos h2 {
  text-align: center;
  text-wrap: balance;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--lp-darkblue);
  font-size: 1.5em;
  line-height: 1.2;
  letter-spacing: 0.06em;
  background: white;
  box-shadow: var(--box-effect);
  border-radius: 999px;
  padding: 0.175em 4%;
  margin: 0 auto;
}
.landing .depoimentos ul {
  display: flex;
  gap: 3em;
  list-style: none;
  overflow-x: auto;
  padding: 4em var(--lp-pad-x) 0;
  scroll-snap-type: x mandatory;
}
.landing .depoimentos ul li {
  flex: 0 0 75%;
  scroll-snap-align: center;
}
.landing .depoimentos blockquote {
  background: transparent;
  color: black;
  font-size: 1em;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
  padding: var(--lp-pad-x) calc(8px - 0.5em) var(--lp-pad-x) var(--lp-pad-x);
  position: relative;
  text-wrap: balance;
  text-align: left;
}
.landing .depoimentos blockquote cite {
  display: block;
  font-weight: 700;
  margin-top: 0.5em;
  text-align: right;
  position: relative;
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/i-aspas-bottom.svg)
    right center / contain no-repeat;
  padding-right: 2em;
}
.landing .depoimentos blockquote::before {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/i-aspas.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  height: 83px;
  width: 90px;
  position: absolute;
  left: 0.5em;
  top: -3em;
  z-index: -1;
}
.landing .depoimentos blockquote::after {
  background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/5-estrelas.png)
    center / contain no-repeat;
  content: "";
  display: block;
  height: 16px;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
}

/* > 480px ---- */
@media (min-width: 30rem) {
  .landing {
    --lp-wrapper: 30em;
  }
  .landing .wrapper {
    margin: 0 auto;
    max-width: var(--lp-wrapper);
  }
  .landing .intro .wrapper {
    max-width: none;
  }
  .landing .intro .foto img {
    max-height: none;
  }
  .landing .intro .bullets picture {
    left: initial;
    right: calc(50% - 250px);
    top: 50px;
    transform: initial;
  }
  .landing .menu {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--lp-wrapper);
  }
  .landing .menu ul li {
    flex: 0 0 6.5em;
  }
  .landing :is(.combo, .metodologia) .wrapper {
    border-radius: 40px;
  }
  .landing .combo img {
    max-height: none;
  }
  .landing .combo .cupom a {
    font-size: 2.25em;
    margin-top: -0.325em;
  }
  .landing .metodologia {
    --lp-pad-x: 40px;
  }
  .landing .metodologia h2 {
    padding: 0 var(--lp-pad-x);
  }
  .landing .depoimentos ul {
    padding-top: 6em;
  }
  .landing .depoimentos ul li {
    flex: 0 0 22.5em;
  }
  .landing .depoimentos blockquote {
    /* padding: 24px 32px; */
    width: 100%;
    max-width: 18.75em;
  }
  .landing .depoimentos blockquote::after {
    width: 103px;
  }
  .landing .depoimentos blockquote::before {
    width: 163px;
    height: 151px;
    top: -5em;
    left: 0;
  }
}

/* > 768px ---- */
@media (min-width: 48rem) {
  .landing {
    --lp-pad-y: 40px;
    --lp-wrapper: 46em;
    font-size: 1.14285em;
  }
  .landing .wrapper {
    --extra-pd: calc(var(--lp-pad-y) * 1.25);
  }
  .landing .intro .wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .landing .intro .foto {
    flex: auto;
  }
  .landing .intro .foto img {
    left: -70px;
    position: relative;
  }
  .landing .intro .txt {
    flex: auto;
    order: 3;
  }
  .landing .intro .bullets {
    left: 50%;
    margin-top: 0.75em;
    position: absolute;
    width: 21.5em;
  }
  .landing .intro .bullets picture {
    position: relative;
    right: 0;
    top: 0;
    z-index: 2;
  }
  .landing .intro .bullets ul {
    display: flex;
    flex-direction: column;
    height: 12.25em;
    justify-content: center;
    margin-left: auto;
    margin-top: -4em;
    width: 12.25em;
  }
  .landing .intro .bullets ul li {
    text-wrap: initial;
  }
  .landing .combo h2 span {
    white-space: nowrap;
  }
  @media (max-width: 61.999rem) {
    .landing .combo .cupom a {
      font-size: 2.7em;
      margin-top: -0.25em;
      padding: 0.1em 0.35em 0;
    }
  }
  .landing .mapa dl {
    --bottom-line: 20%;
    --top-line: 25%;
    height: 40em;
    position: relative;
  }
  .landing .mapa dl > * {
    position: absolute;
  }
  .landing .mapa dt {
    border-radius: 20px;
    left: 50%;
    max-width: 6.6em;
    padding: 0.5em 0;
    top: 42%;
  }
  .landing .mapa :is(dt, dd:nth-child(2n):not(:last-child)) {
    transform: translate(-50%, -50%);
  }
  .landing .mapa :is(dd:nth-child(2n + 1), dd:last-child) {
    transform: translate(50%, -50%);
  }
  .landing .mapa dl dd {
    max-width: 17.5em;
    text-wrap: balance;
    width: 100%;
  }
  .landing .mapa dl dd::before {
    --line-spacing: 0.5em;
    border-right: 4px dotted var(--lp-darkgray);
    content: "";
    position: absolute;
  }
  .landing .mapa dl dd:nth-child(2) {
    left: var(--top-line);
    top: 12%;
  }
  .landing .mapa dl dd:nth-child(2)::before {
    right: 20%;
    height: 1.5em;
    top: calc(var(--line-spacing) + 100%);
  }
  .landing .mapa dl dd:nth-child(3) {
    right: var(--top-line);
    top: 12%;
  }
  .landing .mapa dl dd:nth-child(3)::before {
    --line-spacing: 0.35em;
    left: 20%;
    height: 1em;
    top: calc(var(--line-spacing) + 100%);
  }
  .landing .mapa dl dd:nth-child(4) {
    left: var(--bottom-line);
    top: 70.5%;
  }
  .landing .mapa dl dd:nth-child(4)::before {
    --line-spacing: 0.35em;
    bottom: calc(var(--line-spacing) + 100%);
    right: 20%;
    height: 1em;
  }
  .landing .mapa dl dd:nth-child(5) {
    right: var(--bottom-line);
    top: 70.5%;
  }
  .landing .mapa dl dd:nth-child(5)::before {
    bottom: calc(var(--line-spacing) + 100%);
    left: 20%;
    height: 2.5em;
  }
  .landing .mapa dl dd:last-child {
    right: 50%;
    top: 93%;
  }
  .landing .mapa dl dd:last-child::before {
    bottom: calc(var(--line-spacing) + 100%);
    height: 11em;
  }
  .landing .metodologia .wrapper {
    background-image: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-metodologia.jpg);
  }
  .landing #combomapa {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-combo-mapa-mb.jpg)
      50% 50% / contain no-repeat;
  }
  .landing .autor h2 {
    display: flex;
    flex-direction: column;
  }
  .landing .faq .wrapper {
    position: relative;
  }
  .landing .faq .wrapper::before {
    background: var(--lp-neonblue);
    bottom: 0;
    content: "";
    display: block;
    height: calc(100% + 60px);
    left: 40px;
    position: absolute;
    width: 4px;
  }
  .landing .faq h2 {
    margin-left: 48px;
  }
  .landing .faq details {
    padding-left: 24px;
  }
  .landing .faq details div {
    padding: 0.25em 3em 0.75em 1.2222em;
  }
  .landing .titulos iframe {
    height: 28em;
  }
  .landing .depoimentos h2 {
    width: 100%;
    max-width: 24.5em;
  }
  .landing .depoimentos .wrapper {
    padding-bottom: 1.5em;
  }
}

/* > 992px ---- */
@media (min-width: 62rem) {
  .landing {
    --lp-pad-y: 48px;
    --lp-wrapper: 60em;
  }
  .landing .intro {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-intro.jpg)
      center / cover no-repeat;
    overflow: hidden;
  }
  .landing .intro .wrapper {
    align-items: center;
    flex-wrap: nowrap;
    height: 373px;
    justify-content: center;
    max-width: var(--lp-wrapper);
    padding-bottom: 0;
  }
  .landing .intro .wrapper::before {
    background: linear-gradient(transparent, #122f44);
    bottom: 0;
    content: "";
    height: 100px;
    left: calc(50% - 50vw);
    position: absolute;
    width: 100vw;
    z-index: 2;
  }
  .landing .intro .foto {
    flex: 0 0 520px;
  }
  .landing .intro .txt {
    border-radius: 50%;
    display: flex;
    flex: 0 0 26.5em;
    flex-direction: column;
    height: 26.5em;
    justify-content: center;
    margin-left: -17em;
    order: 2;
    z-index: 2;
  }
  .landing .intro .bullets {
    margin-left: -2em;
    margin-top: -0.25em;
    order: 3;
    position: initial;
    z-index: 3;
  }
  .landing .intro .bullets ul {
    margin-top: -2.5em;
    padding: 1em 1.5em;
  }
  .landing .menu::before {
    left: calc(50% - 26.25em);
  }
  .landing .combo .wrapper {
    --lp-pad-y: 24px;
    align-items: center;
    background-image: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-combo.jpg);
    display: flex;
  }
  .landing .combo picture {
    flex: 0 0 492px;
  }
  .landing .combo .txt {
    flex: 1;
  }
  .landing .combo h2 {
    margin-top: 0;
  }
  @media (max-width: 74.999rem) {
    .landing .combo h2 span {
      white-space: initial;
    }
  }
  .landing .mapa dl {
    --bottom-line: 15.5%;
    height: 33em;
  }
  .landing .mapa dt {
    top: 50%;
  }
  .landing .mapa dl dd:nth-child(n + 2):nth-child(-n + 3) {
    top: 15%;
  }
  .landing .mapa dl dd:nth-child(n + 4):nth-child(-n + 5) {
    top: 80%;
  }
  .landing .mapa dl dd:last-child {
    top: 91%;
  }
  .landing .mapa dl dd:nth-child(n)::before {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/arrow-metodologia.svg)
      center / contain no-repeat;
    border-right: 0;
    height: 96px;
    width: 18px;
  }
  .landing .mapa dl dd:nth-child(2)::before {
    top: 92%;
    right: 40%;
    transform: scale(0.75) rotate(135deg);
  }
  .landing .mapa dl dd:nth-child(3)::before {
    top: 93%;
    left: 40%;
    transform: scale(0.75) rotate(-135deg);
  }
  .landing .mapa dl dd:nth-child(4)::before {
    bottom: 53%;
    left: 112%;
    right: initial;
    transform: scale(0.75) rotate(75deg);
  }
  .landing .mapa dl dd:nth-child(5)::before {
    bottom: 55%;
    left: initial;
    right: 112%;
    transform: scale(0.75) rotate(-75deg);
  }
  .landing .mapa dl dd:last-child::before {
    bottom: 93%;
    left: calc(50% - 9px);
    transform: scale(0.75);
  }
  .landing #combomapa {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-combomapa.png)
      50% 25% / contain no-repeat;
  }
  .landing .autor {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-autor.jpg)
      center / cover no-repeat;
  }
  .landing .autor .wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  .landing .autor .foto-autor {
    flex: 0 0 50%;
  }
  .landing .autor img {
    max-height: none;
    margin-bottom: -0.5em;
  }
  .landing .autor .txt {
    margin-top: 1.5em;
  }
  .landing .titulos {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-titulos.jpg)
      bottom center / cover no-repeat;
  }
  .landing .titulos iframe {
    height: 25em;
  }
  .landing .faq {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-faq.jpg)
      bottom center / contain no-repeat;
  }
  .landing .depoimentos ul {
    margin: 0 auto;
    max-width: var(--lp-wrapper);
  }
  .landing .depoimentos ul li {
    flex: 1;
  }
}

/* > 1200px ---- */
@media (min-width: 75rem) {
  .landing {
    --lp-pad-y: 60px;
    --lp-wrapper: 71em;
  }
  .landing .wrapper {
    --extra-pd: var(--lp-pad-y);
  }
  .landing .intro .txt {
    margin-left: -10.5em;
  }
  .landing .intro .bullets {
    margin-left: -1em;
  }
  .landing .intro .bullets ul {
    margin-top: -4em;
    padding: 1em 1.75em;
  }
  .landing .combo .wrapper {
    justify-content: space-evenly;
    --lp-pad-y: 16px;
  }
  .landing .combo .txt {
    flex: 0 0 30.5em;
  }
  .landing .combo .cupom a {
    font-size: 2.7em;
    margin-top: -0.25em;
    padding: 0.1em 0.35em 0;
  }
  .landing .mapa dl {
    --bottom-line: 13%;
    --top-line: 20%;
  }
  .landing .mapa dl dd:nth-child(n + 4):nth-child(-n + 5) {
    top: 66%;
  }
  .landing .mapa dl dd:nth-child(2)::before {
    right: -16%;
    top: 62%;
  }
  .landing .mapa dl dd:nth-child(3)::before {
    left: -16%;
    top: 62%;
  }
  .landing .mapa dl dd:nth-child(4)::before {
    bottom: 20%;
  }
  .landing .mapa dl dd:nth-child(5)::before {
    bottom: -3%;
  }
  .landing .metodologia .wrapper {
    padding-bottom: calc(var(--lp-pad-y) * 0.8);
  }
  .landing .autor .wrapper {
    align-items: center;
    padding-bottom: 0;
  }
  .landing .autor .txt {
    margin-top: 0;
  }
  .landing .titulos iframe {
    height: 35em;
  }
  .landing .faq h2 {
    margin-left: 72px;
  }
  .landing .faq details {
    padding-left: 48px;
  }
  .landing .faq details div {
    padding-right: 6em;
  }
}

/* > 1360px ---- */
@media (min-width: 85rem) {
  .landing {
    --lp-wrapper: 80em;
  }
  .landing .mapa {
    --lp-wrapper: 71em;
  }
  .landing .metodologia ul {
    justify-content: center;
  }
}

/* > 1600px ---- */
@media (min-width: 100rem) {
  .landing {
    --lp-wrapper: 91em;
  }
  .landing #combomapa {
    background: url(https://mktgen.com.br/imagens/colecao-esquematizado-2025/bg-combomapa.png)
      center center / contain no-repeat;
  }
  .landing .faq .wrapper::before {
    left: 64px;
  }
  .landing .faq h2 {
    margin-left: 96px;
  }
  .landing .faq details {
    padding-left: 72px;
  }
}

/* ANIMAÇÕES ---- */
@media not (prefers-reduced-motion) {
  .js .landing .anime {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .js .landing .intro .anime.foto {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  .js .landing .intro .anime.txt {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .js .landing .intro .anime.bullets {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .js .landing .anime.show {
    opacity: 1;
    -webkit-transform: initial !important;
    -moz-transform: initial !important;
    transform: initial !important;
  }
}