/* ===================================================================
   Pagina da Ouvidoria - estilos de base

   Portado do HTML original recebido em 12/08/2026. La' o CSS mirava
   "body" e "*" porque a pagina era um arquivo isolado; aqui ela vive
   dentro do site, entao tudo fica escopado em .ouvidoria-tce para nao
   vazar para o restante do WordPress. Cores e fontes ja' vem na
   identidade do TCE-MA (matiz da marca + Arial).
   =================================================================== */

.ouvidoria-tce {
  color: #16202A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  background: #FFFFFF;
  /* o original usava min-height:100vh por ser pagina isolada; aqui o
     cabecalho e o rodape do site ja' ocupam espaco, entao nao forcamos. */
  min-height: 0;
}

.ouvidoria-tce *,
.ouvidoria-tce *::before,
.ouvidoria-tce *::after { box-sizing: border-box; }

.ouvidoria-tce img,
.ouvidoria-tce svg { display: block; max-width: 100%; }

.ouvidoria-tce a { color: #00407F; text-underline-offset: 3px; }
.ouvidoria-tce a:hover { color: #012D56; }

.ouvidoria-tce :where(a, button, summary, input):focus-visible {
  outline: 2px solid #00407F;
  outline-offset: 3px;
  border-radius: 2px;
}

.ouvidoria-tce summary::-webkit-details-marker { display: none; }

/* O cabecalho proprio da Ouvidoria era "sticky" no arquivo isolado. Aqui
   o menu do site ja' e' sticky no topo (ver style.css), e dois elementos
   grudados em top:0 se sobrepoem - entao este fica no fluxo normal. */
.ouvidoria-tce header[style*="sticky"] { position: static !important; }

/* Marcador dos blocos condicionais com mais de um filho: quando visivel
   o wrapper nao pode interferir no flex/grid do pai, por isso
   display:contents; quando oculto, o [hidden] volta a valer. */
.ouvidoria-tce .ouv-frag { display: contents; }
.ouvidoria-tce .ouv-frag[hidden] { display: none; }

/* Usado pelo ponto pulsante do processometro ("Dados ao vivo"). */
@keyframes pulso { 0%, 100% { opacity: 1 } 50% { opacity: .25 } }

html { scroll-behavior: smooth; scroll-padding-top: 96px; }

@media (prefers-reduced-motion: reduce) {
  .ouvidoria-tce *, .ouvidoria-tce *::before, .ouvidoria-tce *::after {
    animation: none !important;
    transition: none !important;
  }
  html { scroll-behavior: auto; }
}

/* O CSS Adicional do site forca max-width/margin/line-height em todo
   <article>; os slides do carrossel sao <article> e ficavam espremidos
   (dois por vez). Aqui o ID vence por especificidade. */
#ouv-trilho > article {
  max-width: none !important;
  margin: 0 !important;
  font-size: inherit !important;
  line-height: 1.5 !important;
  color: inherit !important;
}