.page-layout-normal 
.block {
margin: 0;
}
#content > .resource-list {
  margin-left: 25%;
   max-width: 50%;
   padding-left: 24px;
  }

.banner-encti {
  width: 100%;
  height: auto; /* mantém proporção da imagem */
}

.banners-lado-a-lado {
  display: flex;
  gap: 20px;        /* espaço entre as imagens */
  list-style: none; /* remove bolinhas da lista */
  padding: 0;
  flex-wrap: wrap;  /* permite quebrar no mobile */
}

.banners-lado-a-lado li {
  flex: 1;
  text-align: center;
}

.banner-img-home {
  width: 100%;
  max-width: 500px; /* limite de largura para não ficarem enormes */
  height: auto;
}

.banner-img-encti {
  width: 100%;
  max-width: 1200px; /* limite de largura para não ficarem enormes */
  height: auto;
}


.bloco-com-borda {
  border: 2px solid #1a56b0;;   /* cria o quadrado/preto em volta */
  padding: 20px;            /* espaço interno entre borda e conteúdo */
  border-radius: 6px;       /* opcional: arredonda os cantos */
  text-align: center;       /* centraliza o texto dentro do quadrado */
}


  .hexagonos {
    height: 8rem !important;
    margin-left: -1rem !important;
    top: -4rem !important;
    position: absolute !important;
  }

  .hexagonos-page {
    height: 8rem !important;
    margin-left: -15rem !important;
    top: -5rem !important;
    position: absolute !important;
  }

  .hexagonos-page-2 {
    height: 8rem !important;
    margin-left: -40rem !important;
    top: -2rem !important;
    position: absolute !important;
  }

.resource-name {
  font-size: 18px;
  font-family: Arial, sans-serif;

}

.ata-box {
  background: #eeeeee;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  font-size: 18px;
  margin-bottom: 20px;
}

/* Se sobrar 1 item na última linha, coloca-o na 2ª coluna (centro) */
.block.block-blockGroup.all-news > :last-child:nth-child(3n + 1) {
  grid-column: 2;
}

.tema-texto {
  font-size: 20px;
  font-variant: normal;
  white-space: pre-wrap;
  font-family: Arial, sans-serif;
  color: #555555;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}

.tema-texto-cop30 {
  font-size: 20px;
  font-variant: normal;
  white-space: pre-wrap;
  font-family: Arial, sans-serif;
  color: #555555;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.noticia-chamada {
      font-size: 1.8rem !important;
      text-align: center !important;
  }

.texto-menu-pagina-encti {  
  margin-right: 60px;
  margin-left: 30px;
  text-align: center; 
  display: inline-block;
}



.composicao {
    background-color: #1150a4 !important;
    padding: 40px; 
}

.composicao a.aba-desativo,
.composicao a.aba-ativo {
  text-align: center;
  white-space: nowrap;
}

.texto-pagina-submenu-justificado {
    text-align: justify;
    font-size: 1.6rem;
    font-weight: 500;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
  .composicao {
    text-align: center;
  }
  
  .imagem-com-titulo {
    margin-bottom: 20px;
    text-align: center !important;
  }

  .composicao a.aba-desativo,
  .composicao a.aba-ativo {
    white-space: normal; /* Permite quebra de texto */
    font-size: 0.9rem;
    display: inline-block;
    width: 100%;
  }
  
}

blockquote {
   border-left: 10px solid #003366;
}

.dot {
    height: 30px;
    width: 30px;
    background-color: #003366;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    margin-left: -36px;
    margin-top: -36px;
}

blockquote h4 {
  font-style: normal;
}

@media screen and (max-width: 1000px) {
.block-blockGroup.block-group-grid {
    gap: initial !important;
}

.noticias {
    display: none !important;
}

.image-banners {
    width: 100% !important;
}

}

/* ====== MENU COMPOSIÇÃO ====== */
.composicao .d-flex {
  display: flex;
  flex-wrap: wrap;      /* permite quebra em várias linhas */
  justify-content: center;
  gap: 20px;            /* espaço entre os itens */
}

.texto-menu-pagina {  
  margin-right: 120px;
  margin-left: 60px;
  text-align: center; 
  display: inline-block;
}

/* Mobile: empilha */
@media (max-width: 768px) {
  .composicao .d-flex {
    flex-direction: column;  /* coloca em coluna */
    align-items: center;     /* centraliza */
  }

  .texto-menu-pagina {
    width: 100%;             /* cada item ocupa a largura toda */
    margin: 10px 0;          /* espaçamento vertical */
  }

  .texto-menu-pagina-encti {
    width: 100%;             /* cada item ocupa a largura toda */
    margin: 10px 0;          /* espaçamento vertical */
  }
  .composicao a.aba-desativo,
  .composicao a.aba-ativo {
    font-size: 1rem;         /* reduz fonte para caber melhor */
    white-space: normal;     /* deixa quebrar linhas */
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hexagonos,
  .hexagonos-page,
  .hexagonos-page-2 {
    display: none !important;  /* some no mobile */
  }
}


/* Regra só para telas até 768px */
@media (max-width: 768px) {
  header, .topo, .navbar, .site-header { /* ajuste para o seletor real do seu header */
    display: flex;
    flex-direction: column;      /* empilha conteúdo */
    align-items: center;         /* centraliza na horizontal */
    justify-content: center;     /* centraliza na vertical */
    text-align: center;
    padding: 1rem 0;
  }

  /* Esconde a logo no mobile */
  .logo, 
  .navbar-brand { 
    display: none !important;
  }

  .menu-toggle, .hamburger, .navbar-toggler { /* ajuste para o botão real */
    margin: 0 auto;              /* garante centralização */
  }
}

/* Footer – comportamento mobile (até 991px) */
@media (max-width: 991.98px) {
  #portal-footer .list-navigation .submenu,
  #portal-footer .list-navigation .dropdown-menu {
    display: none;
  }
  #portal-footer .list-navigation .submenu.is-open,
  #portal-footer .list-navigation .dropdown-menu.is-open {
    display: block;
  }

  /* Acessibilidade/estética dos gatilhos */
  #portal-footer .list-navigation > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #portal-footer .list-navigation > li > a::after {
    content: "▾";
    margin-left: .5rem;
    transition: transform .2s ease;
  }
  #portal-footer .list-navigation > li > a[aria-expanded="true"]::after {
    transform: rotate(180deg);
  }
}