.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .col-lg-3_5 {
    flex: 0 0 29.1667%; /* 3.5/12 colunas */
  }
}

@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 100%;
  }

  .col-md-3_5 {
    flex: 0 0 29.1667%; /* 3.5/12 colunas */
  }
}

@media (min-width: 1920px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    /* max-width: 1920px; */
    max-width: 100%;
  }

  .pagina-quem-somos-sobre .conteudo-sobre-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100svw;
    height: 50%;
    display: block;
    z-index: 0;
    background-color: #b8c480;
  }

  .pagina-quem-somos-sobre .conteudo-sobre-3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100svw;
    height: 50%;
    display: block;
    z-index: 0;
    background-color: #6c908f;
  }
}
@media (max-width: 1800px) {
  .titulo span br,
  .container-citacao .citacao h2 br {
    display: none;
  }
}

@media (max-width: 1520px) {
  footer .footer-row {
    gap: clamp(16px, -29.0909px + 4.5455vw, 40px);
  }
  footer .container-social {
    gap: clamp(16px, -2.7879px + 1.8939vw, 26px);
  }
  footer .container-ilm {
    padding-top: 6px;
    padding-right: clamp(30px, -26.3636px + 5.6818vw, 60px);
  }
}

@media (min-width: 992px) {
  /* 992 */
}

@media (max-width: 991px) {
  .col-lg-3_5 {
    flex: 0 0 100%;
  }
  body {
    overflow-x: hidden;
    width: 100%;
  }
  nav#menu-principal {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
    left: inherit;
    top: inherit;
    height: auto !important;
  }
  nav#menu-secundario {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
    right: inherit;
    top: inherit;
    height: auto !important;
  }
  .menu-offcanvas,
  .busca-offcanvas {
    height: calc(100% - var(--header-height-offset)) !important;
  }
  nav#menu-principal ul#menu-menu-principal {
    flex-flow: column;
    height: 100%;
    flex-wrap: wrap;
  }
  nav#menu-principal ul#menu-menu-principal > li.menu-item {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
  nav#menu-principal ul#menu-menu-principal > li.menu-item > .nav-link span {
    text-align: end;
    flex-wrap: wrap;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  nav#menu-principal ul#menu-menu-principal > li.menu-item > .nav-link::after,
  nav#menu-principal
    ul#menu-menu-principal
    > li.menu-item
    > .nav-link.show::after {
    right: 6px;
  }
  nav#menu-principal
    ul#menu-menu-principal
    > li.menu-item
    ul.dropdown-menu.show {
    width: 100%;
    right: -104% !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 9px;
  }
  nav#menu-principal
    ul#menu-menu-principal
    > li.menu-item
    ul.dropdown-menu
    li.menu-item
    a {
    width: 100%;
  }
  nav#menu-principal
    ul#menu-menu-principal
    > li.menu-item
    ul.dropdown-menu
    li.menu-item
    a
    span {
    display: flex;
    justify-content: flex-start;
    text-align: start;
    flex-wrap: wrap;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .card {
    height: auto;
    margin-bottom: 24px;
  }
  .container-fluid {
    overflow: hidden;
  }
  nav#menu-secundario ul#menu-menu-secundario > li.menu-item a {
    justify-content: flex-start;
  }
  .sobre-front-page .container-sobre {
    padding-top: 40px;
  }
  .sobre-front-page .coluna-2 {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .row.header-pavilhoes {
    padding-top: 40px;
  }
  .splide-pavilhoes-home .pavilhao-item .container-pavilhao-info {
    flex-flow: column;
    padding-bottom: 60px;
  }
  .splide-pavilhoes-home
    .pavilhao-item
    .container-pavilhao-info
    .contianer-info
    a.btn {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .simpleParallax.simple-parallax-initialized {
    width: 100%;
  }
  .acervo-front-page .container-imgs-acervo {
    margin-bottom: 40px;
  }
  .apoie-bloco .det-01 {
    width: 33.33%;
  }
  .apoie-bloco .det-02 {
    width: 66.66%;
  }
  footer {
    padding-top: 45px;
    overflow: hidden;
    margin-top: -20px;
  }
  footer .container-det-01 {
    transform: translateY(0%);
  }
  .pagina .pagina-header .container-titulo {
    order: 2;
    margin-bottom: 40px;
  }
  .pagina-header .container-citacao .citacao {
    width: 90%;
  }

  .pagina-quem-somos-sobre .sobre-pavilhoes .header-pavilhoes figure img {
    margin-bottom: var(--bs-gutter-x);
  }

  .pagina .pagina-header .container-titulo {
    order: 2;
    margin-bottom: var(--bs-gutter-x);
  }

  .pagina-quem-somos-sobre .conteudo-sobre .coluna-2 {
    margin-top: var(--bs-gutter-x);
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
  }

  .pagina-quem-somos-sobre .sobre-pavilhoes .splide-pavilhoes-col {
    padding-bottom: var(--bs-gutter-x);
    margin-bottom: 0px;
  }
  .pagina-quem-somos-sobre .conteudo-instituto .coluna-1 img {
    max-width: 300px;
    width: 80vw;
    margin-bottom: var(--bs-gutter-x);
  }

  .pagina-quem-somos-sobre .conteudo-instituto {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }

  .pagina-quem-somos-sobre .conteudo-instituto .container-btn-instituto {
    padding-top: var(--bs-gutter-x);
  }

  .listagem-programacao,
  .listagem-na_midia,
  .listagem-busca {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }

  .interna-programacao .container-conteudo .programacao-conteudo,
  .interna-na_midia .container-conteudo .na_midia-conteudo {
    padding-top: 0px;
    padding-bottom: var(--bs-gutter-x);
  }

  .pagina-padrao .container-conteudo .pagina-padrao-conteudo {
    padding-top: 0px;
    padding-bottom: var(--bs-gutter-x);
  }
  footer .container-localizacao {
    flex-flow: column;
    gap: 0;
  }
  footer .footer-row {
    gap: var(--bs-gutter-x);
    flex-flow: column;
  }

  .pagina-quem-somos-sobre .conteudo-sobre-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100svw;
    height: 50%;
    display: block;
    z-index: 0;
    background-color: #b8c480;
  }

  .pagina-quem-somos-sobre .conteudo-sobre-3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100svw;
    height: 50%;
    display: block;
    z-index: 0;
    background-color: #6c908f;
  }
  .pagina-quem-somos-sobre .conteudo-numeros {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }
  .pagina-quem-somos-sobre .conteudo-sobre-2 .coluna-2 {
    padding-top: var(--bs-gutter-x);
  }
  .pagina-quem-somos-sobre .conteudo-sobre-2 {
    padding-top: var(--bs-gutter-x);
    padding-bottom: calc(var(--bs-gutter-x) * 3);
  }
  .pagina-quem-somos-sobre .conteudo-sobre-3 .coluna-2 .conteudo {
    padding-top: calc(var(--bs-gutter-x) * 3);
    padding-bottom: calc(var(--bs-gutter-x) * 3);
  }
  .pagina-quem-somos-sobre .sobre-pavilhoes {
    padding-top: calc(var(--bs-gutter-x) * 3);
  }

  .conteudo-cronologia .ano-container .ano-header .titulo {
    justify-content: flex-start;
  }
  .conteudo-cronologia .ano-container {
    margin-top: 0;
  }
  .conteudo-cronologia .acontecimentos-ano {
    margin-top: 0;
  }
  .conteudo-cronologia .item-cronologia {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* 991 */
}

