/* La cota de «Cómo trabajamos» se replica solo en los bloques indicados. */
@media (min-width: 62.01rem) {
  body[data-page="reto"] main > .section-white:first-child,
  body[data-page="sistema"] main > .section-soft,
  body[data-page="metodo"] main > .method,
  body[data-page="resultado"] main > .result,
  body[data-page="resultado"] main > .reaction {
    align-items: stretch !important;
    /* En portátil, la referencia «Cómo trabajamos» parte a 136 px. */
    padding-top: 8.5rem !important;
  }

  body[data-page="reto"] main > .section-white:first-child > .container,
  body[data-page="sistema"] main > .section-soft > .container,
  body[data-page="metodo"] main > .method > .container,
  body[data-page="resultado"] main > .result > .container,
  body[data-page="resultado"] main > .reaction > .container {
    align-self: stretch;
    padding-top: 0 !important;
  }

  /* Reto: solo el rótulo asciende; el contenido conserva su posición. */
  body[data-page="reto"] main > .section-white:first-child > .container > header .section-label {
    transform: translateY(-1rem);
  }
}