.landing {
  --lp-lightblue: #daf1fc;
  --lp-blue: #54b4e3;
  --lp-blue2: #1689c1;
  --lp-darkblue: #283b8b;
  --lp-grayblue: #343c5c;
  --lp-black: #080809;
  --lp-pad-x: 20px;
  --lp-pad-y: 32px;
  --lp-title-font: "Outfit", sans-serif;

  color: var(--lp-black);
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
}
.landing :where(h1, h2, h3, ul, li, p) {
  margin: 0;
}
.landing img {
  display: block;
  margin: 0 auto;
}
.landing *:focus-visible {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 2px dashed var(--lp-darkblue);
}
.landing *[id] {
  scroll-margin-top: 150px;
}
.landing .wrapper {
  padding: var(--lp-pad-y) var(--lp-pad-x);
}
.landing h2 {
  font-family: var(--lp-title-font);
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}
.landing h2.rounded {
  border-radius: 999px;
  font-size: 1.375em;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 auto;
  padding: 0.2em 0.75em;
  width: fit-content;
}
.landing section:not(.intro) h2:not(.rounded) {
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 1.2em;
}
.landing section:not(.intro) h2:not(.rounded)::before,
.landing section:not(.intro) h2:not(.rounded)::after {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/g-dots.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}
.landing section:not(.intro) h2.t-darker::before,
.landing section:not(.intro) h2.t-darker::after {
  background-image: url(https://mktgen.com.br/imagens/assaf-neto/2025/g-dots-dark.svg);
}
.landing section:not(.intro) h2:not(.rounded)::before {
  display: none;
}
.landing section:not(.intro) h2:not(.rounded)::after {
  margin-top: 1em;
}
.landing section:not(.intro) h2:not(.rounded) strong {
  background: var(--lp-blue);
  font-weight: 800;
  white-space: nowrap;
}
.landing section:not(.intro) h2.t-darker strong {
  background: var(--lp-darkblue);
  color: white;
}

/* INTRO ---- */
.landing .intro {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-intro-mb.jpg)
    center / cover no-repeat;
  overflow: hidden;
}
.landing .intro .wrapper {
  display: grid;
  grid-template-rows: repeat(3, auto);
  padding: 24px 0 0;
  position: relative;
}
.landing .intro .wrapper::before {
  --bg-mg: 10em;
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/round-bg-intro.svg)
    top center / auto 150% no-repeat;
  content: "";
  grid-row: 2 / 4;
  height: calc(100% + var(--bg-mg));
  margin-top: calc(var(--bg-mg) * -1);
  position: absolute;
  width: 100%;
}
.landing .intro .wrapper > * {
  position: relative;
}
.landing .intro .foto::before,
.landing .intro ul::after {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/g-dots.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 66px;
}
.landing .intro .foto::before {
  left: var(--lp-pad-y);
}
.landing .intro ul::after {
  display: none;
}
.landing .intro .txt {
  grid-column: 1;
  padding: var(--lp-pad-x) var(--lp-pad-x) calc(var(--lp-pad-x) * 1.8);
  text-align: center;
}
.landing .intro h1 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.15;
  margin: 0 auto 1em;
  max-width: 13em;
  text-wrap: balance;
}
.landing .intro h1 strong {
  background: var(--lp-blue);
}
.landing .intro h1 span {
  text-decoration: underline var(--lp-blue);
}
.landing .intro h2 {
  color: var(--lp-darkblue);
  font-size: 1.75em;
  font-weight: 400;
  letter-spacing: 0.025em;
}
.landing .intro h2 strong {
  font-weight: 800;
}
.landing .intro h2 + p {
  font-size: 1.125em;
  line-height: 1.25;
  margin: 0.3333em auto 0;
  max-width: 17.4em;
}
.landing .intro ul {
  display: grid;
  gap: 0.75em;
  grid-column: 1;
  list-style: none;
  padding: 0 var(--lp-pad-x) var(--lp-pad-y);
}
.landing .intro ul li {
  background:
    url(https://mktgen.com.br/imagens/assaf-neto/2025/i-list.svg) 24px 50% /
      auto 16px no-repeat,
    radial-gradient(ellipse at 0% 50%, var(--lp-blue) 0%, var(--lp-blue2) 100%);
  border-radius: 999px;
  line-height: 1.25;
  padding: 0.5em 2.25em 0.5em 52px;
}

/* MENU ---- */
.landing .menu {
  margin: -0.9em auto;
  position: relative;
}
.landing .menu::before {
  background: var(--lp-black);
  content: "";
  height: 4px;
  position: absolute;
  top: calc(50% - 2px);
  width: 100%;
}
.landing .menu ul {
  display: flex;
  gap: 1em;
  overflow-x: auto;
  padding: 0 var(--lp-pad-x);
  position: relative;
  scroll-snap-type: x mandatory;
}
.landing .menu ul li {
  scroll-snap-align: center;
}
.landing .menu ul li a {
  background: var(--lp-black);
  border-radius: 999px;
  color: white;
  display: block;
  font-family: var(--lp-title-font);
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 0.2em 1em;
  text-decoration: none;
  text-transform: uppercase;
}
.landing .menu ul li a:hover {
  background: var(--lp-darkblue);
}
.landing .menu ul li a:focus-visible {
  outline-offset: -3px;
  outline-color: var(--lp-blue);
}

/* PRODUTOS ---- */
.landing .menu + .produtos .wrapper {
  padding-top: calc(var(--lp-pad-y) * 1.25);
}
.landing .produtos + .produtos .wrapper {
  padding-bottom: calc(var(--lp-pad-y) * 1.5);
  padding-top: 0;
}
.landing .produtos :is(.title-sliders, .see-all) {
  display: none !important;
}
.landing .produtos .owl-stage-outer {
  padding-top: 0 !important;
}

/* PROMOÇÃO ---- */
.landing .promocao {
  color: white;
}
.landing .promocao .wrapper {
  background: var(--lp-darkblue)
    url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-promocao-mb.jpg)
    center / cover no-repeat;
  padding-top: 0;
}
.landing .promocao h2 {
  background: var(--lp-blue);
  color: var(--lp-black);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.landing .promocao picture {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/round-bg-intro.svg)
    center / auto 100% no-repeat;
  display: block;
  margin: -1em 0 1em;
  padding: 2em 0;
}
.landing .promocao .desconto {
  align-items: center;
  display: flex;
  font-size: 1.375em;
  line-height: 1.1;
  flex-direction: row-reverse;
  text-wrap: balance;
}
.landing .promocao .desconto img {
  margin-right: 1em;
}
.landing .promocao .cupom {
  align-items: center;
  border: 3px solid var(--lp-blue);
  border-radius: 999px;
  display: flex;
  font-size: 1.25em;
  justify-content: center;
  line-height: 1.1;
  margin: 0.8em auto;
  padding-left: 1.1em;
  width: fit-content;
}
.landing .promocao .cupom span {
  padding: 0.2em 0;
}
@keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.landing .promocao .cupom a {
  align-items: center;
  align-self: stretch;
  background: var(--lp-blue);
  border-radius: inherit;
  color: var(--lp-black);
  cursor: pointer;
  display: inherit;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
  margin: -3px -3px -3px 0.4em;
  padding: 0.15em 0.75em;
  position: relative;
  text-decoration: none;
}
.landing .promocao .cupom a:focus-visible {
  outline-offset: 1px;
  outline-color: white;
}
.js .landing .promocao .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-black);
  content: "Clique para copiar";
  display: none;
  font-size: 0.5em;
  font-style: normal;
  font-weight: 700;
  left: 50%;
  margin-top: -0.35em;
  padding: 1em 1em 0.5em;
  position: absolute;
  text-transform: uppercase;
  top: 90%;
  white-space: nowrap;
}
.js .landing .promocao .cupom a.copied::after {
  content: "Cupom copiado";
  display: block;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.landing .promocao ul {
  display: grid;
  gap: 0.5em;
  list-style: none;
  margin: 1em 0;
  padding-left: 0;
}
.landing .promocao ul li {
  align-items: center;
  background: var(--lp-lightblue);
  border-radius: 999px;
  color: var(--lp-black);
  display: flex;
  padding: 0.25em 1.5em;
}
.landing .promocao ul li::before {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/i-arrow.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  flex: 0 0 1em;
  height: 1em;
  margin-right: 0.5em;
  transform: rotate(-90deg);
}
.landing .promocao ul + p {
  font-size: 0.75em;
  line-height: 1.3333;
  opacity: 0.75;
  text-align: center;
  text-wrap: balance;
}
.landing .promocao ul + p small {
  font-size: inherit;
}

/* SOBRE ---- */
.landing #sobre {
  --video-height: calc((100vw - var(--lp-pad-x) * 2) / 16 * 9);
  --white-bottom: linear-gradient(
    transparent calc(100% - var(--video-height) / 2),
    white calc(100% - var(--video-height) / 2)
  );
  background:
    var(--white-bottom),
    url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-autor-mb.jpg) center /
      cover no-repeat;
  position: relative;
}
.landing #sobre::before {
  content: "";
  border-top: 3px solid var(--lp-darkblue);
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - var(--lp-pad-x));
}
.landing .sobre .txt {
  margin-top: 1.5em;
}
.landing .sobre p {
  margin-top: 1em;
}

