/*
Theme Name: Oiticica
Theme URI: https://github.com/gfleig/ufpb
Author: Fleig {IL} + STI (UFPB)
Author URI: https://github.com/gfleig
Description: Tema para os sites da Universidade Federal da Paraíba. Utiliza zero plugins. Possui funcionalidades como, sistema de eventos e editais, widgets de destaque, navegação via menus contextualizados e flexibilidade de customização gráfica e de conteúdo. 
Version: 2.1 beta 5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

* { 
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  font-size: 18px;
}

body {
  margin-top: 0px;
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: var(--cor-background);
  margin: 0px;

  /*--cor-tema: #102d69;*/
  --cor-background: white;
  --cor-linha: #e8e8e8;
  --cor-tema-claro: color-mix(in Oklch, var(--cor-tema) 3%, white);
  --cor-tema-claro-focus: color-mix(in Oklch, var(--cor-tema) 6%, white);
  --cor-tema-escuro: color-mix(in Oklch, var(--cor-tema) 90%, black);

  --cor-texto-escuro: #202020;
  --cor-texto-medio: #595959;  

  --fonte-base: 1rem;
  --fonte-pequena: 16px;
  --fonte-pagina: 24px;
  --fonte-header: 30px;
  --fonte-titulo: 30px;

  --espaco-gutter: 24px;
  --espaco-grande: 78px;
  --espaco-linha: 18px;
  --espaco-pequeno: 12px;
  --espaco-minimo: 6px;
}

/*novidades*/

.cat-archive-title a {
  color: var(--cor-tema);  
}

.cat-archive-title a:hover {
  text-decoration: underline;
}

/** SITEMAP **/

.sitemap-wrapper {
  color: var(--cor-texto-escuro);
  padding-top: 48px;
  padding-bottom: 48px;
  background: var(--cor-tema-claro);
}

.sitemap {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--espaco-gutter);  
}

.sitemap > li {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid var(--cor-linha);
}

.sitemap li ul {
  list-style: none;
}

.sitemap > li > a {
  font-size: var(--fonte-base);
  font-weight: 500;
  width: fit-content;
}

.sitemap > li > ul {
  margin-top: var(--espaco-pequeno);
  font-size: var(--fonte-pequena);
  line-height: 1.45;
}

.sitemap li ul li{
  margin-bottom: var(--espaco-pequeno);
}

.sitemap li a::after {
  display: none;
}

.sitemap > li > a {
  cursor: pointer;
}

.sitemap > .menu-item-has-children > a {
  cursor: default;
}

.sitemap > li:not(.menu-item-has-children) > a:hover {
  text-decoration: underline;
}

.sitemap li ul li a:hover {
  text-decoration: underline;
}

.sitemap > li > a {
  color: var(--cor-texto-escuro);
  padding-top: var(--espaco-linha);
  /*  
  border-top: 3px solid var(--cor-tema);
  margin-top: -2px;
  */
}

/* sitemap end */

#pagina-404 {
  min-height: 300px;
}

#pagina-404 + .imagem {
  display: none;
}

.page-nav {
  margin-bottom: var(--espaco-gutter);
  color: var(--cor-texto-escuro);
  display: flex;
  flex-direction: row;
  gap: var(--espaco-linha);
  align-items: baseline;
}

.page-nav a {
  font-weight: 500;
}

.page-nav .current, .page-nav a:hover {
  color: var(--cor-tema);
}

.texto-escuro {
  color: var(--cor-texto-escuro);
}

.width-wrapper {
  max-width: 1468px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--espaco-gutter);
  padding-right: var(--espaco-gutter);
}

.large-spacer {
  margin-bottom: var(--espaco-grande);
}

.linha-header, .page-nav .current, .page-nav a:hover {
  display: inline-block;
  padding-top: var(--espaco-linha);
  margin-top: -2px;
  border-top: 3px solid var(--cor-tema);
  width: fit-content;
}

.linha-header-longa, h2.wp-block-heading {
  border-top: 1px solid var(--cor-linha);
  width: 100%;
}

.linha-acima {
  border-top: 1px solid var(--cor-linha);
  width: 100%;
  padding-top: var(--espaco-linha);
  transition: .0s;
}

.mais-link.linha-acima:last-child {
  border-bottom: 1px solid var(--cor-linha);
}

.mais-link.linha-acima:hover{
  border-top: 1px solid var(--cor-linha);
  margin-top: 0;
}

h2.wp-block-heading::before {
  border-top: 3px solid var(--cor-tema);
}

.linha-abaixo {
  padding-bottom: var(--espaco-linha);
  border-bottom: 1px solid var(--cor-linha);
}

a.linha-acima:hover, a.linha-header-longa:hover,
.edital-card.linha-acima:has(a:hover){
  margin-top: -2px;
  border-top: 3px solid var(--cor-tema);
}

a.linha-abaixo:hover, .noticia-card.linha-abaixo:has(a:hover):hover,
.edital-card.linha-abaixo:has(a:hover) {
  margin-bottom: -2px;
  border-bottom: 3px solid var(--cor-tema);
}

.noticia-wrapper.linha-abaixo:hover {
  padding-bottom: var(--espaco-linha);
  border-bottom: 1px solid var(--cor-linha);
  margin-bottom: 0;
}

.noticia-wrapper.linha-acima:hover {
  padding-top: var(--espaco-linha);
  border-top: 1px solid var(--cor-linha);
  margin-top: 0;
}

.flex-grow-parent {
  display: flex;
  flex-direction: column;
}

.flex-grow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

/*fim novidades*/

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

p {  
  font-weight: 400;
  line-height: 1.45;
  color: var(--cor-texto-escuro);    
  font-size: var(--fonte-base);
  margin-bottom: 1em;
}

.mais-link {
  color: var(--cor-tema);
  font-weight: 500;
}

p a, .wp-block-list a, .noticia-link-relacionado, .wp-block-file a {  
  color: var(--cor-tema);
  font-weight: 600;
}

p a:visited, .wp-block-list a:visited {
  color: #551A8B;
}

p a:hover, .wp-block-list a:hover {  
  text-decoration: underline;
}

.wp-block-buttons > .wp-block-button:has(a) {
  border: 1px solid var(--cor-linha);
  margin-bottom: 1rem;
}

.wp-block-buttons > .wp-block-button:hover {
  border: 3px solid var(--cor-tema);
}
.wp-block-buttons > .wp-block-button:hover a {
  padding: calc(var(--espaco-pequeno) - 2px);
}

.wp-block-buttons.is-layout-flex {
  flex-direction: column;
  align-items: flex-start;
}

.wp-block-media-text__content .wp-block-heading {
  margin-top: 0;  
  hyphens: none;
}

.the-content-container .wp-block-media-text .wp-block-media-text__content:has(.wp-block-heading) {
  border-top: none;
  padding-top: 0;
}

.wp-block-media-text p {
  hyphens: none;
}

.the-content-container .wp-block-media-text .wp-block-media-text__content {
  height: 100%;
  border-top: 1px solid var(--cor-linha);
  border-bottom: 1px solid var(--cor-linha);
  margin-left: var(--espaco-linha);  
  padding: var(--espaco-linha) 0;
}

.wp-block-media-text {
  margin-bottom: 30px;
  background-color: var(--cor-middleground);
  transition: .15s;
}

.the-content-container .wp-block-media-text__media img, .wp-block-media-text>.wp-block-media-text__media {
  height: 100%;
  object-fit: cover;
}

h1 {
  font-size: var(--fonte-titulo);
  font-weight: 600;
  line-height: 1.20;
  color: var(--cor-texto-escuro);
  margin-bottom: var(--espaco-gutter);
}

h1.noticia-pagina-titulo {
  /*font-size: 48px;*/
  margin-bottom: var(--espaco-pequeno);
}

h2, h3 {
  font-size: var(--fonte-header);
  font-weight: 500;
  line-height: 1.2;
  color: var(--cor-texto-escuro);
  margin-bottom: 1em;
}

h2.wp-block-heading,
h3.wp-block-heading {
  font-size: var(--fonte-pagina);
}

h2 a {
  color: var(--cor-tema);
}

img {
  height: 100%;
}

address {
  font-style: inherit;
}

/*=========== ESTILOS CONTEÚDO DE PÁGINAS ==========================*/

.wp-block-list {
  margin-left: 2rem;
  margin-bottom: 1rem;
  color: var(--cor-texto-escuro);
}

.wp-block-list li {
  margin-bottom: 1rem;
  padding-left: 1em;
  
}

ul.wp-block-list{
  list-style: square;
}

