/* =====================================================================
   JF Páginas 1.1.0 — grupo "arquivos"
   Páginas: busca (body.search, template LC 528), arquivos de categoria, tag
   e autor (body.archive, template LC 724) e página 404 (body.error404).
   Linguagem da home: painel em degradê azul com faixa amarela de 5px, cartões
   azuis com pílula de categoria e linha de informações (relógio, leitura,
   "Leia mais →"), botão-pílula com degradê azul e ícone amarelo.
   Tudo escopado pelo body da página-alvo: nada vale para a home (body.home)
   nem para as matérias (body.single-post). O cabeçalho só é tocado com
   body.search / body.error404 na frente.
   Substitui os dois blocos "busca e 404" e "categorias, tags e autores" da
   jf-paginas 1.0.0 (o bloco das institucionais fica como está).
   Especificidade: o Live Composer imprime o CSS dos módulos com !important
   ("force important"); por isso as regras usam #dslc-main + #dslc-module-…
   (dois ids) e também !important onde o LC define a mesma propriedade.
   ===================================================================== */

/* ---------- paleta (as mesmas variáveis da home, só nestas páginas) ---------- */
body.search,
body.archive,
body.error404 {
  --jf-escuro: #001b36;
  --jf-medio: #013069;
  --jf-azul: #0e74b2;
  --jf-amarelo: #ffc400;
  --jf-claro: #eef4fb;
  --jf-borda: #d7e4f2;
  --jf-txt: #1f2933;
  --jf-leg: #5d6e82;
  --jf-fundo-cartao: #fff;
  --jf-painel: linear-gradient(160deg, #013069 0%, #001b36 75%);
  --jf-cartao: linear-gradient(120deg, #013069 0%, #001b36 70%);
  --jf-sombra: 0 10px 28px rgba(0, 27, 54, .22);
  --jf-sombra-cartao: 0 6px 18px rgba(0, 27, 54, .16);
  /* lupa azul-escura (vai no botão amarelo) */
  --jf-lupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001b36' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
}
/* modo escuro (html.jf-escuro vem da jf-acessibilidade): fundo da página #0b1622 */
html.jf-escuro body.search,
html.jf-escuro body.archive,
html.jf-escuro body.error404 {
  --jf-claro: #0f1d2c;
  --jf-borda: #24405e;
  --jf-txt: #d6dfe9;
  --jf-leg: #9fb0c2;
  --jf-fundo-cartao: #12243a;
  --jf-sombra: 0 10px 28px rgba(0, 0, 0, .35);
  --jf-sombra-cartao: 0 6px 18px rgba(0, 0, 0, .3);
}

/* =====================================================================
   1. PAINEL DO TÍTULO (busca com resultados e arquivos)
   Módulos: arquivo = 00edca04c50 (rótulo) + 610c99be037 (título);
            busca   = 87d40efbb11 (rótulo) + 6e8455fc3c8 (título).
   O PHP (arquivos.php) acrescenta na mesma coluna o formulário de busca
   (.jf-arq-busca), o ícone dentro do h1 e o total (.jf-arq-total).
   ===================================================================== */
body:is(.search-results, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-610c99be037),
body:is(.search-results, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-6e8455fc3c8) {
  margin: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/* a coluna do LC vira o painel: grade com rótulo e título à esquerda, busca à direita */
body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-610c99be037),
body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-6e8455fc3c8) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "rotulo busca" "titulo busca";
  column-gap: 28px;
  row-gap: 6px;
  align-items: center;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 22px 26px 24px !important;
  border: 0; /* zera a barrinha amarela da esquerda da versão 1.0.0 */
  border-top: 5px solid var(--jf-amarelo);
  border-radius: 16px;
  background: var(--jf-painel);
  box-shadow: var(--jf-sombra);
  color: #fff;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-00edca04c50, #dslc-module-87d40efbb11, #dslc-module-610c99be037, #dslc-module-6e8455fc3c8) {
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-00edca04c50, #dslc-module-87d40efbb11) { grid-area: rotulo; }
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) { grid-area: titulo; }