/* VÍDEO ---- */
.landing .video {
  position: relative;
}
.landing .video .wrapper {
  --lp-pad-y: 0;
}
.landing .video h2 {
  background: var(--lp-darkblue);
  color: white;
  margin-bottom: 1.1em;
}
.landing .video iframe {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
@supports not (aspect-ratio: 1) {
  .landing .video iframe {
    height: var(--video-height);
  }
}

/* DEPOIMENTOS ---- */
.landing .depoimentos {
  padding-bottom: var(--lp-pad-y);
}
.landing .depoimentos .wrapper {
  padding-bottom: 0;
}
.landing .depoimentos ul {
  display: flex;
  gap: 2em;
  list-style: none;
  overflow-x: auto;
  padding: 1em 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: var(--lp-lightblue);
  border-radius: 1em;
  color: var(--lp-black);
  font-size: 1em;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
  padding: var(--lp-pad-x) calc(66px - 0.5em) var(--lp-pad-x) var(--lp-pad-x);
  position: relative;
}
.landing .depoimentos blockquote::before {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/i-aspas.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  right: -0.5em;
  top: -1em;
  width: 66px;
}
.landing .depoimentos blockquote cite {
  display: block;
  font-weight: 700;
  margin-top: 0.5em;
}

/* FAQ ---- */
.landing .faq {
  background: linear-gradient(var(--lp-lightblue), var(--lp-blue));
}
.landing .faq details {
  background: white;
  border-radius: 1em;
  -webkit-box-shadow: 0 4px 8px rgba(40, 59, 139, 0.1);
  -moz-box-shadow: 0 4px 8px rgba(40, 59, 139, 0.1);
  box-shadow: 0 4px 8px rgba(40, 59, 139, 0.1);
}
.landing .faq details:not(:last-of-type),
.landing .faq h2 + details {
  margin-bottom: 0.75em;
}
.landing .faq details summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: var(--lp-title-font);
  font-size: 1.125em;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.1;
  padding: 1em 1.3333em;
}
.landing .faq details summary::after {
  background: url(https://mktgen.com.br/imagens/assaf-neto/2025/i-arrow.svg)
    center / contain no-repeat;
  content: "";
  display: block;
  flex: 0 0 0.9em;
  height: 1em;
  margin-left: 1.25em;
  -webkit-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
}
.landing .faq details summary:hover {
  color: var(--lp-darkblue);
}
.landing .faq details[open] summary {
  padding-bottom: 0;
}
.landing .faq details[open] summary::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.landing .faq details summary + div {
  padding: 0.5em 1.5em 1.125em;
}
.landing .faq details summary + div > *:not(:last-child) {
  margin-bottom: 0.5em;
}
.landing .faq details :is(ul, ol) {
  padding-left: 1.25em;
}
.landing .faq details :is(ul, ol) li:not(:last-child) {
  margin-bottom: 0.25em;
}
.landing .faq details a {
  color: var(--lp-darkblue);
  text-decoration: underline;
}
.landing .faq details a:hover {
  text-decoration: none;
}

/* > 480px ---- */
@media (min-width: 30rem) {
  .landing {
    --lp-wrapper: 30em;
  }
  .landing .wrapper {
    margin: 0 auto;
    max-width: var(--lp-wrapper);
  }
  .landing .intro .wrapper::before {
    left: calc(50% - 50vw);
    width: 100vw;
  }
  .landing .menu ul {
    justify-content: center;
  }
  .landing .promocao .wrapper {
    --lp-pad-x: 40px;
    border-radius: var(--lp-pad-x);
  }
  .landing .promocao .desconto {
    margin-left: 1em;
  }
  .landing #sobre {
    --video-height: 214px;
  }
  .landing #sobre::before {
    width: calc(50% + var(--lp-wrapper) / 2);
  }
  .landing .video {
    --video-width: 380px;
  }
  .landing .video::before {
    background: url(https://mktgen.com.br/imagens/assaf-neto/2025/g-dots-dark.svg)
      center / contain no-repeat;
    bottom: calc(var(--video-height) / 2 + 30px);
    content: "";
    display: block;
    height: 10px;
    right: calc(50% + var(--video-width) / 2 + 30px);
    position: absolute;
    width: 66px;
  }
  .landing .video::after {
    border-top: 3px solid var(--lp-darkblue);
    bottom: calc(var(--video-height) / 2);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: calc(50% - var(--video-width) / 2 - 55px);
    z-index: 2;
  }
  .landing .depoimentos ul li {
    flex: 0 0 22.5em;
  }
  .landing .depoimentos blockquote {
    padding: 24px calc(66px - 0.5em) 24px 32px;
  }
}