ol.wp-block-list li::marker, ul.wp-block-list li::marker {
  font-size: var(--fonte-pequena);
  font-weight: 500;
}

.wp-block-heading {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

strong {
  font-weight: 600;
  color: var(--cor-texto-escuro);
}

.the-content-container {
  overflow: auto;
  margin-bottom: 1rem;
}

/*=========== FIM ESTILOS CONTEÚDO DE PÁGINAS ======================*/

/*=========== NOTICIAS NOVAS =======================================*/

.noticias-widget {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  width: 100%;
  min-height: 500px;
  gap: var(--espaco-gutter);
}

.noticias-widget-linha {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  width: 100%;
  gap: var(--espaco-gutter);
}

.noticia-card {
  min-height: 300px;
  color: var(--cor-texto-escuro);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content 1fr;
  grid-template-areas: "imagem-card" "." "." ".";
}

.noticia-card.linha-abaixo{
  padding-bottom: var(--espaco-pequeno);
}

.noticia-card a:hover, .noticia-card-categoria:hover .titulo,
.noticia-card .noticia-card-imagem:hover~div .titulo, .evento-card:hover .evento-titulo, .edital-card a:hover {
  text-decoration: none;
  color: var(--cor-tema);
}

.small-spacer {
  margin-bottom: var(--espaco-pequeno);
  display: block;
}

.noticia-card-imagem.small-spacer {
  margin-bottom: var(--espaco-pequeno);
}

.categorias {
  color: var(--cor-tema);
  font-size: var(--fonte-pequena);
  /*/*font-family: 'IBM Plex Mono';*/
  /*font-style: italic;*/
  font-weight: 500;
  line-height: 1;
}

.categorias a:hover {
  text-decoration: underline;
}

.titulo {
  font-weight: 500;
  line-height: 1.2;
  color: var(--cor-texto-escuro);
}

.edital-card {
  display: grid;
  grid-template-rows: min-content min-content 1fr;
}

.edital-card .titulo {
  font-size: var(--fonte-pequena);
  margin-bottom: var(--espaco-linha);
}

.noticias-relacionadas .categorias.small-spacer {
  font-size: var(--fonte-pequena);
}

.noticias-relacionadas .titulo.small-spacer {
font-size: var(--fonte-base);
}

.edital-card .data {
  font-size: var(--fonte-pequena);
}

.edital-card .categorias {
  font-size: var(--fonte-pagina);
  margin-bottom: var(--espaco-linha);
}

.noticias-widget .noticia-card:first-child .titulo {
  font-size: var(--fonte-header);
}

.noticias-widget .noticia-card:first-child .categorias {
  font-size: var(--fonte-base);
}

.data {
  font-size: var(--fonte-pequena);
  color: var(--cor-texto-medio);
  line-height: 1.2;
  align-self: end;
}

.noticias-widget .noticia-card:first-child .data {
  font-size: var(--fonte-base);
}

.noticias-widget .noticia-card:first-child {
  grid-area: 1 / 1 / 3 / 3;
}

.noticias-widget .noticia-card:first-child .noticia-card-imagem {
  /*height: 300px;*/
}

.noticia-card-imagem {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  position: relative;
  z-index: 3;
  grid-area: imagem-card;
}

.noticia-card-imagem img {
  width: 100%;
  object-fit: cover;
  margin-bottom: -5px;
}

/*=========== LINKS MARCAS ===================================*/

.acesso-marcas-widget {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--espaco-gutter);
}

.acesso-marcas-widget .link-full {
  flex-direction: row;
}

.acesso-marcas-widget .link-full img{
  width: 100%;
  object-fit: contain;
  height: 150px;
}

/*=========== LINKS OITO COMPACTO ===================================*/

.acesso-links-oito-widget {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--espaco-gutter);
  grid-template-rows: 1fr 1fr;
}

.acesso-links-oito-widget .link-full {
  flex-direction: row;
  padding: var(--espaco-linha) 0;
}

.link-oito-icon-wrapper {
  font-size: 40px;
  color: var(--cor-tema);
}

/*=========== LINKS IMAGENS ===================================*/

.acesso-imagens-widget {
  display: grid;
  gap: var(--espaco-gutter);
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}

.acesso-imagens-widget .link-full {
  padding-top: 0;
}

.acesso-imagens-widget img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}


#barra-brasil {
  display: none;
}
  
#footer-brasil {
  display: none;
}

.topo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.topo.portal {
  border-bottom: 1px solid var(--cor-linha);
}

.cabecalho-wrapper {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--cor-background);
} 

.cabecalho {
  display: flex;
  /*flex-direction: row;
  justify-content: space-between;*/
  align-items : center;
  margin-top: var(--espaco-gutter);
  margin-bottom: var(--espaco-minimo);

  flex-direction: row-reverse;
  justify-content: start;
  gap: var(--espaco-gutter);
}

.portal .cabecalho {
  align-items: end;
  justify-content: space-between;  
  margin-bottom: var(--espaco-gutter);
  flex-direction: row;
}

.cabecalho-esquerda {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--espaco-gutter);
}

.logo img, .custom-logo {
  background-color: white;
  height: 66px; /*80*/
  display: flex;
  width: 100%;
  object-fit: contain;
}

.site-titulos {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-minimo);
}

.centro-titulo {
  font-weight: 300;
  font-size: var(--fonte-base);
  line-height: 1.2;
  color: var(--cor-texto-medio);
  /*transition: 0.15s;*/
}

.departamento-titulo {
  font-weight: 500;
  font-size: var(--fonte-pagina);
  line-height: 1.2;
  color: var(--cor-texto-escuro);
  /*transition: 0.15s;*/
  white-space: pre-line;
  max-width: 600px;
}

.departamento-titulo:hover, .centro-titulo:hover{
  color: var(--cor-tema);
}

.ufpb-nome {
  text-align: end;
  color: var(--cor-texto-escuro);
  font-weight: 500;
  font-size: var(--fonte-base);
  line-height: 1.2;

  display: none;
}

.brasao {
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--espaco-gutter);
}

.portal .brasao {
  height: 120px;
}

.menu-wrapper {
  background-color: var(--cor-background);
  margin: 0 auto;
  width: 100%;  
  transition: .15s;
  /*position: sticky;*/
  top: 0;
  z-index: 1000;

  border-bottom: 1px solid var(--cor-linha);  
}

.portal .menu-wrapper {  
  margin-bottom: calc(-1 * var(--espaco-gutter));
  border-bottom: none;  
}

#menu-overlay {
  width: 100%;
  background-color: var(--cor-background);
  height: 500px;
  overflow-y: scroll;
  left: 0px;
  transition: .25s;
  transition-property: left;
  transition-timing-function: ease;
}

#menu-overlay.menu-hidden {
  left: -100%;
}

#menu-overlay ul {
  margin: 0 00px;
  list-style: none;
  font-size: var(--fonte-base);
  font-weight: 500;
}

#menu-overlay li a {
  display: block;  
  width: 100%;
  font-weight: 450;
  font-size: var(--fonte-base);
  line-height: 1;
  color: var(--cor-texto-escuro);
  padding: var(--espaco-gutter) 0;
}

#menu-overlay li .sub-menu li a {
  padding-left: var(--espaco-gutter);
  font-size: var(--fonte-pequena);
}

#menu-overlay li ul li a {
  border-bottom: none;
}

#menu-overlay li.submenu-aberto a {
  border-bottom: none;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


.busca-teste {
  width: 100vh;
  max-width: 500px;
  top: 100%;
  background: var(--cor-background);
  border: var(--cor-linha) 1px solid;
  border-top: none;
  position: absolute;
  z-index: 3;
}

#busca {
  display: flex;
  flex-direction: row;
  font-family: "IBM Plex Sans";
  font-stretch: inherit;
  font-size: var(--fonte-pequena);
  padding: var(--espaco-pequeno) var(--espaco-linha);
  border: 1px solid var(--cor-linha);
  color: var(--cor-texto-medio);
  gap: var(--espaco-linha);
}

.portal .busca-teste {
  top: 100%;
}

.topo.portal {
  position: relative;
}

.portal #menu-buttons {
  font-stretch: condensed;
  color: var(--cor-texto-medio);
  font-size: var(--fonte-pequena);
  margin-bottom: var(--espaco-pequeno);
  position: unset;
}

#searchform.busca-resultados {
  margin-bottom: var(--espaco-gutter);
  border: 1px solid var(--cor-linha);
}

.busca-resultados button[type="submit"]{
  font-size: 24px;
  width: auto;
  padding: 0 var(--espaco-linha);
}

.busca-teste.hidden /*, #desktop-menu.hidden, #menu-buttons.hidden, #menu-overlay.hidden, #hamburger.hidden */ {
  display: none;
}

