/* ILP v9 — primera pantalla más compacta y ordenada */
main > .hero-split-v8 {
  padding: clamp(36px, 3.4vw, 50px) 0 !important;
}

.hero-split-v8 .hero-media-v8,
.course-hero-visual-v8,
.course-hub-visual-v8 {
  height: clamp(330px, 29vw, 430px);
}

main > .modality-hero,
main > .aula-hero,
main > .enrollment-hero {
  padding: clamp(36px, 3.4vw, 50px) 0;
}

.modality-photo { height: 430px; }
.aula-hero-image { height: 370px; }

@media (min-width: 921px) and (max-height: 700px) {
  main > .hero-split-v8,
  main > .modality-hero,
  main > .aula-hero,
  main > .enrollment-hero {
    padding: 30px 0 !important;
  }

  .hero-split-v8 .hero-media-v8,
  .course-hero-visual-v8,
  .course-hub-visual-v8,
  .modality-photo,
  .aula-hero-image {
    height: min(380px, calc(100vh - 155px));
  }

  .hero-split-v8 .hero-copy-v8 h1,
  .modality-copy h1,
  .aula-hero h1,
  .enrollment-hero h1 {
    font-size: clamp(2.65rem, 3.55vw, 3.2rem);
    line-height: .98;
  }

  .hero-split-v8 .hero-copy-v8 .lead,
  .hero-split-v8 .hero-copy-v8 .lead-v2,
  .hero-split-v8 .hero-copy-v8 .v4-lead,
  .modality-copy p,
  .aula-hero p,
  .enrollment-hero p {
    font-size: 1rem;
    line-height: 1.52;
  }

  .hero-split-v8 .action-row { margin-top: 22px; }
}

@media (max-width: 920px) {
  main > .hero-split-v8,
  main > .modality-hero,
  main > .aula-hero,
  main > .enrollment-hero {
    padding: 40px 0 !important;
  }

  .hero-split-v8 .hero-media-v8,
  .course-hero-visual-v8,
  .course-hub-visual-v8,
  .modality-photo,
  .aula-hero-image {
    height: 350px;
  }
}

@media (max-width: 620px) {
  main > .hero-split-v8,
  main > .modality-hero,
  main > .aula-hero,
  main > .enrollment-hero {
    padding: 30px 0 !important;
  }

  .hero-split-v8 .hero-layout-v8,
  .modality-grid,
  .aula-hero-grid,
  .enrollment-hero-grid {
    gap: 22px;
  }

  .hero-split-v8 .hero-media-v8,
  .course-hero-visual-v8,
  .course-hub-visual-v8,
  .modality-photo,
  .aula-hero-image {
    height: 250px;
  }
}