/* > 768px ---- */
@media (min-width: 48rem) {
  .landing {
    --lp-wrapper: 46em;
    font-size: 1.14285em;
  }
  .landing section:not(.intro) {
    --lp-pad-y: 40px;
  }
  .landing .intro ul {
    grid-template-columns: 12.5em 13.5em;
    justify-content: center;
    padding-bottom: calc(var(--lp-pad-y) * 1.25);
  }
  .landing .intro ul li {
    background-size:
      auto 24px,
      auto;
  }
  .landing .menu {
    max-width: var(--lp-wrapper);
  }
  .landing .produtos + .produtos .wrapper {
    padding-bottom: calc(var(--lp-pad-y) * 1.25);
  }
  .landing .promocao .wrapper {
    --lp-pad-x: 32px;
    background-image: url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-promocao.jpg);
    padding-bottom: calc(var(--lp-pad-y) / 2);
    padding-top: var(--lp-pad-y);
    position: relative;
  }
  .landing .promocao h2 {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, calc(-50% - var(--lp-pad-y)));
    -moz-transform: translate(-50%, calc(-50% - var(--lp-pad-y)));
    -o-transform: translate(-50%, calc(-50% - var(--lp-pad-y)));
    -ms-transform: translate(-50%, calc(-50% - var(--lp-pad-y)));
    transform: translate(-50%, calc(-50% - var(--lp-pad-y)));
    white-space: nowrap;
  }
  .landing .promocao h2 + div {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .landing .promocao picture {
    /* flex: 0 0 273px; */
    flex: 0 0 290px;
    margin: 0 1.25em 0 0;
  }
  .landing .promocao ul {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
  .landing #sobre {
    --video-height: 304px;
    background-image:
      var(--white-bottom),
      url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-autor.jpg);
  }
  .landing .sobre {
    display: flex;
  }
  .landing .sobre picture {
    flex: 0 0 190px;
    margin-right: 2.5em;
  }
  .landing .sobre .txt {
    margin-top: 0;
  }
  .landing .sobre h2 {
    text-align: left !important;
  }
  .landing .sobre h2::after {
    background-position: left center !important;
  }
  .landing .video {
    --video-width: 540px;
  }
  .landing .faq {
    --lp-wrapper: 40.5em;
  }
}

