*{margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;text-decoration:none;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%}body{height:100%;overflow:scroll;overflow-x:hidden;font-family:"Arial";font-weight:400;color:#fff;background:#000}header,main,footer{display:block}p:last-child{margin-bottom:0}input[type=text],input[type=submit],.select select,textarea,button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-radius:0}.animado,.animado:before,.animado:after,.animados,.animados *,.animados *::before,.animados *::after,.animados::before,.animados::after{transition:all 0.25s ease-in-out}.animados #mapa,.animados #mapa *,.animados #mapa *::before,.animados #mapa *::after,.animados #mapa::before,.animados #mapa::after{-webkit-transition-property:none !important;-moz-transition-property:none !important;-o-transition-property:none !important;transition-property:none !important;transition:none}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive iframe{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.hidden{display:none !important}@media only screen and (orientation: landscape){.hidden-landscape{display:none !important}}@media only screen and (orientation: portrait){.hidden-portrait{display:none !important}}video{width:100%;position:relative;z-index:7}button{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem;position:absolute;z-index:10;background:rgba(0,0,0,0.25) center center no-repeat;background-size:2rem 2rem;border-radius:.5rem;cursor:pointer}button.com-som{background-image:url("../imagens/svg/stop.svg")}button.sem-som{background-image:url("../imagens/svg/play.svg")}ul{width:100%;max-width:90rem;margin:0 auto;padding:.5rem;display:flex;flex-wrap:wrap;align-items:center}ul li{width:calc(100% / 7);padding:.5rem;list-style:none}ul img{width:100%;object-fit:contain;aspect-ratio:1 / 1}#videos{position:relative}#videos.final a{z-index:20;opacity:1}#videos a{top:0;left:0;right:0;position:absolute;z-index:5;content:'';opacity:0;color:transparent;background:#6F8548 center center no-repeat;background-size:contain;transition:all 1s ease-in-out}@media only screen and (orientation: landscape){video{aspect-ratio:16/9}ul{padding:1rem}ul li{padding:1rem}#videos a{background-image:url("../imagens/webp/20230901-desktop.webp");aspect-ratio:16/9}.mobile,#trocamobile{display:none}}@media only screen and (orientation: portrait){video{aspect-ratio:9/16}#videos a{background-image:url("../imagens/webp/20230901-mobile.webp");aspect-ratio:9/16}.desktop,#trocadesktop{display:none}}
/*# sourceMappingURL=style.css.map */
.image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Espaça os itens uniformemente em toda a linha */
}

.image-grid li {
    flex: 0 0 20%; /* Cada item ocupará exatamente 20% da linha, não permitindo flexibilidade */
    margin-bottom: 20px; /* Espaço abaixo de cada imagem */
}

/* Selecionar a partir do sexto item em cada grupo de 9 para alterar o tamanho e quebrar a linha */
.image-grid li:nth-child(9n+6),
.image-grid li:nth-child(9n+7),
.image-grid li:nth-child(9n+8),
.image-grid li:nth-child(9n+9) {
    flex: 0 0 25%; /* Os itens na segunda linha ocuparão 25% da linha cada */
}

/* Força uma quebra de linha após o quinto item em cada grupo de 9 */
.image-grid li:nth-child(9n+5)::after {
    content: "";
    width: 100%; 
    display: block;
}