.elementor-5612 .elementor-element.elementor-element-40fbc834:not(.elementor-motion-effects-element-type-background), .elementor-5612 .elementor-element.elementor-element-40fbc834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161B28;}.elementor-5612 .elementor-element.elementor-element-40fbc834{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 90px 90px 90px;}.elementor-5612 .elementor-element.elementor-element-40fbc834 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5612 .elementor-element.elementor-element-40fbc834 > .elementor-shape-top .elementor-shape-fill{fill:#141519;}.elementor-5612 .elementor-element.elementor-element-40fbc834 > .elementor-shape-top svg{width:calc(293% + 1.3px);}.elementor-5612 .elementor-element.elementor-element-1611fc75 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );padding:0px 0px 0px 0px;}.elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-title{color:#FFFFFF;}.elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-list, .elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-list .children{list-style-type:disc;}.elementor-5612 .elementor-element.elementor-element-df54732:not(.elementor-motion-effects-element-type-background), .elementor-5612 .elementor-element.elementor-element-df54732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161B28;}.elementor-5612 .elementor-element.elementor-element-df54732{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 75px 0px;}.elementor-5612 .elementor-element.elementor-element-df54732 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-5612 .elementor-element.elementor-element-40fbc834{padding:60px 20px 60px 20px;}.elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}body:not(.rtl) .elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-section ul{margin-left:0px;}body.rtl .elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-section ul{margin-right:0px;}}@media(max-width:767px){.elementor-5612 .elementor-element.elementor-element-40fbc834 > .elementor-shape-top svg{height:10px;}.elementor-5612 .elementor-element.elementor-element-40fbc834{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 020px;}.elementor-5612 .elementor-element.elementor-element-1611fc75{width:50%;}.elementor-5612 .elementor-element.elementor-element-1611fc75 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5612 .elementor-element.elementor-element-3bbec78{width:var( --container-widget-width, 183.574px );max-width:183.574px;--container-widget-width:183.574px;--container-widget-flex-grow:0;}.elementor-5612 .elementor-element.elementor-element-3bbec78 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}.elementor-5612 .elementor-element.elementor-element-df54732{padding:0px 0px 100px 0px;}}/* Start custom CSS for sitemap, class: .elementor-element-3bbec78 *//* 1. Garante que seu grid respeite limites e quebre corretamente */
.elementor-sitemap-page-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 20px;
  padding: 0;
  list-style: none;
}

/* 2. Faz o texto quebrar e evitar visual estranho */
.elementor-sitemap-page-list li,
.elementor-sitemap-page-list li a {
  overflow-wrap: break-word; /* permite quebras onde necessário */
  word-break: break-word;     /* linguagem intermediária de quebra */
  /* Se ainda houver casos extremos (como strings sem espaços), você pode usar: */
  /* word-break: break-all; */
}

/* 3. Responsividade para telas menores */
@media (max-width: 768px) {
  .elementor-sitemap-page-list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px 15px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1611fc75 */@media only screen and (min-width: 768px) {
   .elementor-widget-wp-widget-archives ul {
      columns: 4;
      -webkit-columns: 4;
      -moz-columns: 4;
   }
}
Isso dividirá a lista de páginas em quatro colunas quando a largura da tela for maior que 768 pixels.

Repita o mesmo processo para os outros três colunas, adicionando o widget "Mapa do site" e aplicando o mesmo código CSS personalizado em cada uma das configurações de seção.
Com esses passos, você terá a lista de páginas do mapa do site dividida em quatro colunas, tornando-a mais fácil de ler e navegar.



Was this response better or worse?
Better
Worse
Same/* End custom CSS */