/* rótulo pequeno em amarelo: CATEGORIA / TAG / TEXTOS DE / RESULTADOS PARA */
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-00edca04c50, #dslc-module-87d40efbb11) .dslc-text-module-content {
  margin: 0 !important;
  padding: 0 !important;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-00edca04c50, #dslc-module-87d40efbb11) .dslc-text-module-content h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: var(--jf-amarelo) !important;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-00edca04c50, #dslc-module-87d40efbb11) .dslc-text-module-content h4 strong { font-weight: 700 !important; }
/* sem o PHP, o texto do módulo é sempre "Resultados para a categoria:": nas tags e nos autores troca pelo rótulo certo */
body.tag #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4 strong,
body.author #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4 strong,
body.date #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4 strong { font-size: 0 !important; letter-spacing: 0 !important; }
body.tag #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4::before { content: "Tag"; }
body.author #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4::before { content: "Textos de"; }
body.date #dslc-main #dslc-module-00edca04c50 .dslc-text-module-content h4::before { content: "Arquivo"; }
/* na busca o texto do módulo já serve ("Exibindo resultados para:" / "Resultados para" com o PHP); a 1.0.0 punha um ::before que duplicaria */
body.search-results #dslc-main #dslc-module-87d40efbb11 .dslc-text-module-content h4::before { content: none !important; }

/* título: branco, sem a barrinha amarela da esquerda (a faixa do painel já marca) */
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title {
  margin: 0 !important;
  padding: 0 !important;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  color: #fff !important;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
/* tags vêm em minúsculas ("bastidores do poder"): primeira letra maiúscula */
body.tag #dslc-main #dslc-module-610c99be037 .dslc-tp-title h1::first-letter { text-transform: uppercase; }
/* caixa do título em linha: ícone amarelo (.jf-arq-ic, que o PHP põe DEPOIS do h1 e o order:-1 traz para a frente),
   h1 e, na linha de baixo, o total (.jf-arq-total) */
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title .dslc-tp-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title h1 { min-width: 0; }
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .jf-arq-ic {
  order: -1;
  display: inline-flex;
  flex: none;
  color: var(--jf-amarelo);
}
body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .jf-arq-ic .jf-ic {
  width: 30px;
  height: 30px;
  stroke-width: 2.2;
}
/* termo pesquisado entre aspas amarelas */
body.search-results #dslc-main #dslc-module-6e8455fc3c8 .dslc-tp-title h1::before { content: "\201C"; color: var(--jf-amarelo); }
body.search-results #dslc-main #dslc-module-6e8455fc3c8 .dslc-tp-title h1::after { content: "\201D"; color: var(--jf-amarelo); }
/* total de matérias (PHP) */
body.archive #dslc-main #dslc-module-610c99be037 .jf-arq-total {
  flex-basis: 100%;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font: 600 14px/1.3 "Titillium Web", sans-serif;
  color: rgba(255, 255, 255, .75);
}

/* ---------- formulário de busca dentro do painel (.jf-arq-busca, PHP) ---------- */
body:is(.search, .archive) #dslc-main .jf-arq-busca {
  grid-area: busca;
  justify-self: end;
  width: 100%;
  max-width: 360px;
}
body:is(.search, .archive, .error404) .jf-arq-busca .search-form {
  display: flex !important;
  gap: 8px;
  align-items: stretch;
  margin: 0 !important;
}
body:is(.search, .archive, .error404) .jf-arq-busca .search-form label { display: contents; }
body:is(.search, .archive, .error404) .jf-arq-busca .screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
body:is(.search, .archive, .error404) .jf-arq-busca .search-field {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--jf-escuro) !important;
  font: 400 16px/1 "Titillium Web", sans-serif !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
body:is(.search, .archive, .error404) .jf-arq-busca .search-field::placeholder { color: #5d6e82 !important; opacity: 1; }
body:is(.search, .archive, .error404) .jf-arq-busca .search-field:focus { box-shadow: 0 0 0 3px var(--jf-amarelo); }
/* botão amarelo com a lupa: o mesmo par "azul + ícone amarelo" dos botões da home, invertido sobre o painel */
body:is(.search, .archive, .error404) .jf-arq-busca .search-submit {
  flex: 0 0 50px;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--jf-amarelo) var(--jf-lupa) center / 22px 22px no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: filter .2s ease, transform .2s ease;
}
body:is(.search, .archive, .error404) .jf-arq-busca .search-submit:hover { filter: brightness(1.06); transform: translateY(-1px); }
body:is(.search, .archive, .error404) .jf-arq-busca .search-submit:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

