/* Evita faixa de rolagem horizontal no celular. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.hda-home-carousel,
.hda-carousel-track,
.hda-premium-slide,
.hda-premium-copy,
.hda-premium-visual,
.site-header-inner,
.site-footer-top,
.site-footer-grid,
.hda-pro-cover-grid,
.login,
.hda-editorial {
  min-width: 0;
  max-width: 100%;
}

/* Os títulos de página usam h1 e devem ter o mesmo tamanho do h2 original. */
.site-section h1,
.site-cta h1 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.17;
  letter-spacing: -1.1px;
}

.site-cta h1 {
  font-size: clamp(26px, 3vw, 32px);
  max-width: 640px;
}

.login-visual {
  padding-block: clamp(28px, 4.3vw, 55px);
  padding-inline: clamp(20px, 5.1vw, 65px);
}

.login-visual h1 {
  font-size: clamp(32px, 4.6vw, 54px);
}

.hda-editorial .hda-ed-video-demo,
.hda-editorial .hda-ed-video-demo video {
  max-width: 100%;
}

.hda-editorial .hda-ed-video-demo video {
  width: min(350px, 100%);
}

@media (max-width: 430px) {
  .login-inner .btn {
    white-space: normal;
  }
}