.busca-teste div {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

form {
  display: flex;
  width: 100%;
}

input[type="text"] {
  width: 100%;
  border: none;
  font-size: var(--fonte-base);
  line-height: 1;
  height: fit-content;
  padding: var(--espaco-linha);
  color: var(--cor-texto-medio);
  font-weight: 300;
  font-style: italic;
}

input[type="text"]::placeholder {
  color: inherit;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: inherit;
  color: var(--cor-texto-escuro);
}

button[type="submit"] {
  color: var(--cor-texto-medio);
  cursor: pointer;
  width: 48px;
  font-size: var(--fonte-base);
  min-height: 48px;
}

button[type="submit"] i {
  font-size: var(--fonte-1up);
}

button[type="submit"]:hover {
  color: var(--cor-tema);
}

button[type="submit"]:focus,
input[type="text"]:focus {
  outline: none;
}

button[type="button"] {
  width: 40px;
  cursor: pointer;
  color: var(--cor-texto-medio);
  background: inherit;
  background: var(--cor-background);
  background: var(--cor-middleground);
}

button[type="button"] i {
  font-size: var(--fonte-1up);
}

button[type="button"]:hover {
  color: var(--cor-tema);
}

button[type="button"]:focus,
input[type="search"]:focus {
  outline: none;
}

button[type="nav"] {
  border: none;
  background: inherit;
  display: none;
  flex-direction: row;
  align-items: center;
}

button[type="nav"] div {
  color: var(--cor-texto-escuro);
  font-weight: 500;
  font-family: "IBM Plex Sans";
  font-size: var(--fonte-base);
}


button[type="nav"] i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fonte-1up);
  color: var(--cor-item-nav);
  line-height: 1;
}

button[type="nav"]:focus,
input[type="search"]:focus {
  outline: none;
}

.busca-teste div a {
  color: var(--cor-texto-claro);
}

.busca-teste .link-wrapper {
  height: 48px;
  margin-bottom: 0px;
  flex-direction: column;
  justify-content: center;
}

.busca-teste div a::after {
  color: var(--cor-texto-claro);
}

.busca-teste div a:hover::after {
  color: var(--cor-texto-claro);
}

#barraConfig {
  font-family: 'Rawline', sans-serif;
  font-size: var(--fonte-1up);
  line-height: 1.45;
  font-weight: 500;
  border: none;
}

#busca-botao {
  color: var(--cor-texto-claro);
}

.top-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
}

.top-fixed-overlay{
  top: 0px;
  z-index: 200;
  position: fixed;
}

.sidebar-wrapper {
  align-self: flex-start;
  width: 100%;
}

.menu-lateral-h2 {
  font-weight: 300;
  font-size: var(--fonte-pagina);
  margin-bottom: var(--espaco-linha);
}

.menu {
  display: flex;
  justify-content: space-between;  
}

.menu.width-wrapper {
  position: relative;
}

#menu-buttons {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  color: var(--cor-texto-escuro);
  align-items: center;
  gap: var(--espaco-linha);
}

#menu-buttons i:hover {
  background-color: var(--cor-background);
  color: var(--cor-tema);
}

#menu-buttons i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1rem;
  line-height: 1;
  /*min-width: 40px;*/
  cursor: pointer;
}

#mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 var(--espaco-gutter);
}

#mobile-menu li {
  border-bottom: 1px solid var(--cor-linha);
}

#mobile-menu li ul li {
  border-bottom: none;
}

#mobile-menu li {
  border-bottom: 1px solid var(--cor-linha);
}

#mobile-menu li ul li:not(:last-child) {
  border-bottom: 1px solid var(--cor-linha);
}

#mobile-menu .menu-item-has-children.submenu-aberto a::after {
  transform: rotate(180deg);
}

#mobile-menu .menu-item-has-children ul {
  display: none;
}

#mobile-menu .menu-item-has-children.submenu-aberto ul{
  display: block;
}

#mobile-menu .menu-item-has-children.submenu-aberto ul {
  list-style: none;
}

.menu ul {
  z-index: 100;
  display: flex;  
  gap: var(--espaco-gutter);
  color: var(--cor-texto-escuro);
  font-weight: 450;
  list-style-type: none;
}


.menu ul li a {  
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--espaco-linha) 0;
  line-height: 1;
}

.portal .menu > ul > li > a {
  padding: var(--espaco-gutter) 0;
  padding-top: var(--espaco-pequeno);
}

.menu-item-has-children > a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f107";
  color: inherit;

  margin-left: 0.25rem;

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;

  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  line-height: 1;

  font-size: 14px;

  display: none;
}


.menu-item-has-children.menu-open > a::after {
  transform: rotate(180deg);
}

/*.menu>ul>.menu-item-has-children:hover>a, */
.menu>ul>.current_page_item>a,
.menu>ul>.current_page_ancestor>a,
.menu>ul>.menu-item-type-post_type:hover>a,
.menu>ul>.current-menu-ancestor>a,
.menu>ul>li:has(.current-page-ancestor)>a {
  margin-bottom: -3px;
  border-bottom: 3px solid var(--cor-tema);
  color: var(--cor-tema);
}

.menu>ul>.current-menu-ancestor:hover>a {
  border-bottom: 3px solid var(--cor-background);
}

.menu ul li ul li:hover a {
  background: var(--cor-tema-claro);
}

.menu ul li ul {  
  display: none;
  position: absolute;
  background-color: var(--cor-background);  
  border: 1px solid var(--cor-linha);
  border-top: 0;
  flex-direction: column;
  gap: 0;
  z-index: 1;
  left: calc(-1 * var(--espaco-gutter));
  min-width: calc(100% + 3 * var(--espaco-linha));
}

.menu ul li ul li {
  width: 100%;
  min-width: max-content;
}

.menu ul li ul li:last-child a {
  padding-bottom: calc(3 * var(--espaco-linha)/4);
}

.menu-traducao ul {  
  display: none;
  position: absolute;
  background-color: var(--cor-background);  
  border: 1px solid var(--cor-linha);
  flex-direction: column;
  gap: 0;
  z-index: 200;
  padding-right: var(--espaco-linha);
  padding-left: var(--espaco-linha);
  padding-bottom: calc(var(--espaco-linha) / 2);
  right: calc(-1 * var(--espaco-linha));
  align-items: end;
  list-style: none;
}

.menu-traducao ul li a {
  padding: calc(var(--espaco-linha)/2);
  line-height: 1.45;
}

.menu-traducao ul li a:hover,
.menu-traducao ul li a:focus {
  color: var(--cor-tema);
}

/*menu>ul>li:not(.menu-item-has-children)>a:focus,*/
.menu ul li ul li a:focus, 
.menu-traducao ul li a:focus,
.side-menu .sub-menu li a:focus, 
.side-menu-categorias ul li a:focus, 
.side-menu-archive ul li a:focus,
#menu-overlay li .sub-menu li a:focus,
#menu-overlay li ul a:focus,
#menu-overlay li:not(.menu-item-has-children) a:focus {
  background: var(--cor-tema-claro-focus);
  /*color: var(--cor-tema);*/
}

menu>ul>li:not(.menu-item-has-children)>a:focus {
  text-decoration: underline;
}

.menu ul li ul li a {
  display: flex;
  height: fit-content;
  position: relative;
  /*width: fit-content;*/
  /*width: 100%;*/
  /*max-width: 250px;*/
  line-height: 1.45;
  /*margin: 0 var(--espaco-linha) 0;*/
  padding: calc(var(--espaco-linha)/2) calc(3 * var(--espaco-linha)/2);
  font-weight: 450;
  font-size: var(--fonte-pequena);
}

.menu ul li ul li ul {
  display: none;
  left: 100%;
  top: 0;
  border: 1px solid var(--cor-linha);
}

.menu ul li ul .current_page_item {
  background-color: var(--cor-background);
  text-decoration: none;
}

.menu ul li ul .current_page_item a,
.menu ul li ul .current-page-ancestor a {
  color: var(--cor-tema);
  font-weight: 500;
}

.menu ul li ul .current_page_item a:hover,
.menu ul li ul .current-page-ancestor a:hover {
  cursor: default;
}

.menu ul li,
#menu-traducao ul li {
  cursor: pointer;  
  position: relative;
  width: max-content;
}

.portal .menu ul li:last-child ul {
  right: calc(-1 * var(--espaco-gutter));
  left: unset;
}

.menu ul li.menu-open > ul, 
.menu ul li.menu-open > ul > li.menu-open > ul,
.menu-traducao:hover ul {
  display: flex;
}