/* =====================================================================
   2. CABEÇALHO DA BUSCA (hf 709 "Pesquisa"): o formulário sai da faixa clara
   O PHP move o formulário para dentro do painel; a seção do cabeçalho que fica
   vazia some. Sem o PHP, a faixa fica azul-escura, emendada com a barra do logo
   (nada de #eef4fb destoando da home).
   ===================================================================== */
body.search #dslc-content #dslc-header .dslc-modules-section:not(:has(.dslc-module-front)):not(:has(img)) { display: none !important; }
body.search #dslc-content #dslc-header .dslc-modules-section:has(.search-form) {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 22px !important;
  background: var(--jf-escuro) !important;
  border: 0 !important;
}
body.search #dslc-content #dslc-header .dslc-modules-area:has(.search-form) {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
body.search #dslc-content #dslc-header .dslc-module-front:has(.search-form) .dslc-html-module-content {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.search #dslc-content #dslc-header .search-form {
  display: flex !important;
  gap: 8px;
  align-items: stretch;
  max-width: 720px;
  margin: 0 auto !important;
}
body.search #dslc-content #dslc-header .search-form .search-field {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--jf-escuro) !important;
  font: 400 16px/1 "Titillium Web", sans-serif !important;
}
body.search #dslc-content #dslc-header .search-form .search-field::placeholder { color: #5d6e82 !important; opacity: 1; }
body.search #dslc-content #dslc-header .search-form .search-field:focus { outline: none; box-shadow: 0 0 0 3px var(--jf-amarelo); }
body.search #dslc-content #dslc-header .search-form .search-submit {
  flex: 0 0 50px;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--jf-amarelo) var(--jf-lupa) center / 22px 22px no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer;
}
html.jf-escuro body.search #dslc-content #dslc-header .dslc-modules-section:has(.search-form) { background: #06101a !important; }

/* =====================================================================
   3. CARTÕES DE MATÉRIA (módulos Posts: busca a95026ad5cf, arquivo 8c6e4784fc6)
   O mesmo cartão das listas da home no celular: foto em cima, caixa azul em
   degradê embaixo, título branco (amarelo ao passar o mouse), pílula da
   categoria sobre a foto e linha de informações com "Leia mais" amarelo.
   A pílula e a linha vêm do PHP (jf_home_pecas); sem o PHP, o "Leia mais"
   do próprio LC vira o link amarelo.
   ===================================================================== */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* clearfix do LC e o separador que o "Ver mais" insere: ocupariam uma célula da grade */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts-inner::before,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts-inner::after,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post-separator { display: none !important; }

body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post {
  position: relative;
  display: flex !important;
  flex-direction: column;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: var(--jf-cartao) !important;
  box-shadow: var(--jf-sombra-cartao);
  transition: box-shadow .25s ease, transform .25s ease, opacity .6s ease;
}
/* foto: largura toda, 16:10, com a leve lente azul embaixo (igual à home) */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb {
  position: relative;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--jf-escuro) !important;
  text-align: left !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb-inner {
  aspect-ratio: 16 / 10;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb-inner a {
  display: block;
  width: 100%;
  height: 100%;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb-inner img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  border-radius: 0 !important;
  transition: transform .6s ease;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 27, 54, 0) 62%, rgba(1, 48, 105, .6) 100%);
}
/* caixa de texto */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-main {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 16px 16px 18px !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
  color: #fff;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 17px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #fff !important;
  text-decoration: none !important;
  text-wrap: pretty;
}
/* o LC pintava o título de azul ao tocar; mesma cor em todos os estados, visitado um pouco mais claro */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a:hover,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a:focus,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a:active { color: #fff !important; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a:visited { color: #dbe5ef !important; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a:focus-visible {
  outline: 2px solid var(--jf-amarelo);
  outline-offset: 2px;
}

