/* La presentación del celular queda a cargo de la portada original. */
@media (min-width: 801px) {
  .mz-portada .mz-intro h1.mz-title-final {
    max-width: none;
    line-height: 1.08;
    letter-spacing: -.04em;
    white-space: normal;
    overflow: visible;
  }

  .mz-portada .mz-intro h1.mz-title-final .mz-title-row {
    display: block;
    white-space: nowrap;
    background: none;
    color: #fff9ed;
    -webkit-text-fill-color: #fff9ed;
    -webkit-background-clip: border-box;
    background-clip: border-box;
  }

  .mz-portada .mz-intro h1.mz-title-final .mz-word-tarot {
    background: none;
    color: #fff9ed;
    -webkit-text-fill-color: #fff9ed;
    font-weight: normal;
  }
}

@media (min-width: 1101px) {
  .mz-portada .mz-intro h1.mz-title-final .mz-title-row-first {
    font-size: clamp(35px, 3.25vw, 54px);
  }

  .mz-portada .mz-intro h1.mz-title-final .mz-title-row-second {
    font-size: clamp(28px, 2.6vw, 45px);
  }

  .mz-portada .mz-cards {
    transform: translate(-24px, 24px);
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .mz-portada .mz-hero {
    grid-template-columns: minmax(0, 42%) minmax(0, 49%);
  }

  .mz-portada .mz-intro h1.mz-title-final .mz-title-row-first {
    font-size: clamp(27px, 3.3vw, 37px);
  }

  .mz-portada .mz-intro h1.mz-title-final .mz-title-row-second {
    font-size: clamp(22px, 2.55vw, 29px);
  }

  .mz-portada .mz-cards {
    transform: translate(-12px, 22px);
  }
}