.imagem {
  height: 450px;
  width: 100%;
  position: relative;
  z-index: -1;
}

.imagem.banner-topo {
  margin-bottom: -150px;
}

.imagem.banner-topo::before {
  position: absolute;
  background: linear-gradient(rgba(255,255,255,0) 90%, var(--cor-background));
  content: '';
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: block;
  /*box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.16)*/
}

.imagem img {
  object-fit: cover;
  width: 100%;
}

/*=============== CARROSSEL =================*/

.carrossel {
  width: 100%;
  height: 550px;
  position: relative;
  list-style: none;
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: .15s opacity ease-in-out;
  transition-delay: .15s;
}

.slide-texto-box {
  position: absolute;
  bottom: 42px;
  padding: 36px 54px 48px;
  background-color: var(--cor-background);
  max-width: 550px;  
}

.slide-texto-box::before {
  content: "";
  position: absolute;
  width: calc(100% - 54px + 12px);
  height: calc(100% - 36px - 34px);
  background: var(--cor-tema);
  z-index: -1;  
  bottom: -12px;
  right: -12px;
}

.slide-texto-box h2 {
  font-size: 48px;
  margin-bottom: 24px;
  color: var(--cor-tema);
  font-weight: 500;
}

.slide-texto-box .texto {
  color: var(--cor-texto-escuro);
  margin-bottom: 24px;
}

.slide-texto-box .mais-link {
  display: inline-block;
}

a.linha-abaixo.mais-link:hover {
  margin-bottom: 0;
}

.slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -3;
  position: absolute;
}

.carrossel-button {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  background: white;
  transform: translateY(-50%);
}

.carrossel-button.prev {
  left: 1rem;
}

.carrossel-button.next {
  right: 1rem;
}

.slide[data-active] {
  opacity: 1;
  transition-delay: 0ms;
  z-index: 1;
}

.corpo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;  
}

.corpo-wrapper {
  width: 100%;
  /*max-width: 1528px;*/
  max-width: 1420px;
  background: var(--cor-background);
  /*padding-top: 42px;*/
  padding: 42px 30px;
}

.corpo-wrapper p {
  hyphens: none;
}

#conteudo_pagina.corpo .imagem {
  height: 300px;
}

#conteudo_pagina.corpo .imagem-grande {
  height: 300px;
  width: 100%;
}

.corpo-grid {
  display: grid;  
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1fr 840px 1fr;
  grid-template-areas: "sb ct news";
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: fit-content;
  /*position: sticky;
  top: 75px;*/
  grid-area: sb;
  transition: .15s;
  margin-top: 192px;
  color: var(--cor-texto-escuro);
}

.sidebar-noticias {
  height: fit-content;
  grid-area: news;
  margin-top: 192px;
  color: var(--cor-texto-escuro);
}

.content-grid .sidebar-noticias {
  margin-top: 0;
}

.noticias-relacionadas {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-linha);
}

.noticia-relacionada-imagem {
  height: 110px;
  width: auto;
  aspect-ratio: 1;
}

.noticia-card-categoria {
  color: var(--cor-texto-escuro);
  display: grid;
  min-height: 100px;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content min-content 1fr min-content;
  grid-template-areas:
    "imagem-card ."
    "imagem-card ."
    "imagem-card ."
    "imagem-card .";
  column-gap: var(--espaco-pequeno);
}

.noticia-categoria-imagem {
  height: 180px;
  width: auto;
  aspect-ratio: 16/9;
  grid-area: imagem-card;
}

.noticia-relacionada-imagem img, .noticia-categoria-imagem img {
  object-fit: cover;
  width: 100%;
}

.noticia-relacionada-titulo {
  font-weight: 450;
  font-size: var(--fonte-pequena);
  line-height: 1.2;
}

.noticia-wrapper:hover {
  color: var(--cor-tema);
}

.content-grid {
  grid-area: ct;
  background: var(--cor-background);
  padding-top: 42px;
  max-width: 840px;
  width: 100%;
  padding-left: 54px;
  padding-right: 54px;
}

.side-menu .current-menu-parent, .side-menu .sub-menu {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  color: var(--cor-texto-escuro);
}

.side-menu .sub-menu a:hover,
.menu-navegacao ul a:hover,
.menu-lateral li a:hover {
  /*color: var(--cor-tema);
  text-decoration: underline;*/
  background: var(--cor-tema-claro)
}

.sidebar .current_page_item a:hover {
  text-decoration: none;
}

/* novidades side menu */

.side-menu li ul li, 
.side-menu-categorias ul li, 
.side-menu-archive ul li {
  border-top: 1px solid var(--cor-linha);
  display: flex;
}

.side-menu li ul li:last-child,
.side-menu-categorias ul li:last-child,
.side-menu-archive ul li:last-child {
  border-bottom: 1px solid var(--cor-linha);
}

.side-menu li ul li a,
.side-menu-categorias ul li a,
.side-menu-archive ul li a {
  padding-top: var(--espaco-linha);
  padding-bottom: var(--espaco-linha);
  font-size: var(--fonte-pequena);
  width: 100%;
  font-weight: 450;
}

.side-menu-categorias ul li {
  
}

.side-menu .sub-menu {
  margin-top: var(--espaco-linha);
}

/* fim novidades side menu */

.menu-lateral li a {
  font-weight: 400;
}

.menu-navegacao {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.menu-navegacao ul a {
  font-weight: 500;
}

.menu-navegacao > a, 
.side-menu .current-menu-parent > a {
  font-size: var(--fonte-pagina);
  font-weight: 300;
  color: var(--cor-texto-escuro);
  cursor: text;
  line-height: 1.2;
}

.sidebar .current_page_item a {
  cursor: default;
  color: var(--cor-tema);
  font-weight: 500;
}

.side-menu .menu-item-has-children>a::after {
  display: none;
}

.side-menu .menu-item:has(.current_page_item), .side-menu .current-menu-parent li {
  display: flex;
}

.side-menu .menu-item {
  display: none;
}

.side-menu:not(.side-menu:has(.current-menu-parent)) {
  display: none;
}

.menu-lateral {
  display: flex;
  flex-direction: column;
}

.menu-lateral li {
  list-style: none;
}



.menu-navegacao .menu-lateral .current_page_item a {
  list-style: none;
  color: var(--cor-linha);
}

.menu-navegacao .menu-lateral .current_page_item a:hover {  
  cursor: default;
  text-decoration: none;
}

.menu-navegacao .menu-lateral .current_page_item a::after, .menu-navegacao .menu-lateral .current_page_item a:hover::after{
  display: none;
}

.cards-lista {
  display: flex;
  flex-direction: column;
  /*gap: 30px;*/
}

.wp-block-image :where(figcaption) {
  margin-bottom: 1em;
  margin-top: .5em;
  font-stretch: condensed;
  font-size: var(--fonte-pequena);
  color: var(--cor-texto-medio);
}

.noticias {
  max-width: 1170px;
  /*margin: 0px 30px;*/
}

.eventos {
  margin-bottom: -2rem;
}

.noticias-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1230px;
  padding: 0 30px;
}

.pagination, .page-numbers, .pagination .nav-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  min-width: 20px;
  padding: 0 10px;
}

.page-numbers {
  color: var(--cor-tema);
}

.page-numbers.current {
  color: var(--cor-texto-medio);
  font-weight: 400;
  text-decoration: none;
}

.page-numbers.current:hover {
  text-decoration: none;
  cursor: default;
}

.next.page-numbers{
  text-decoration: none;
}

.next.page-numbers:hover::after {
  transform: translateX(5px);
  text-decoration: none;
}

.prev.page-numbers:hover::before {
  transform: translateX(-5px);
  text-decoration: none;
}

.prev:hover, .next:hover {
  text-decoration: underline;
}

.paginas-nav {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: center;
  color: var(--cor-texto-escuro);
}

.paginas-numeros {
  display: flex;
}

.paginas-nav *{
  font-weight: 700;
  font-size: var(--fonte-base);
  line-height: 1.15;
}

.paginas-nav a {
  color: var(--cor-tema);
}

.page-numbers:hover {
  text-decoration: underline;
}

.clickable-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
}

.pagina-link-nav {
  text-decoration: underline;
}

.pagina-link-nav:hover {
  color: var(--cor-texto-claro);
  text-decoration: none;
  background-color: var(--cor-tema);
}

#seta-proximo {
  margin-left: 0.5rem;
}

#seta-anterior {
  margin-right: 0.5rem;
}


#seta-proximo::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f061";
  color: var(--cor-tema);

  margin-left: 0.5rem;  

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;

  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  line-height: 1;
}

