#modula-course#modula-course :is(.md-hero, .home-hero) {
  position:relative;
  isolation:isolate;
  background:linear-gradient(125deg, #163743 0%, #204c59 65%, #285d65 100%);
}
#modula-course#modula-course :is(.md-hero, .home-hero)::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url('assets/conexoes-neurais-topo.png') right center / cover no-repeat;
  opacity:.3;
}
@media(max-width:700px) {
  #modula-course#modula-course :is(.md-hero, .home-hero)::before { background-position:68% center; }
}


/* Layout aprovado: vídeo logo após o título em telas de até 700px. */
@media (max-width:700px) {
  #modula-course .md-hero-mobile-test { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  #modula-course .md-hero-mobile-test .md-hero-copy { display:contents; }
  #modula-course .md-hero-mobile-test .md-hero-copy > .md-tags,
  #modula-course .md-hero-mobile-test .md-hero-copy > .md-kicker,
  #modula-course .md-hero-mobile-test .md-hero-copy > h1 { order:0; }
  #modula-course .md-hero-mobile-test > .md-video { order:1; margin-top:24px; width:100%; min-width:0; }
  #modula-course .md-hero-mobile-test .md-hero-copy > p { order:2; }
  #modula-course .md-hero-mobile-test .md-hero-copy > .md-actions { order:3; }
  #modula-course .md-hero-mobile-test .md-hero-copy > .md-micro { order:4; }
}