/* > 992px ---- */
@media (min-width: 62rem) {
  .landing {
    --lp-wrapper: 60em;
  }
  .landing section:not(.intro) {
    --lp-pad-y: 48px;
  }
  .landing section:not(.intro) h2:not(.rounded) {
    align-items: center;
    display: flex;
    gap: 1em;
    justify-content: center;
  }
  .landing section:not(.intro) h2:not(.rounded)::before {
    display: block;
  }
  .landing section:not(.intro) h2:not(.rounded)::after {
    margin-top: 0;
  }
  .landing section:not(.intro) h2:not(.rounded)::before,
  .landing section:not(.intro) h2:not(.rounded)::after {
    flex: 0 0 66px;
  }
  .landing .intro {
    --lp-pad-y: 40px;
    --lp-wrapper: 54em;
    background-image: url(https://mktgen.com.br/imagens/assaf-neto/2025/bg-intro.jpg);
  }
  .landing .intro .wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: var(--lp-pad-y) var(--lp-pad-x);
  }
  .landing .intro .wrapper::before {
    --bg-mg: 0;
    background-position: calc(50% + 4.25em) 40%;
    background-size: auto 212%;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
  }
  .landing .intro .foto {
    align-self: flex-start;
    margin-left: -3em;
  }
  .landing .intro .foto::before {
    left: -0.5em;
    top: calc(100% + 20px);
  }
  .landing .intro .txt {
    flex: 0 0 25em;
    margin: 12px 0 16px;
    padding: 0;
  }
  .landing .intro ul {
    grid-template-columns: 1fr;
    flex: 0 0 14.25em;
    margin-right: -15px;
    padding: 0;
  }
  .landing .intro ul::after {
    display: block;
    left: calc(50% + 0.5em);
    top: -30px;
  }
  .landing .intro ul li:first-child {
    max-width: 12.5em;
  }
  .landing .intro ul li:last-child {
    margin-left: 0.5em;
  }
  .landing .promocao .wrapper {
    --lp-pad-x: 40px;
    --lp-pad-y: 0px;
  }
  .landing .promocao picture {
    background-size: auto 120%;
    flex: 0 0 424px;
    padding: 3em 0;
  }
  .landing .promocao picture img {
    width: 424px;
    height: auto;
  }
  .landing .promocao .txt {
    flex: 0 0 416px;
    padding-top: 1em;
  }
  .landing .promocao .desconto p::before {
    border-top: 3px solid var(--lp-blue);
    content: "";
    /* display: block; */
    margin-bottom: 0.35em;
    width: 80%;
  }
  .landing .promocao ul {
    display: flex;
    gap: 1em;
    line-height: 1.15;
    justify-content: center;
    width: auto;
  }
  .landing .promocao ul li {
    flex: auto;
    padding: 0.5em 2em 0.5em 1.5em;
  }
  .landing .promocao ul li strong {
    display: block;
  }
  .landing .sobre {
    --lp-wrapper: 55em;
  }
  .landing .sobre h2 {
    justify-content: start !important;
  }
  .landing .sobre h2::before {
    display: none !important;
  }
  .landing .depoimentos ul {
    margin: 0 auto;
    max-width: var(--lp-wrapper);
  }
  .landing .depoimentos ul li {
    flex: 1;
  }
}

