/* PR-VIBECURB-07 · Gate 5.3 — reflow e estabilidade em tablets. */

@media (min-width: 721px) and (max-width: 1079px) {
  .vb-section,
  .vb-section .vb-container,
  .vb-section [class*="__frame"],
  .vb-section [class*="__header"],
  .vb-section [class*="__intro"],
  .vb-section [class*="__body"],
  .vb-section [class*="__footer"],
  .vb-section [class*="__closing"],
  #gestao .vb-evidence-room__desk,
  #gestao .vb-evidence-room__instruments,
  #gestao .vb-evidence-room__board,
  #professores .vb-notebook__spread,
  #professores .vb-notebook__attachment,
  #luma .vb-interpretive-layer__table,
  #luma .vb-interpretive-layer__core,
  #governanca .vb-protocol__ledger,
  #implementacao .vb-activation__field-sheet,
  #planos .vb-access__institutional,
  #planos .vb-access__appendix {
    min-width: 0;
    max-width: 100%;
  }

  .vb-section [class*="__header"] > *,
  #gestao .vb-evidence-room__instruments article,
  #gestao .vb-evidence-room__instruments button,
  #gestao .vb-evidence-room__board > *,
  #professores .vb-notebook__attachment > *,
  #governanca .vb-protocol__ledger > *,
  #implementacao .vb-activation__field-sheet > *,
  #planos .vb-access__institutional > *,
  #planos .vb-access__appendix > * {
    min-width: 0;
  }

  .vb-section [class*="__header"] strong,
  #gestao .vb-evidence-room__board *,
  #professores .vb-notebook__attachment *,
  #governanca .vb-protocol__ledger *,
  #implementacao .vb-activation__field-sheet *,
  #planos .vb-access__institutional *,
  #planos .vb-access__appendix * {
    overflow-wrap: anywhere;
  }
}

@media (min-width: 901px) and (max-width: 1079px) {
  #hero .vb-hero__action-block,
  #hero .vb-hero__actions {
    min-width: 0;
    max-width: 100%;
  }

  #hero .vb-hero__actions .vb-button {
    width: 100%;
    max-width: 100%;
    padding-inline: .8rem;
    justify-content: center;
    font-size: .82rem;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (min-width: 721px) and (max-width: 1079px) and (orientation: portrait) {
  :root {
    --vb-header-h: 72px;
  }

  .vb-header {
    height: var(--vb-header-h);
  }

  .vb-header__inner {
    min-height: var(--vb-header-h);
  }

  .vb-section {
    padding-block: clamp(4.25rem, 8vw, 6rem);
  }

  #gestao .vb-evidence-room__intro,
  #gestao .vb-evidence-room__desk,
  #professores .vb-notebook__intro,
  #professores .vb-notebook__spread,
  #luma .vb-interpretive-layer__intro,
  #luma .vb-interpretive-layer__table,
  #governanca .vb-protocol__intro,
  #governanca .vb-protocol__body,
  #implementacao .vb-activation__intro,
  #implementacao .vb-activation__body,
  #planos .vb-access__intro,
  #planos .vb-access__institutional-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #gestao .vb-evidence-room__intro aside,
  #professores .vb-notebook__intro aside,
  #luma .vb-interpretive-layer__intro > p:last-child {
    grid-column: 1;
    grid-row: auto;
    margin-top: 1.25rem;
  }

  #governanca .vb-protocol__intro > p:not(.vb-protocol__kicker),
  #governanca .vb-protocol__intro > strong,
  #implementacao .vb-activation__intro > p:not(.vb-activation__kicker),
  #implementacao .vb-activation__intro > strong,
  #planos .vb-access__intro > p:not(.vb-access__kicker),
  #planos .vb-access__intro > strong {
    grid-column: 1;
  }

  #gestao .vb-evidence-room__board,
  #professores .vb-notebook__attachment,
  #implementacao .vb-activation__field-sheet {
    position: relative;
    top: auto;
  }

  #gestao .vb-evidence-room__instruments {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #gestao .vb-evidence-room__instruments button {
    height: 100%;
  }

  #gestao .vb-evidence-room__board > header,
  #professores .vb-notebook__attachment > header,
  #professores .vb-notebook__attachment footer,
  #governanca .vb-protocol__closing,
  #planos .vb-access__closing {
    flex-wrap: wrap;
  }

  #gestao .vb-evidence-room__footer,
  #professores .vb-notebook__closing,
  #implementacao .vb-activation__closing {
    grid-template-columns: minmax(0, 1fr);
  }

  #gestao .vb-evidence-room__footer > div:last-child,
  #professores .vb-notebook__closing > div:last-child,
  #implementacao .vb-activation__actions {
    justify-items: start;
    align-items: flex-start;
  }

  #luma .vb-interpretive-layer__actions {
    top: .35rem !important;
  }

  #planos .vb-access__scope {
    border-right: 0;
    border-bottom: 1px solid rgba(242, 236, 221, .28);
  }

  #planos .vb-access__appendix {
    margin-left: 0;
  }
}