/* A composição fosca aprovada é a peça central da capa. */
.topbar, .hero { max-width: 1200px; }
.hero {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
  gap: clamp(16px, 2.5vw, 40px);
  padding: clamp(32px, 5vh, 64px) 0 clamp(48px, 7vh, 88px);
}
.hero-copy { position: relative; z-index: 1; min-width: 0; }
.hero h1 { font-size: clamp(34px, 3.4vw, 49px); }
.hero-3d { width: 100%; margin: 0; min-width: 0; }
.hero-3d img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 32px 0 48px; }
  .hero h1 { font-size: clamp(32px, 5.8vw, 48px); }
  .hero-3d { width: 100%; max-width: 640px; margin: 0 auto; }
}
@media (max-width: 520px) {
  .hero { gap: 12px; }
  .hero-copy { display: contents; }
  .hero-titulo { order: 0; }
  .hero h1 { font-size: clamp(29px, 7.8vw, 40px); }
  .hero-sub { order: 2; margin-top: 4px; }
  .hero-actions { order: 3; gap: 10px; margin-top: 16px; }
  .hero-provas { order: 4; }
  .hero-3d { order: 1; max-width: 360px; margin-top: 4px; }
}