/* > 1200px ---- */
@media (min-width: 75rem) {
  .landing {
    --lp-wrapper: 71em;
  }
  .landing section:not(.intro) {
    --lp-pad-y: 60px;
  }
  .landing .menu + .produtos .wrapper {
    padding-top: var(--lp-pad-y);
  }
  .landing .promocao .wrapper {
    border-radius: 999px;
  }
  .js .landing .promocao .cupom a:hover::after {
    display: block;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

/* > 1360px ---- */
@media (min-width: 85rem) {
  .landing {
    --lp-wrapper: 80em;
  }
  .landing .promocao {
    --lp-wrapper: 77.5em;
  }
  .landing .depoimentos ul {
    --lp-wrapper: 75em;
  }
}

/* ANIMAÇÕES ---- */
@media not (prefers-reduced-motion) {
  html {
    scroll-behavior: smooth;
  }
  .landing :is(a, details summary) {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
  }
  .js .landing .promocao .cupom a.copied::after,
  .js .landing .promocao .cupom a:hover::after {
    animation: slideUp 0.5s forwards;
  }
  .js .landing .anime {
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .js .landing .intro .foto.anime {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  .js .landing .intro .txt.anime {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }
  .js .landing .intro ul.anime {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  .js .landing .anime.show {
    opacity: 1;
    -webkit-transform: initial !important;
    -moz-transform: initial !important;
    -o-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
  }
}