/* pílula da categoria sobre a foto (classe .jf-chip, a mesma da home; o CSS da home só vale lá) */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-chip {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 11px;
  border-radius: 999px;
  background: var(--c);
  color: var(--t) !important;
  font: 700 12px/1 "Titillium Web", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-chip .jf-ic { width: 14px; height: 14px; flex: none; stroke-width: 2.2; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-chip span { display: block; }

/* linha de informações: fica no pé do cartão, assim o "Leia mais" alinha entre cartões de títulos diferentes */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  font: 600 13px/1.2 "Titillium Web", sans-serif;
  color: rgba(255, 255, 255, .85);
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta time,
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta .jf-leitura {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta .jf-ic { width: 15px; height: 15px; flex: none; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta .jf-mais {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  line-height: 16px !important;
  color: var(--jf-amarelo) !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-mais .jf-ic { transition: transform .25s ease; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-share {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-share .jf-ic { width: 13px; height: 13px; }

/* "Leia mais" do próprio LC: some quando a linha de informações existe; sem o PHP, vira o link amarelo */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:has(.jf-meta) .dslc-cpt-post-read-more { display: none !important; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-read-more {
  margin: auto 0 0 !important;
  padding: 12px 0 0 !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-read-more a {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--jf-amarelo) !important;
  text-decoration: none !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-read-more a .dslc-icon { display: none !important; }
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-read-more a::after {
  content: "\2192";
  font-size: 14px;
  transition: transform .2s ease;
}

/* efeitos só onde há mouse (no toque o estado "hover" grudaria) */
@media (hover: hover) {
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover {
    box-shadow: 0 12px 26px rgba(0, 27, 54, .28);
    transform: translateY(-2px);
  }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover .dslc-cpt-post-thumb-inner img { transform: scale(1.05); }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover .dslc-cpt-post-title h2 a { color: var(--jf-amarelo) !important; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover .dslc-cpt-post-read-more a::after,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-mais:hover .jf-ic { transform: translateX(3px); }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-chip:hover { filter: brightness(1.08); }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-share:hover {
    background: var(--jf-amarelo);
    border-color: var(--jf-amarelo);
    color: var(--jf-escuro);
  }
}
/* no computador o compartilhar sai (como na home: ali o botão é coisa de celular) */
@media (min-width: 1200px) {
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-share { display: none !important; }
}

/* seção dos cartões: respiro em cima, nada embaixo (a paginação cuida) */
body:is(.search, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-a95026ad5cf),
body:is(.search, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-8c6e4784fc6) {
  margin-bottom: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

/* =====================================================================
   4. PAGINAÇÃO "Ver mais resultados": pílula com degradê azul e ícone amarelo
   (o botão "Carregar mais notícias" da home)
   ===================================================================== */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination {
  margin: 28px 0 56px !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li {
  float: none !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 52px;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 32px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(120deg, var(--jf-medio) 0%, var(--jf-azul) 100%) !important;
  color: #fff !important;
  font: 700 16px/1 "Titillium Web", sans-serif !important;
  letter-spacing: .02em;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(14, 116, 178, .28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a .dslc-icon {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  color: var(--jf-amarelo) !important;
}
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a:focus-visible {
  outline: 3px solid var(--jf-amarelo);
  outline-offset: 3px;
}
/* acabaram os resultados: o LC marca o item como inativo */
body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li.dslc-inactive { display: none !important; }
@media (hover: hover) {
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(14, 116, 178, .38);
    filter: brightness(1.08);
  }
}

/* =====================================================================
   5. SELO "PÁGINA CERTIFICADA" (arquivos, módulos ff10a823cf4 + 8a96ce3717c)
   O template 724 traz este aviso de autenticidade logo abaixo do cabeçalho.
   Aqui ele desce para o fim da lista, como um selo discreto, e a página passa
   a abrir direto no painel azul (como a home). Para voltar ao topo, basta
   apagar a regra "order: 9".
   ===================================================================== */
body.archive #dslc-main:has(#dslc-module-ff10a823cf4) {
  display: flex;
  flex-direction: column;
}
body.archive #dslc-main > .dslc-modules-section:has(#dslc-module-ff10a823cf4) {
  order: 9;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 40px !important;
  background: transparent !important;
  border: 0 !important;
}
body.archive #dslc-main .dslc-modules-area:has(> #dslc-module-ff10a823cf4) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid var(--jf-borda);
  border-radius: 12px;
  background: var(--jf-fundo-cartao);
}
body.archive #dslc-main :is(#dslc-module-ff10a823cf4, #dslc-module-8a96ce3717c) {
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body.archive #dslc-main #dslc-module-ff10a823cf4 { flex: 0 0 auto; border: 0 !important; }
body.archive #dslc-main #dslc-module-8a96ce3717c { flex: 1 1 320px; min-width: 0; }
body.archive #dslc-main :is(#dslc-module-ff10a823cf4, #dslc-module-8a96ce3717c) .dslc-info-box,
body.archive #dslc-main :is(#dslc-module-ff10a823cf4, #dslc-module-8a96ce3717c) .dslc-info-box-wrapper,
body.archive #dslc-main :is(#dslc-module-ff10a823cf4, #dslc-module-8a96ce3717c) .dslc-info-box-main-wrap,
body.archive #dslc-main :is(#dslc-module-ff10a823cf4, #dslc-module-8a96ce3717c) .dslc-info-box-main {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
/* ícone e título lado a lado: o LC põe os dois dentro de .dslc-info-box-main-wrap (ícone "acima" por padrão) */
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-main-wrap {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-main-wrap::before,
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-main-wrap::after { display: none !important; }
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-image { margin: 0 !important; flex: none; }
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-image-inner {
  display: flex;
  align-items: center;
  width: 24px !important;
  height: 24px !important;
}
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-image-inner svg,
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-image-inner .dslc-icon {
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
}
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-title { margin: 0 !important; }
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-title h4 {
  margin: 0 !important;
  padding: 0 !important;
  font: 700 13px/18px "Titillium Web", sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: var(--jf-medio) !important;
  white-space: nowrap;
}
body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-content,
body.archive #dslc-main #dslc-module-8a96ce3717c .dslc-info-box-image { display: none !important; }
body.archive #dslc-main #dslc-module-8a96ce3717c .dslc-info-box-content,
body.archive #dslc-main #dslc-module-8a96ce3717c .dslc-info-box-content * {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--jf-leg) !important;
  overflow-wrap: anywhere;
}
html.jf-escuro body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-title h4 { color: #6cc0f5 !important; }
html.jf-escuro body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-image-inner svg path { fill: #6cc0f5 !important; }

/* =====================================================================
   6. BUSCA SEM RESULTADOS (body.search-no-results, search.php do tema,
   módulo cbdf4f86f43 com "Não encontramos resultados para a pesquisa: X")
   Vira o mesmo painel azul, com ícone, dica e o formulário (movido pelo PHP).
   Esta página não tem #dslc-main (é o search.php do tema): o ancestral é #dslc-content.
   ===================================================================== */
body.search-no-results #dslc-content .dslc-modules-section:has(#dslc-module-cbdf4f86f43) {
  margin: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 64px !important;
  background: transparent !important;
  border: 0 !important;
}
body.search-no-results #dslc-content .dslc-modules-area:has(> #dslc-module-cbdf4f86f43) {
  float: none !important;
  width: 100% !important;
  max-width: 720px;
  margin: 0 auto !important;
  box-sizing: border-box;
  padding: 32px 28px 28px !important;
  border-top: 5px solid var(--jf-amarelo);
  border-radius: 16px;
  background: var(--jf-painel);
  box-shadow: var(--jf-sombra);
  color: #fff;
  text-align: center;
}
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 .dslc-text-module-content {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/* lupa com x, em amarelo, num disco translúcido */
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 center::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc400' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6M8.5 8.5l5 5M13.5 8.5l-5 5'/%3E%3C/svg%3E") center / 32px 32px no-repeat;
}
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #fff !important;
  overflow-wrap: anywhere;
}
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 h4 strong { font-weight: 700 !important; color: #fff !important; }
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 h4 span { color: var(--jf-amarelo) !important; }
body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 .dslc-text-module-content::after {
  content: "Confira se a palavra foi digitada certo, tente um termo mais curto ou mais geral (o nome do bairro ou do assunto, por exemplo) e busque de novo.";
  display: block;
  max-width: 520px;
  margin: 12px auto 0;
  font: 400 15px/1.6 "Titillium Web", sans-serif;
  color: rgba(255, 255, 255, .8);
}
body.search-no-results #dslc-content .jf-arq-busca {
  max-width: 520px;
  margin: 22px auto 0;
}

/* =====================================================================
   7. PÁGINA 404 (body.error404; marcação .jf-404 gerada pelo arquivos.php)
   Painel azul centralizado com ilustração em SVG inline (jornal com a ponta
   dobrada e lupa), "Erro 404", título, texto, busca e botões.
   ===================================================================== */
/* seção branca vazia que o cabeçalho (hf 11) traz nesta página */
body.error404 #dslc-content #dslc-header .dslc-modules-section[style*="ffffff"]:not(:has(.dslc-module-front)) { display: none !important; }
body.error404 .jf-404 {
  max-width: 720px;
  margin: 40px auto 72px;
  padding: 0 24px;
  box-sizing: border-box;
}
body.error404 .jf-404-painel {
  position: relative;
  padding: 36px 32px 32px;
  border-top: 5px solid var(--jf-amarelo);
  border-radius: 16px;
  background: var(--jf-painel);
  box-shadow: var(--jf-sombra);
  color: #fff;
  text-align: center;
}
body.error404 .jf-404-ilus {
  display: block;
  width: min(280px, 72%);
  height: auto;
  margin: 0 auto 18px;
}
body.error404 .jf-404-cod {
  margin: 0 0 6px !important;
  font: 700 13px/1.2 "Titillium Web", sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--jf-amarelo);
}
body.error404 .jf-404 h1 {
  margin: 0 !important;
  padding: 0 !important;
  font: 700 clamp(28px, 5vw, 40px)/1.15 "Titillium Web", sans-serif !important;
  color: #fff !important;
  text-wrap: balance;
}
body.error404 .jf-404-txt {
  max-width: 520px;
  margin: 14px auto 22px !important;
  font: 400 16px/1.6 "Titillium Web", sans-serif;
  color: rgba(255, 255, 255, .85);
}
body.error404 .jf-404 .jf-arq-busca {
  max-width: 520px;
  margin: 0 auto;
}
body.error404 .jf-404-acoes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}
body.error404 .jf-404-acoes a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  box-sizing: border-box;
  padding: 0 24px;
  border-radius: 999px;
  font: 700 15px/1 "Titillium Web", sans-serif;
  text-decoration: none !important;
  transition: filter .2s ease, transform .2s ease, background-color .2s ease;
}
body.error404 .jf-404-acoes a .jf-ic { width: 18px; height: 18px; flex: none; }
body.error404 .jf-404-inicio {
  background: var(--jf-amarelo);
  color: var(--jf-escuro) !important;
}
body.error404 .jf-404-ultimas {
  border: 1.5px solid rgba(255, 255, 255, .55);
  color: #fff !important;
}
body.error404 .jf-404-ultimas .jf-ic { color: var(--jf-amarelo); }
body.error404 .jf-404-acoes a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (hover: hover) {
  body.error404 .jf-404-inicio:hover { filter: brightness(1.06); transform: translateY(-1px); }
  body.error404 .jf-404-ultimas:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
}

/* =====================================================================
   8. TABLET (768–1199px): 2 colunas de cartões, painel um pouco menor
   ===================================================================== */
@media (min-width: 768px) and (max-width: 1199px) {
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a {
    font-size: 19px !important;
    line-height: 24px !important;
  }
  body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title h1 { font-size: 30px !important; }
  body:is(.search, .archive) #dslc-main .jf-arq-busca { max-width: 300px; }
}

/* =====================================================================
   9. CELULAR (≤767px): cartões empilhados (foto em cima, caixa azul embaixo,
   como as listas da home), painel em coluna com a busca embaixo do título
   ===================================================================== */
@media (max-width: 767px) {
  body:is(.search-results, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-610c99be037),
  body:is(.search-results, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-6e8455fc3c8) { padding-top: 16px !important; }
  body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-610c99be037),
  body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-6e8455fc3c8) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "rotulo" "titulo" "busca";
    row-gap: 4px;
    padding: 18px 16px 18px !important;
  }
  body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .dslc-tp-title h1 { font-size: 26px !important; }
  body:is(.search-results, .archive) #dslc-main :is(#dslc-module-610c99be037, #dslc-module-6e8455fc3c8) .jf-arq-ic .jf-ic { width: 24px; height: 24px; }
  body:is(.search, .archive) #dslc-main .jf-arq-busca {
    justify-self: stretch;
    max-width: none;
    margin-top: 12px;
  }
  body:is(.search, .archive, .error404) .jf-arq-busca .search-field,
  body.search #dslc-content #dslc-header .search-form .search-field { padding: 0 14px !important; }
  body.search #dslc-content #dslc-header .dslc-modules-section:has(.search-form) { padding-bottom: 16px !important; }

  body:is(.search, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-a95026ad5cf),
  body:is(.search, .archive) #dslc-main .dslc-modules-section:has(#dslc-module-8c6e4784fc6) { padding-top: 16px !important; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-posts-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-title h2 a {
    font-size: 16px !important;
    line-height: 21px !important;
  }
  /* linha de informações mais enxuta (a home também esconde o tempo de leitura no celular) */
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta { gap: 4px 12px; padding-top: 10px; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-meta .jf-leitura { display: none; }
  /* botão "Ver mais" na largura toda */
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination { margin: 24px 0 44px !important; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination ul,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li { width: 100%; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a {
    display: flex !important;
    width: 100%;
  }
  /* selo certificado: ícone + título numa linha, texto embaixo */
  body.archive #dslc-main > .dslc-modules-section:has(#dslc-module-ff10a823cf4) { padding-bottom: 32px !important; }
  body.archive #dslc-main #dslc-module-ff10a823cf4 .dslc-info-box-title h4 { white-space: normal; }
  /* sem resultados */
  body.search-no-results #dslc-content .dslc-modules-section:has(#dslc-module-cbdf4f86f43) { padding-top: 16px !important; padding-bottom: 40px !important; }
  body.search-no-results #dslc-content .dslc-modules-area:has(> #dslc-module-cbdf4f86f43) { padding: 26px 18px 22px !important; }
  body.search-no-results #dslc-content #dslc-module-cbdf4f86f43 h4 { font-size: 20px !important; }
  /* 404 */
  body.error404 .jf-404 { margin: 20px auto 48px; padding: 0 16px; }
  body.error404 .jf-404-painel { padding: 28px 18px 22px; }
  body.error404 .jf-404-acoes { flex-direction: column; }
  body.error404 .jf-404-acoes a { width: 100%; }
}

/* =====================================================================
   10. MODO ESCURO (html.jf-escuro): o fundo da página fica #0b1622; os
   painéis e cartões já são azul-escuros, só ganham borda fina e perdem sombra
   ===================================================================== */
html.jf-escuro body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-610c99be037),
html.jf-escuro body:is(.search-results, .archive) #dslc-main .dslc-modules-area:has(> #dslc-module-6e8455fc3c8),
html.jf-escuro body.search-no-results #dslc-content .dslc-modules-area:has(> #dslc-module-cbdf4f86f43),
html.jf-escuro body.error404 .jf-404-painel {
  border: 1px solid #24405e;
  border-top: 5px solid var(--jf-amarelo);
  box-shadow: none;
}
html.jf-escuro body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post {
  border: 1px solid #24405e !important;
  box-shadow: none;
}
html.jf-escuro body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a { box-shadow: none; }
html.jf-escuro body:is(.search, .archive, .error404) .jf-arq-busca .search-field,
html.jf-escuro body.search #dslc-content #dslc-header .search-form .search-field {
  background: #0b1622 !important;
  color: #eef3f8 !important;
  box-shadow: inset 0 0 0 1px #3a6d99;
}
html.jf-escuro body:is(.search, .archive, .error404) .jf-arq-busca .search-field::placeholder,
html.jf-escuro body.search #dslc-content #dslc-header .search-form .search-field::placeholder { color: #8fb6d6 !important; }

/* =====================================================================
   11. MENOS MOVIMENTO
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-cpt-post-thumb-inner img,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-pagination li a,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .jf-mais .jf-ic,
  body:is(.search, .archive, .error404) .jf-arq-busca .search-submit,
  body.error404 .jf-404-acoes a { transition: none !important; }
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover,
  body:is(.search, .archive) #dslc-main :is(#dslc-module-a95026ad5cf, #dslc-module-8c6e4784fc6) .dslc-post:hover .dslc-cpt-post-thumb-inner img { transform: none; }
}