main { display: flex; flex-direction: column; }
main > .hero-relocated { order: 20; }
main > .social-section { order: 21; }
main > .contact-section { order: 22; }

/* Espaciado continuo entre los bloques principales. */
main > .twitch-section { padding-bottom: 64px; }
main > .hero-relocated { padding-top: 58px; }

@media (max-width: 720px) {
  main > .twitch-section { padding-bottom: 52px; }
  main > .hero-relocated { padding-top: 48px; }
}