#seta-proximo:hover::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f061";
  color: var(--cor-tema);

  margin-left: 0.5rem; 

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;

  transform: translateX(5px);
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}

#seta-anterior::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f060";
  color: var(--cor-tema);

  margin-right: 0.5rem;  

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;

  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  line-height: 1;
}

#seta-anterior:hover::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f060";
  color: var(--cor-tema);

  margin-right: 0.5rem; 

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;

  transform: translateX(-5px);
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}

.conteudo {
  min-height: 300px;
  margin-bottom: var(--fonte-base);

  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "n1 n2" 
    "n1 n3";
  gap: 30px;
}

.conteudo2 {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  grid-template-areas:
    "n1 n2 n3" 
    "n1 n2 n4" 
    "n1 n2 n5"
    "n1 n2 n6";
  gap: 30px;
}

/*===============================  EVENTOS  ============================================*/

.evento-card-imagem {
  aspect-ratio: 4/5;
  height: auto;
  margin-bottom: -5px;
}

.noticia-card-categoria .evento-card-imagem {
  height: 240px;
  grid-area: imagem-card;
  margin-bottom: 0;
}

.evento-card {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-template-rows: auto;
  column-gap: var(--espaco-linha);
}

.evento-card.solo {
  grid-template-columns: 1fr 1fr 1fr;
}

.evento-card.solo div:nth-child(2) {
  grid-area: 1/2/2/4;
}

.evento-card-imagem img {
  width: 100%;
  object-fit: cover;
}

.eventos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--espaco-gutter);
}

.eventos-grid:has(.evento-card.solo) {
  grid-template-columns: 1fr;
}

.evento-ficha p:last-child {
  margin-bottom: 0;
}

.evento-ficha {
  padding-right: var(--espaco-linha);
  margin-bottom: 1rem;
}

.evento-ficha.linha-abaixo {
  padding-bottom: 1rem;
}

.evento-ficha i {
  font-size: var(--fonte-base);
  margin-right: .5rem;
  color: var(--cor-texto-medio);
}

.conteudo2-eventos-solo {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 30px;
  margin-bottom: 30px;
}

.evento-data {
  color: var(--cor-texto-medio);
  line-height: 1.2;
}

.evento-titulo {
  font-size: var(--fonte-header);
  font-weight: 500;
  line-height: 1.2;
}

.evento-wrapper-solo {
  display: grid;
  grid-template-columns: calc(33% - 15px) auto;
  grid-template-rows: 500px;
  width: 100%;
  height: 100%;
  transition: .15s;
  background: var(--cor-middleground);
  overflow: hidden;
}

.evento-wrapper-solo div:first-child {
  order: 2;
  height: auto;
}

.conteudo2-eventos-dupla {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 30px;
  margin-bottom: 30px;
}

.conteudo2-eventos-trio {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 30px;
  margin-bottom: 30px;
}

.cards-lista .noticia-img2-wrapper {
  height: 250px;
}

.noticia-wrapper:hover {
  background: var(--cor-middleground-hover);
}

.noticia-primeira {
  grid-area: n1;
}

.noticia-segunda {
  grid-area: n2;
}

.noticia-img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.noticia-img2-wrapper {
  height: max(250px, 60%);
  overflow: hidden; 
}

.evento-img2-wrapper {
  height: 300px;
  overflow: hidden;
}

.noticia-img2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.evento-sem-img {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(2.5 * var(--fonte-1up)) var(--fonte-1up) var(--fonte-2up);
  min-height: 150px;
  transition: 0.15s;
  color: var(--cor-texto-escuro);
  font-weight: 600;
  flex-grow: 1;
}


.noticia-sem-img .rotulo {
  color: var(--cor-texto-medio);
}

.wide-conteudo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem; 
  max-width: 670px;

  padding: 16px 0 16px var(--fonte-2up);
}




.noticia-com-img {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: var(--fonte-base);
  min-height: 180px;
  color: var(--cor-texto-claro);
  font-weight: 550;
  text-shadow: hsla(0, 0%, 00%, .5) 0 0 12px;
  background-image: linear-gradient(180deg, rgba(0,0,0,.3) 0px, transparent 50px), linear-gradient(0deg, rgba(0,0,0,.85), transparent 100px);
}

.noticia-com-img:hover {
  background-image: linear-gradient(180deg, rgba(0,0,0,.3) 0px, transparent 50px), linear-gradient(0deg, rgb(0, 0, 0), transparent 100px);
}

.noticia-wrapper:hover .noticia-titulo, .noticia-com-img:hover .noticia-titulo, .evento-wrapper-solo:hover h2 {
  text-decoration: underline;
}

.background-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 140px;
  justify-content: flex-end;
  
  display: flex;
  flex-direction: column;
  padding: var(--fonte-base);
}


.rotulo-claro a:hover {
  text-decoration: underline;
}

.noticias-relacionadas .noticia-titulo {
  font-size: var(--fonte-1up);
}

a:hover div .noticia-com-img-titulo, a:hover .noticia-sem-img-titulo {
  text-decoration: underline;
}

/*CARDS*/
.noticia-wrapper {
  display: flex;
  flex-direction: row; 
  gap: var(--espaco-pequeno);
}

#noticias .noticia-wrapper:hover .noticia-sem-img{
  background: var(--cor-middleground);
}


.wide-conteudo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem; 
  max-width: 670px;

  padding: 16px 0 16px var(--fonte-2up);
}


#noticias .noticia-com-img {
  background-size: contain;
  background-position: right;
  display: block;
  background-repeat: no-repeat;
}

#noticias .background-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  height: 180px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: var(--fonte-base);
}

.noticia-com-img .rotulo {
  color: var(--cor-texto-claro);
}

.rotulo-escuro {
  z-index: 1; 

  display: flex;
  flex-direction: row;
  align-items: center;

  font-size: var(--fonte-1down);

  gap: var(--fonte-2up);
  font-variation-settings: 'wdth' 85;
  
  font-weight: 500;
  color: var(--cor-texto-medio);

  top: var(--fonte-base);
  position: absolute;
} 

.rotulo-evento {
  z-index: 1;
  
  display: flex;
  flex-direction: row;
  align-items: center;

  font-size: var(--fonte-1up);

  gap: var(--fonte-2up);
  font-variation-settings: 'wdth' 85;

  font-weight: 400;
  color: var(--cor-texto-medio);

  top: var(--fonte-base);
  position: absolute;
}

.rotulo-claro {
  z-index: 1; 

  display: flex;
  flex-direction: row;
  align-items: center;

  font-size: var(--fonte-1down);

  gap: var(--fonte-2up);
  font-variation-settings: 'wdth' 85;

  position: absolute;
  margin: var(--fonte-base);
  font-weight: 450;
  color: var(--cor-texto-claro);
  text-shadow: hsla(0, 0%, 00%, .9) 0 0 12px;
} 

#noticias .noticia-wrapper:hover .background-wrapper {
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 22%, var(--cor-middleground) 30%);
}

/*NOTICIA*/

.noticia-h2 {
  line-height: 1.45;
  color: var(--cor-texto-medio);
  margin-bottom: 2rem;
}

.data-atualizado {
  font-size: var(--fonte-pequena);
  margin-top: var(--espaco-grande);
}

.noticia-h2 .data-atualizado {
  margin-top: 0;
}

.bigode p{
  font-style: italic;
  color: var(--cor-texto-medio);
  font-weight: 300;
  margin-bottom: 0;
}

h2.bigode p {
  font-size: var(--fonte-titulo);
  font-weight: 400;
  line-height: 1.2;
}

h2.bigode:has(p) {
  margin-bottom: var(--espaco-gutter);
}

.noticia-h2 .noticia-categorias {
  font-size: var(--fonte-base);
}


.noticia-categorias a {
  color: var(--cor-tema);  
  font-weight: 500;
  /* font-family: "IBM Plex Mono"; */
  /*font-style: italic;*/
  margin-bottom: var(--espaco-pequeno);
  
}

.noticia-categorias.linha-header-longa a {
  padding-top: var(--espaco-pequeno);
}

.noticia-categorias a:hover {
  text-decoration: underline;
}

.noticia-categorias {
  display: flex;
  font-size: var(--fonte-base);
  flex-direction: row;
  font-variation-settings: 'wdth' 85;
}

.noticia-compartilhe {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: var(--fonte-3up);
  color: var(--cor-texto-escuro);
}

.noticia-redes {
  color: var(--cor-texto-medio);
}

.noticia-redes a:hover {
  color: var(--cor-tema);
}

.noticia-links-relacionados {
  margin-bottom: var(--fonte-3up);
}

.wp-block-file .wp-element-button, .wp-block-file .wp-block-file__button {
  display: none;
}

