/* Keep desktop unchanged; reorder the existing hero at its stacking breakpoint. */
@media (max-width: 1050px) {
  .home-page .brand-hero.service-entry {
    display: flex;
    flex-direction: column;
    padding: 46px 32px;
  }
  .home-page .service-entry .hero-copy { display: contents; }
  .home-page .hero-copy > .eyebrow { order: 1; }
  .home-page .hero-copy > h1 { order: 2; }
  .home-page .hero-copy > .hero-subtitle { order: 3; }
  .home-page .gc-hero-loop {
    order: 4;
    width: 100%;
    margin: 20px auto 0;
    padding-bottom: 0;
  }
  .home-page .hero-copy > .hero-lead { order: 5; }
  .home-page .hero-copy > .entry-models { order: 6; }
  .home-page .hero-copy > .actions { order: 7; }
  .home-page .gc-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 44px;
  }
  /* Reserve the control's space before the existing script reveals it. */
  .home-page .gc-hero-toggle[hidden] { display: block; visibility: hidden; }
}
@media (max-width: 800px) {
  .home-page .brand-hero.service-entry { padding: 35px 32px; }
}
@media (max-width: 600px) {
  .home-page .brand-hero.service-entry { padding: 25px 20px 28px; }
}

/* WEB-AJUSTE-12: match the spacing used above the following paragraph. */
.home-page .hero-copy > .hero-subtitle { margin-top: 22px; }
@media (max-width: 600px) {
  .home-page .hero-copy > .hero-subtitle { margin-top: 18px; }
}