@media (max-width: 768px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .row {
    --bs-gutter-x: 40px;
  }
  .col-lg-3_5 {
    flex: 0 0 100%;
  }
  .col-md-3_5 {
    flex: 0 0 100%;
  }
  .container-btn-ingresso-mobile {
    background-color: #222222;
  }
  .container-btn-ingresso-mobile .btn-ingresso-mobile span.container-svg {
    width: 30px;
    height: 30px;
  }
  .container-btn-ingresso-mobile .btn-ingresso-mobile {
    flex-flow: wrap;
    justify-content: end;
    color: #fff !important;
  }
  .acessibilidade-utilitarios ul.lista-acessibilidade-utilitarios {
    gap: 10px 16px;
  }
  .site-header .container-botoes-header {
    gap: 0px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .site-header .container-logo {
    padding-left: 0px;
    padding-right: 0px;
  }
  .site-header .container-logo svg {
    max-width: calc(80vw - 100px);
  }
  .site-header .btn-menu {
    width: 50px;
    height: 50px;
    padding: 8px;
  }
  .site-header.is-resized .btn-header {
    width: 50px;
    height: 50px;
  }
  .container-banner-home-item {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    overflow: inherit;
  }

  .splide-banner-home .splide__pagination__page {
    width: 30px;
    height: 8px;
  }

  button#btn-slide-play-pause {
    width: 50%;
  }

  button.btn-video-play-pause {
    width: 50%;
    left: 50%;
  }

  .splide-banner-home .splide-btns-container {
    margin-bottom: 0px;
  }
  .sobre-front-page .coluna-1,
  .sobre-front-page .coluna-2 {
    margin-top: 20px;
  }
  .sobre-front-page .det-01 {
    position: relative;
    left: calc(var(--bs-gutter-x) * -0.5);
    width: 66%;
    height: 39px;
  }
  .sobre-front-page .container-sobre-pavilhoes {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-right: var(--bs-gutter-x);
    margin-top: -1px;
  }
  .sobre-front-page
    .container-sobre-pavilhoes
    .sobre-pavilhoes
    .header-pavilhoes {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
  }
  .sobre-front-page
    .container-sobre-pavilhoes
    .sobre-pavilhoes
    .header-pavilhoes
    .container-conteudo {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
  }
  .splide-pavilhoes-home .pavilhao-item {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .splide-pavilhoes-home .pavilhao-item .container-pavilhao-info {
    flex-flow: column;
    padding-top: 0;
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
  }
  .splide-pavilhoes-home
    .pavilhao-item
    .container-pavilhao-info
    .container-imagem
    figure {
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.7;
    overflow: hidden;
    position: relative;
  }
  .splide-pavilhoes-home
    .pavilhao-item
    .container-pavilhao-info
    .contianer-info
    a.btn {
    margin-top: 0px;
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
  }
  .splide-pavilhoes-home {
    padding-bottom: 0;
    display: flex;
    flex-flow: column-reverse;
  }
  .splide-pavilhoes-home ul.splide__pagination {
    position: relative;
  }
  .splide-pavilhoes-home ul.splide__pagination {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    width: 100%;
  }
  .card .card-content {
    padding-top: 12px;
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
  }
  .card .card-data {
    padding-left: 0px;
    padding-top: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: 0px;
    margin-bottom: 6px;
  }
  .card .card-data span {
    padding: 0px 0px;
  }
  .card .card-data::after {
    top: 0;
  }
  .card figure::after {
    bottom: auto;
    top: 0;
  }
  .programacao-front-page .listagem-cards {
    padding-top: calc((var(--bs-gutter-x) * 0.5) + 8px);
  }
  .programacao-citacao {
    margin-top: 0px;
  }
  .educativo-front-page .container-educativo {
    padding-top: var(--bs-gutter-x);
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: 100vw;
    margin-top: var(--bs-gutter-x);
    width: calc(100% - (var(--bs-gutter-x) * 0.5));
  }
  .educativo-front-page .container-btns-educativo {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
  }
  .educativo-front-page .det-01 {
    bottom: -1px;
  }
  .acervo-front-page {
    padding-top: var(--bs-gutter-x);
    padding-bottom: calc(var(--bs-gutter-x) * 1.5);
  }
  .acervo-front-page .imgs-acervo {
    margin-bottom: var(--bs-gutter-x);
  }
  .acervo-front-page .container-btn-acervo {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }
  .apoie-bloco .container-apoie {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
    width: calc(100% - 20px);
  }
  .page-id-2 .apoie-bloco {
    margin-top: calc(var(--bs-gutter-x) * 0.5);
  }
  .apoie-bloco {
    position: relative;
    padding-top: calc(var(--bs-gutter-x) * 2);
    padding-bottom: 100vw;
  }
  .apoie-bloco .det-01 {
    height: var(--bs-gutter-x);
  }
  .apoie-bloco .det-02 {
    bottom: -1px;
    height: var(--bs-gutter-x);
  }
  .apoie-bloco .container-btn-apoie {
    padding-top: var(--bs-gutter-x);
  }
  .noticias-front-page {
    margin-top: 0;
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }
  .noticias-front-page .listagem-cards {
    padding-top: var(--bs-gutter-x);
  }
  .pagina-header .container-citacao .row {
    justify-content: flex-end;
  }
  .pagina-header .container-citacao .citacao {
    width: 91.66666667%;
  }

  .paginacao {
    display: flex;
    justify-content: center;
    gap: 10px var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
    flex-flow: column;
    text-align: center;
  }
  .acervo-front-page .container-imgs-acervo {
    margin-bottom: 0px;
  }
  .pagina-quem-somos-sobre .conteudo-sobre-2 {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }
  .pagina-quem-somos-sobre .conteudo-sobre-3 .coluna-2 .conteudo {
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
  }
  .pagina-quem-somos-sobre .sobre-pavilhoes {
    padding-top: var(--bs-gutter-x);
  }
  .conteudo-cronologia {
    padding-top: 0;
    padding-bottom: var(--bs-gutter-x);
  }
  .conteudo-cronologia .item-cronologia .cronologia-conteudo {
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
  }

  /* 768 */
}

@media (max-width: 425px) {
  /* 425 */
}

@media (max-width: 388px) {
  /* 388 */
}
