/* NOCAPAL · Recuperación y reciclaje
   Alineación de las secciones con el contenedor real del hero.
   Se carga después de los estilos existentes para no alterar su diseño. */
@media (min-width: 961px) {
  body .rr-section .rr-shell,
  body .rr-end .rr-shell {
    box-sizing: border-box;
    width: min(1440px, calc(100% - 64px));
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 0;
  }

  /* La navegación inferior del hero comparte el mismo eje horizontal. */
  body .rr-hero .rr-subnav {
    box-sizing: border-box;
    width: min(1440px, calc(100% - 64px));
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 0;
  }
}

@media (min-width: 791px) and (max-width: 960px) {
  body .rr-hero .rr-hero__inner,
  body .rr-hero .rr-subnav,
  body .rr-section .rr-shell,
  body .rr-end .rr-shell {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1440px;
    margin-inline: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 790px) {
  body .rr-section .rr-shell,
  body .rr-end .rr-shell {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
}
