/**
 * @file
 * Constrain Layout Builder multi-column sections to the widget content width.
 *
 * Título H2 and similar widgets use .content__max (1392px) and .media__margin
 * (side inset at mid-width viewports). Bootstrap Layout Builder 2/3/4 column
 * rows are full-bleed by default; match that container and stop nested widgets
 * from applying the same max-width a second time inside each column.
 */

.layout--blb-col-2,
.layout--blb-col-3,
.layout--blb-col-4,
.layout--twocol-section,
.layout--threecol-section,
.layout--fourcol-section {
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
}

.layout--blb-col-2.row,
.layout--blb-col-3.row,
.layout--blb-col-4.row {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1000px) and (max-width: 1480px) {
  .layout--blb-col-2,
  .layout--blb-col-3,
  .layout--blb-col-4,
  .layout--twocol-section,
  .layout--threecol-section,
  .layout--fourcol-section {
    max-width: min(1392px, calc(100% - 100px));
  }
}

@media screen and (min-width: 700px) and (max-width: 1000px) {
  .layout--blb-col-2,
  .layout--blb-col-3,
  .layout--blb-col-4,
  .layout--twocol-section,
  .layout--threecol-section,
  .layout--fourcol-section {
    max-width: min(1392px, calc(100% - 50px));
  }
}

.layout--blb-col-2 .media__margin,
.layout--blb-col-2 .content__max,
.layout--blb-col-3 .media__margin,
.layout--blb-col-3 .content__max,
.layout--blb-col-4 .media__margin,
.layout--blb-col-4 .content__max,
.layout--twocol-section .media__margin,
.layout--twocol-section .content__max,
.layout--threecol-section .media__margin,
.layout--threecol-section .content__max,
.layout--fourcol-section .media__margin,
.layout--fourcol-section .content__max {
  width: 100%;
  max-width: none;
}