.wp-block-file a {
  font-size: var(--fonte-base);
  line-height: 1.45;
  color: var(--cor-tema);
  margin-bottom: var(--fonte-base);
  word-break: break-word;
  font-stretch: condensed;
}

.noticia-link-relacionado {
  font-size: var(--fonte-base);
  line-height: 1.45;
  color: var(--cor-tema);
  margin-bottom: var(--fonte-base);
  word-break: break-word;
  /* font-family: "IBM Plex Mono"; */
  /*font-style: italic;*/
}

.wp-block-file {
  margin-bottom: .5rem;
}

.content-grid .wp-block-file:not(.wp-element-button) {  
  font-size: 1rem;
}

.noticia-link-relacionado:hover, .wp-block-file a:hover {
  text-decoration: underline;
}

.noticia-link-relacionado::before, .wp-block-file a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f019";
  color: var(--cor-tema);

  margin-right: 0.5rem;  

  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  --webkit-font-smoothing: antialiased;
}

/*FIM DE NOTICIA*/

/*DOCUMENTOS*/
.documentos-lista-categorias {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.documentos-categoria {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.documentos-categoria div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.documentos-categoria h3 {
  color: var(--cor-texto-escuro);
  font-size: var(--fonte-1up);
  font-weight: 500;
  width: 100%;
  line-height: 2;
  border-bottom: 1px solid var(--cor-middleground);
}

.documentos-categoria a {
  font-size: var(--fonte-base);
  text-decoration: underline;
  color: var(--cor-tema);
  line-height: 1.45;
  margin-left: 20px;
}

.documentos-categoria a:hover {
  background-color: var(--cor-middleground);
}

.documentos-categoria a:visited {
  color: #551A8B;
}


/*FIM DE DOCUMENTOS*/

.link-wrapper {
  display: flex;
  /*margin-bottom: 16px;*/
}

.justify-end {
  justify-content: flex-end;
  height: min-content;
}

.mais-link {
  /*font-family: 'IBM Plex Mono';*/
  /*font-style: italic;*/
  color: var(--cor-tema);
  width: fit-content;
  line-height: 1.2;
}

.mais-link.linha-acima {
  padding-bottom: var(--espaco-linha);
  width: 100%;
  position: relative;
}

.content-grid .wp-block-button__link {
  color: var(--cor-tema);
  background-color: transparent;
  /*font-style: italic;*/
  /* font-family: "IBM Plex Mono"; */
  font-size: var(--fonte-base);
  font-weight: 500;
  line-height: 1.45;
  padding: var(--espaco-pequeno);
}

.content-grid .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  flex-direction: column;
  align-items: start;
  gap: .5rem;
  margin-bottom: 1rem;
}

.content-grid .wp-block-navigation__responsive-container {
  display: contents;
}

.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close, .content-grid .wp-block-navigation__responsive-container-open {
  display: none;
}

.mais-link:hover, /*.wp-block-button__link:hover,*/ .mais-link-header:hover {
  text-decoration: underline;
}

.mais-link::after, .wp-block-button__link::after, .mais-link-header::after {
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-weight: 900;
  margin-left: 0.5rem;  
  display: inline-block;
  font-style: normal;
  transition: .15s ease-out;
  color: var(--cor-tema);
  
}

.mais-link.externo::after {  
  content: "\f08e";  
}

.linha-acima.mais-link::after {
  position: absolute;
  right: .5rem;
}

.linha-acima.mais-link:hover::after {
  right: 0rem;
}

.mais-link:hover::after, .wp-block-button__link:hover::after, .mais-link-header:hover::after {
  margin-left: .8rem;    
}

.mais-link.externo:hover::after {
  margin-left: 0.5rem;  
}

.linha-acima.mais-link.externo:hover::after {
  position: absolute;
  right: .5rem;
}

.editais {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: var(--espaco-gutter);
  height: auto;
}

.edital-full {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: var(--fonte-base);
  padding: var(--fonte-base) var(--fonte-base) var(--fonte-1up);
  background: var(--cor-middleground);
  width: 100%;
  transition: 0.15s;
}

.edital-text {
  font-style: normal;
  font-weight: 600;
  font-size: var(--fonte-base);
  line-height: 1.15;
  color: var(--cor-texto-escuro);
}

.edital-data {
  font-style: normal;
  font-weight: 500;
  font-size: var(--fonte-1down);
  line-height: 1.15;
  color: var(--cor-texto-medio);
  font-variation-settings: 'wdth' 85;
  margin-bottom: .35em;
}

.editais .link-image-wrapper {
  font-size: 2rem;
}


.links-wrapper {
  display: flex;
  flex-direction: column; 
  width: 100%;
  justify-content: center;

  max-width: 1230px;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}

.links {  
  display: grid;
  gap: var(--espaco-gutter);
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}

.links .link-full {
  padding: var(--espaco-linha);
  border: 1px solid var(--cor-linha);
}

.link-full {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--espaco-linha);
  width: 100%;
  padding-top: var(--espaco-linha);
  
}

.links .link-full:hover {
  background: var(--cor-middleground-hover);
  border: 3px solid var(--cor-tema);
}

.link-image-wrapper {
  color: var(--cor-tema);
  display: flex;
  font-size: 80px;
} 

.link-full:hover .link-text{
  text-decoration: none;
  color: var(--cor-tema);
}

.link-image {
  display: block;
  width: 60%;
  height: 60%;
}

.link-text {  
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.acesso-links-oito-widget .link-text {
  text-align: left;
}

.apresentacao {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--espaco-gutter);
  grid-template-areas:
    "tx media media";
  grid-template-rows: min-content;
  height: auto;
}

.apresentacao-links {
  display: flex;
  flex-direction: column;
}

.apresentacao-links li {
  list-style-type: none;
}

.destaque-solo-img iframe, .youdestaque-solo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mapa-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;  
  gap: var(--espaco-gutter);
}

.mapa iframe {
  width: 100%;
  height: 100%;
}

.foto2 img {
  max-height: 100%;
  object-fit: cover;
  width: 100%;
}

.foto {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.mapa img {
  width: 100%;
  object-fit: cover;
}

#footer-wrapper {  
  width: 100%;
  background-color: var(--cor-tema-escuro); 
}

footer {    
  font-weight: 350;
  line-height: 1.45;  
  color: #fff;
  padding-top: 2rem;
  padding-bottom: var(--espaco-gutter);
}

footer a:hover {
  filter: brightness(90%);
}

#footer-dados {  
  height: min-content;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--espaco-gutter)
}

#footer-dados > div {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

#footer-dados .mais-link {
  color: #fff;
  font-weight: 650;
  line-height: 1.45;
  margin-bottom: 0;
  text-decoration: none;
}

#footer-dados .mais-link:after {
  color: #fff;
}

#footer-dados > div > div > a::after {  
  line-height: 1;
}

#footer-dados > div > div:first-child {
  line-height: 1;
  font-weight: 600;
}

#footer-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  width: 100%;
  margin-bottom: var(--espaco-linha);
}

#footer-logo {
  height: 180px;
}

.footer-direita {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;  
  align-items: flex-end;  
}

#footer-contato {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  gap: 16px;


  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}

.redes-sociais {
  display: flex;
  flex-direction: row; 
  gap: var(--espaco-linha);
}


.redes-sociais i {
  display: flex;
  align-items: center;
  font-size: var(--fonte-header);
  line-height: 1.45;
}

#footer-creditos {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0px;
  gap: var(--espaco-gutter);
  height: 50px;
}

#footer-creditos a {
  height: 100%;
}

.botao-menu {
  height: 100%;
  width: 25px;
}

.menu-traducao {
  position: relative;
}

#footer-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;  

  padding-top: var(--espaco-linha);
  border-top: 1px solid white;
  font-size: var(--fonte-pequena);
}

#footer-linha {
  width: 100%;
  height: 1px;
  background-color: var(--cor-texto-claro);
}

#footer-ultima-linha {
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
  font-variation-settings: "wdth" 75;
} 

#footer-acesso-info {
  display: flex;
  flex-direction: row;
  gap: 10px;
  text-decoration: none;
}

#footer-acesso-info a:hover {
  text-decoration: underline;
}

.destaque-img {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: var(--espaco-pequeno);
}

.destaque-img img, .destaque-solo-img img {
  width: 100%;
  object-fit: cover;
}

.destaque-img img {
  margin-bottom: -5px;
}

.divisoria-vertical {
  padding-right: var(--espaco-gutter);
  border-right: 1px var(--cor-linha) solid;
}

.divisoria-espaco {
  padding-left: var(--espaco-gutter);
}

