/* =============================================================
   RESPONSIVE — short viewport (desktop com janela curta)
   Evita a imagem clipada colidir com o texto em viewports < 750px de altura
   ============================================================= */

@media (max-height: 750px) and (min-width: 769px) {
  /* Viewport curto: hero centralizado, clip reduzido, imagem menor */
  .hero {
    justify-content: center;
    padding-bottom: var(--space-8);
  }

  .hero::after {
    display: none;
  }

  /* Viewport curto: flex:1 permanece mas imagem é menor para caber no espaço */
  .hero-mockup-wrapper {
    pointer-events: auto;
    min-height: 60px;
  }

  .phone-glow {
    display: none;
  }

  .hero-mockup-img {
    width: 100%;
    filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.5));
  }
}