/* Hero home: degradê integral inspirado no santinho oficial. */
.hero-home {
  background: linear-gradient(
    to bottom,
    var(--yellow) 0%,
    var(--yellow) 58%,
    #e4d111 68%,
    #75ba45 77%,
    #078b86 84%,
    #0b55c8 93%,
    #083fbd 100%
  );
  background-size: auto;
}

.hero-home::before,
.hero-color-ribbons,
.hero-candidate-star {
  display: none !important;
}

.footer-candidate-art {
  align-self: start;
  width: min(100%, 420px);
}

.footer-candidate-art img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 821px) {
  .hero-copy {
    align-items: stretch;
    min-height: clamp(640px, 72vh, 720px);
    padding-top: clamp(28px, 3.5vw, 48px);
    padding-bottom: 0;
  }

  .hero-message {
    align-self: center;
    padding-bottom: 24px;
  }

  .hero-visual {
    align-self: stretch;
    height: auto;
    min-height: 0;
  }

  .hero-photo-frame {
    inset: 0 0 0 2%;
  }

  .hero-photo-frame img {
    transform: scale(.98);
  }

  .hero-candidate-signature {
    right: -8px;
    bottom: 8px;
    width: min(360px, 72%);
  }
}

@media (max-width: 820px) {
  .hero-home {
    background: linear-gradient(
      to bottom,
      var(--yellow) 0%,
      var(--yellow) 53%,
      #e4d111 63%,
      #75ba45 73%,
      #078b86 82%,
      #0b55c8 92%,
      #083fbd 100%
    );
    background-size: auto;
  }

  .hero-copy {
    padding-bottom: 0;
  }

  .hero-visual {
    margin-bottom: 0;
  }

  .footer-candidate-art {
    width: min(100%, 380px);
  }
}

@media (max-width: 590px) {
  .hero-visual {
    margin-top: -42px;
  }

  .hero-photo-frame {
    inset: -5% -2% 0 0;
  }

  .hero-candidate-signature {
    bottom: 0;
  }

  .footer-candidate-art {
    width: min(100%, 330px);
  }
}