.destaque-solo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--espaco-gutter);  
}

.destaque-solo-invertido {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--espaco-gutter);  
}

.destaque-solo-invertido .destaque-solo-img {
  height: auto;
  aspect-ratio: 16/9;
  margin-bottom: -5px;
  grid-area: 1/1/2/3;
}


.destaque-solo-img {
  height: auto;
  aspect-ratio: 16/9;
  margin-bottom: -5px;
  grid-area: 1/2/2/4;
}

.destaque-solo-img img {
  width: 100%;
  object-fit: cover;
}

.destaque-dupla {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--espaco-gutter);
}

.destaque-trio {
  display: grid;
  /*grid-template-columns: 1fr 1fr 1fr;*/
  grid-auto-flow: column;
  grid-template-rows: auto;
  gap: var(--espaco-gutter);
  grid-auto-columns: minmax(0, 1fr);
}



/*=================================CONTRASTE START==============================================*/

body.contraste {
  --cor-tema: #ff0
}

.contraste, .contraste .cabecalho-wrapper, .contraste .content-grid .wp-block-button__link, .contraste .corpo-wrapper, .contraste .slide-texto-box, .contraste  .menu-wrapper, .contraste #footer-wrapper, .contraste .busca-teste, .contraste input[type="text"], .contraste .content-grid, .contraste #menu-overlay, .contraste .sitemap-wrapper, .contraste .menu-traducao ul {
  background-color: black;
}

.contraste a, .contraste #menu-buttons i, .contraste .menu ul li ul li a, .contraste .noticia-titulo, .contraste .noticia-titulo, .contraste .link-full div, .contraste .link-full:hover .link-text, .contraste .ufpb-nome, .contraste #footer-dados .mais-link, .contraste button[type="nav"] i, .contraste button[type="nav"] div, .contraste .menu-lateral .page_item a, .contraste #menu-overlay li a, .contraste #menu-overlay li .sub-menu li a, .contraste .wp-block-file a::before, .contraste .content-grid .wp-block-button__link, .contraste button[type="submit"], .contraste .sitemap > li > a{
  color: #ff0;
}

.contraste .mais-link::after, .contraste .wp-block-button__link::after, .contraste  .mais-link-header::after, .contraste .evento-card h2 {
  color: #ff0;
}

.contraste p, .contraste strong, .contraste .wp-block-list, .contraste h2, .contraste h3, .contraste .rotulo-escuro, .contraste .rotulo-evento, .contraste h1, .contraste .wp-block-image :where(figcaption), .contraste .noticia-compartilhe, .contraste .noticia-h2, .contraste .parent-link > a:nth-child(1), .contraste .data, .contraste .evento-data, .contraste .slide-texto-box .texto, .contraste input[type="text"], .contraste .titulo {
  color: white;
}

/*
{
  background-color: #333;
}
*/

.contraste .link-full:hover .link-text, .contraste .departamento-titulo:hover, .contraste .centro-titulo:hover {
  color: #ff0;
  text-decoration: underline;
}

.contraste .menu ul li ul li a:hover, .contraste #menu-overlay li a:hover, .contraste #menu-overlay li .sub-menu li a:hover {
  text-decoration: underline;
  /*background-color: #333;*/
}

.contraste .menu>ul>.current_page_item>a::before, .contraste .menu>ul>li>a:hover::before {
  background-color: #ff0;
}

.contraste .menu ul li ul {
  color: #ff0;
  background-color: #000;
}

.contraste #menu-overlay li a, .contraste #menu-overlay li .sub-menu li a:hover {
  border-bottom: 1px solid #333;
}

.contraste #menu-buttons i:hover {
  color: #333;
  background-color: #ff0;
}

.contraste .menu-navegacao .menu-lateral .current_page_item a {
  color: #333;
}

.contraste .imagem.banner-topo::before {
  background: linear-gradient(rgba(255,255,255,0) 50%, black);
}


/*=================================CONTRASTE END================================================*/

/*=================================AUTISMO START================================================*/

.autismo .menu-wrapper {
  background-color: var(--cor-background);
}

.autismo .menu ul, .autismo.contraste .menu ul li a {
  color: var(--cor-texto-escuro);
}

.autismo .menu ul li ul li a:hover {
  text-decoration: underline;
  border-bottom: 0px solid var(--cor-tema);
}

.autismo .menu ul li ul li a {
  border-bottom: 0px solid var(--cor-background);
}

.autismo #menu-buttons i {
  color: var(--cor-texto-escuro);
}

.autismo #menu-buttons i:hover {
  background-color: var(--cor-texto-escuro);
  color: var(--cor-texto-claro);
}

.autismo form {
  background: var(--cor-middleground);
}

.autismo input[type="text"] {
  background-color: var(--cor-middleground);
}

.autismo button[type="nav"] i,  .autismo button[type="nav"] div{
  color: var(--cor-texto-escuro);
}

.autismo #mobile-menu li a {
  color: var(--cor-texto-escuro);
}

.autismo #menu-overlay li .sub-menu li a {
  color: var(--cor-texto-escuro);
}

.autismo #mobile-menu li a:hover {
  text-decoration: underline;
}

.autismo #menu-overlay li .sub-menu li a:hover {
  border-bottom: 1px solid var(--cor-middleground);
}

.autismo .menu ul li:nth-child(1) a, .autismo #mobile-menu li:nth-child(1) a {
	background: #F23DA0;
}
.autismo .menu ul li:nth-child(2) a, .autismo #mobile-menu li:nth-child(2) a {
	background: #1AC6D9;
}
.autismo .menu ul li:nth-child(3) a, .autismo #mobile-menu li:nth-child(3) a {
	background: #DCF230;
}
.autismo .menu ul li:nth-child(4) a, .autismo #mobile-menu li:nth-child(4) a {
	background: #F2D027;
}
.autismo .menu ul li:nth-child(5) a, .autismo #mobile-menu li:nth-child(5) a {
	background: #F27141;
}
.autismo .menu ul li:nth-child(6) a, .autismo #mobile-menu li:nth-child(6) a {
	background: #655AF5;
}
.autismo .menu ul li:nth-child(7) a, .autismo #mobile-menu li:nth-child(7) a {
	background: #3DDC8F;
}
.autismo .menu ul li:nth-child(8) a, .autismo #mobile-menu li:nth-child(8) a {
	background: #B6F52F;
}
.autismo .menu ul li:nth-child(9) a, .autismo #mobile-menu li:nth-child(9) a {
	background: #F5A41A;
}
.autismo .menu ul li:nth-child(10) a, .autismo #mobile-menu li:nth-child(10) a {
	background: #F45056;
}

/*=================================AUTISMO END==================================================*/

@media only screen and (max-width: 1420px) {
  :root {
    font-size: 16px;
  }

  body {
    --espaco-linha: 16px;

    --fonte-base: 1rem;
    --fonte-pequena: 14px;
    --fonte-header: 28px;
    --fonte-titulo: 28px;
    --fonte-pagina: 24px
  }

  .width-wrapper {
  }

  .corpo-wrapper {
    padding: 42px 0;
  }
}

