/* Ajuste do primeiro bloco para telas de notebook */
@media (min-width: 821px) {
  .hero {
    min-height: 0;
    padding-top: 34px;
    padding-bottom: 46px;
    grid-template-columns: 1.12fr .88fr;
    gap: 42px;
  }

  .hero-copy {
    align-self: center;
  }

  .hero h1 {
    font-size: clamp(2.75rem, 4.7vw, 4.85rem);
  }

  .hero-media {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-media img {
    width: min(100%, 338px);
    max-height: 540px;
    object-fit: cover;
    object-position: center top;
    border-radius: 30px;
  }

  .floating-badge {
    right: 0;
    bottom: 9%;
    width: 104px;
    height: 104px;
  }

  .floating-badge strong {
    font-size: 1.2rem;
  }

  .floating-badge span {
    max-width: 72px;
    margin: 4px auto 0;
    line-height: 1.15;
  }

  .problem-strip {
    margin-bottom: 72px;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  .hero {
    grid-template-columns: 1.18fr .82fr;
    gap: 28px;
  }

  .hero-media img {
    width: min(100%, 300px);
    max-height: 480px;
  }

  .hero h1 {
    font-size: clamp(2.65rem, 5vw, 4rem);
  }
}

@media (max-width: 820px) {
  .hero {
    min-height: 0;
    gap: 32px;
    padding-bottom: 44px;
  }

  .hero-media img {
    width: min(100%, 390px);
    max-height: 585px;
  }
}