@media only screen and (max-width: 800px) {
  :root {
    font-size: 16px;
  }

  body {
    --espaco-linha: 12px;
    --espaco-gutter: 16px;
    --espaco-grande: 48px;

    --fonte-base: 1rem;
    --fonte-pequena: 14px;
    --fonte-header: 24px;
    --fonte-titulo: 24px;
    --fonte-pagina: 20px
  }

  /*novidades*/

  .brasao {
    height: 80px;
  }

  .portal .brasao {
    height: 70px;
  }

  .centro-titulo {
    font-size: var(--fonte-pequena);
  }

  .departamento-titulo {
    font-size: var(--fonte-base);
  }


  h2.bigode p {
    font-size: 24px;
  }

  .width-wrapper {
    padding-left: var(--espaco-gutter);
    padding-right: var(--espaco-gutter);
  }

  .corpo-wrapper {
    padding-top: var(--espaco-gutter);
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .busca-teste {
    width: calc(100vw - 2 * var(--espaco-gutter));
  }

  #busca div {
    display: none;
  }

  /*novidades end*/

  /* ===================== CARD-MOBILE ===================*/

  .noticias-widget {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, min-content);
    width: 100%;
    min-height: 500px;
    gap: var(--espaco-linha);
  }

  .noticias-widget-linha {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, min-content);
    width: 100%;
    gap: var(--espaco-gutter);
  }

  .noticias-widget-linha .bigode {
    display: none;
  }

  .noticias-widget .noticia-card:first-child {
    grid-area: inherit;
  }

  .noticia-card-categoria {
    grid-template-areas: "imagem-card ." "imagem-card .";
  }

  .noticia-card {
    min-height: 100px;
    /*grid-template-columns: 110px 1fr;
    grid-template-rows: min-content min-content 1fr;
    grid-template-areas: "imagem-card ." "imagem-card ." "imagem-card .";
    column-gap: var(--espaco-pequeno);*/
  }

  .noticia-card .noticia-card-imagem.small-spacer {
    /*margin-bottom: 0;*/
  }

  .noticia-card-imagem {
    /*aspect-ratio: 1;*/
  }

  .sidebar-noticias {
    margin-top: 0;
  }

  .noticia-card.linha-abaixo{
    padding-bottom: var(--espaco-linha);
  }

  .noticias-widget .noticia-card:first-child {
    min-height: 300px;
    color: var(--cor-texto-escuro);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content auto;
    grid-template-areas: "imagem-card" "." "." ".";
  }

  .noticias-widget .noticia-card:first-child .noticia-card-imagem.small-spacer {
    margin-bottom: var(--espaco-linha);
    aspect-ratio: 16/9;
  }

  .noticia-categoria-imagem {
    height: auto;
    width: 100px;
    aspect-ratio: 1;
    margin-bottom: -4px;
  }

  .noticia-card-categoria .evento-card-imagem {
    height: auto;
    width: 100px;
    aspect-ratio: 4/5;
    margin-bottom: -4px;
  }

  .page-nav {
    gap: unset;
    justify-content: space-between;
  }

  .busca-resultados button[type="submit"] {
    font-size: var(--fonte-base);
  }

  button[type="submit"] {
    min-height: unset;
  }

  /* ===================== HERO IMAGE ================== */


  .slide-texto-box h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .slide-texto-box .texto {
    margin-bottom: 12px;
  }

  .slide-texto-box {
    bottom: 24px;
    padding: 16px 20px 20px;
    max-width: 85%;
    margin-left: -16px;
  }

  .slide-texto-box::before {
    width: calc(100% - 8px);
    height: 84px;
    bottom: -8px;
    right: -8px;
  }

  .slide > img {
    height: 75%;
  }

  .carrossel {
    height: 400px;
  }

  /* ===================== WIDGET EDITAIS ===============*/

  .editais {
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
  }

  .edital-card .titulo {
    font-size: var(--fonte-pequena);
  }

  /* ===================== WIDGET MARCAS ===============*/

  .acesso-marcas-widget {
    grid-template-rows: repeat(2, min-content);
    grid-template-columns: repeat(3, 1fr);
  }

  .acesso-marcas-widget .link-full img {
    height: min-content;
  }

  .acesso-marcas-widget .link-full {
    justify-content: center;
  }

  /* ===================== WIDGET RAPIDOS OITO COMPACTO ===============*/

  .acesso-links-oito-widget {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, min-content);
  }

  .link-oito-icon-wrapper {
    font-size: 30px;
  }

  /* ===================== WIDGET RAPIDOS IMAGENS ===============*/  

  .acesso-imagens-widget {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: unset;
  }

  .wp-block-list li{
    padding-left: .5em;
  }

  .wp-block-list {
    margin-left: 1rem;
  }

  .cabecalho{
    flex-direction: row;
    gap: var(--espaco-gutter);
    /*gap: var(--espaco-gutter);*/
    flex-direction: row-reverse;
    margin-top: var(--espaco-gutter);
    margin-bottom: var(--espaco-minimo);
    justify-content: start;
  }

  .custom-logo-link {
    display: none;
  }

  .ufpb-nome {
    display: none;
  }

  .imagem {
    /*display: none;*/
    margin-bottom: 0;
    height: 12vh;
  }

  .imagem.banner-topo {
    margin-bottom: 0;
  }

  .corpo {
    gap: var(--espaco-gutter);
  }

  .corpo-grid {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--espaco-gutter);
    width: 100%;
  }

  .eventos-grid {
    grid-template-columns: 1fr;
  }

  .evento-card, .evento-card.solo {
    grid-template-columns: 1fr;
    row-gap: var(--espaco-linha);
  }

  .evento-card.solo div:nth-child(2) {
    grid-area: auto;
  }

  .evento-card .bigode {
    display: none;
  }

  .eventos {
    margin-bottom: 0;
  }

  .evento-wrapper-solo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width: 100%;
    height: 100%;
    transition: .15s;
    background: var(--cor-middleground);
    overflow: hidden;
  }

  .evento-wrapper-solo div:first-child {
    order: inherit;
  }

  .conteudo2-eventos-dupla, .conteudo2-eventos-trio, .conteudo2-eventos-solo{ 
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-bottom: 20px;
  }

  #menu-buttons i {
    font-size: 16px;
  }

  .content-grid {
    margin-top: var(--espaco-gutter);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  .sidebar {
    display: none;
  }

  
  .noticias-wrapper {
    padding: 0 16px;
  }

  .paginas-numeros {
    display: none;
  }

  #noticia-principal {
    font-size: var(--fonte-1up);
    font-weight: 600;
  }  

  .noticias-relacionadas .bigode, .noticias-relacionadas .categorias{
    display: none;
  }

  .noticia-compartilhe {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .mapa {
    padding: 0 16px;
  }  

  #mapa-coluna1 {
    grid-area: mapa-e-foto;
    display: grid;
    grid-template-rows: 3fr 2fr;
    gap: 30px;
  }

  .conteudo {  
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
    "n1"
    "n3"
    "n3";
    gap: 20px;
  }

  .conteudo2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "n1" "n2" "n3" "n4" "n5" "n6";
    gap: 20px;
  }

  .noticias-coluna {
    gap: 20px;
  }  

  .links-wrapper {  
    padding: 0 16px;
  }

  .links {  
    gap: --espaco-gutter;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    grid-auto-flow: row;
  }

  .link-image-wrapper {
    font-size: 40px;
  }

  .link-image {
    display: block;
    width: 60%;
    height: 60%;
  }

  .apresentacao {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content;
    grid-template-areas:
        "media"
        "tx   ";
  }


  /*======================== HEADER PORTAL MOBILE ================================*/

  .portal.topo .cabecalho {
    gap: var(--espaco-gutter);
    gap: var(--espaco-linha);
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .portal .cabecalho {
    margin-top: var(--espaco-linha);
  }

  .portal .cabecalho > div:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  
  .portal .cabecalho > div, .portal .cabecalho > a {
    width: 100%;
  }  

  .portal .menu-wrapper {
    margin-bottom: 0;
  }

  button[type="nav"] {    
    display: flex;    
    padding: var(--espaco-pequeno);
    border: 1px solid var(--cor-linha);
  }

  button[type="nav"] i {
    font-size: 16px;
  }

  #desktop-menu {
    display: none;
  }  
  
  .destaque-img {
    margin: 0 calc(-1 * var(--espaco-gutter));
    margin-bottom: var(--espaco-gutter);
    width: unset;
  }

  .destaque-solo, .destaque-solo-invertido {
    display: flex;
    flex-direction: column-reverse;
  }

  .destaque-solo .linha-header,
  .destaque-solo-invertido .linha-header,
  .destaque-solo .linha-header-longa,
  .destaque-solo-invertido .linha-header-longa {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }

  .destaque-solo-img {
    height: auto;
    margin: 0 calc(-1 * var(--espaco-gutter));
  }  

  .destaque-solo .linha-header-longa {
    border-top: 0;
  }

  .destaque-solo.invertido {
    grid-template-columns: auto;
  }  

  .destaque-solo-img.invertido {
    margin-left: -1rem;
    margin-right: 0;
  }

  .destaque-solo div:first-child {
    background-color:  var(--cor-middleground);
    min-height: 0;
    grid-row: 2;
  }

  .destaque-dupla {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    row-gap: var(--espaco-grande);
  }  
  
  .destaque-trio {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    row-gap: var(--espaco-grande);
  }

  .mapa-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  #mapa-inlay {
    height: 500px;
  }

  .sitemap-wrapper {
    display: none;
  }

  #footer-top {
    flex-direction: column;
  }

  #footer-dados {
    flex-direction: row-reverse;
    justify-content: space-between;
  }  

  #footer-dados > div {
    margin-bottom: var(--espaco-gutter);
  }

  .footer-direita {
    display: block;
  }

  #footer-creditos {
    justify-content: flex-start;
    height: 44px;
  }

  #footer-logo {
    display: none;
  }

  #footer-ultima-linha {
    flex-direction: column;
    gap: 4px;
  }

  #footer-acesso-info {
    flex-direction: column;
    gap: 0;
  }

  .redes-sociais i {
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 28px;
  }
}