/*
 * blocos.css — so o que os blocos de dados (busca de exames, convenios) precisam alem do CSS do tema.
 * D-126. Camada de apresentacao de dados (Caio); o Thiago pode reescrever inteiro no redesenho.
 * Cores do manual da marca (AGENCIA/knowledge/cde-marca/tokens.css): grafite para texto (11:1),
 * verde escuro para realce (4,65:1). O verde claro reprova em texto sobre branco: so decoracao.
 */
.filtro-intro { margin: 8px 0 20px; color: #3C3C3B; }
.filtro-campos { display: flex; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 12px; }
.filtro-campo { display: flex; flex-direction: column; gap: 4px; flex: 1 1 240px; max-width: 420px; }
.filtro-campo label { font-size: 14px; font-weight: 600; color: #3C3C3B; }
.filtro-campo input, .filtro-campo select {
  font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid #C9C9C9; border-radius: 8px;
  background: #fff; color: #3C3C3B; width: 100%;
}
.filtro-campo input:focus-visible, .filtro-campo select:focus-visible { outline: 3px solid #657D2A; outline-offset: 1px; }
.filtro-contador { min-height: 1.5em; font-size: 14px; color: #3C3C3B; margin: 0 0 8px; }
.filtro-lista { list-style: none; margin: 0; padding: 0; columns: 2 320px; column-gap: 32px; }
.filtro-lista li { break-inside: avoid; padding: 8px 0; border-bottom: 1px solid #E3E3E3; }
.filtro-lista a { color: #3C3C3B; font-weight: 600; }
.filtro-lista a:hover, .filtro-lista a:focus-visible { color: #657D2A; text-decoration: underline; }
.filtro-tag { display: inline-block; font-size: 12px; color: #657D2A; margin-left: 6px; white-space: nowrap; }
.filtro-vazio { background: #F7F7F4; border-radius: 8px; padding: 16px; margin: 8px 0 0; }
.filtro-vazio a { color: #657D2A; font-weight: 600; text-decoration: underline; }
[data-filtro-item][hidden] { display: none !important; }

.convenios-bloco { margin-top: 24px; text-align: left; }
.tabela-rolagem { overflow-x: auto; }
.tabela-convenios { width: 100%; border-collapse: collapse; background: #fff; font-size: 15px; }
.tabela-convenios caption { text-align: left; font-size: 14px; color: #3C3C3B; padding: 0 0 8px; }
.tabela-convenios th, .tabela-convenios td { padding: 10px 12px; border-bottom: 1px solid #E3E3E3; text-align: left; }
.tabela-convenios thead th { background: #657D2A; color: #fff; font-weight: 600; }
.tabela-convenios td { text-align: center; width: 120px; color: #657D2A; font-weight: 700; }
.tabela-convenios tbody th { font-weight: 500; color: #3C3C3B; }
.convenios-nota { font-size: 14px; color: #3C3C3B; margin-top: 12px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Previa com dados nao confirmados (build --rascunho). Nunca vai para dist/. */
.faixa-rascunho { position: sticky; top: 0; z-index: 99999; background: #F4F0A5; color: #3C3C3B;
  border-bottom: 3px solid #657D2A; padding: 10px 16px; font-size: 14px; text-align: center; }

/* Blog (D-128). Visual inicial com o tema; o Thiago redesenha. */
.blog-artigo { max-width: 780px; margin: 0 auto; text-align: left; }
.blog-artigo > .texto + .texto, .blog-artigo > .texto + .row, .blog-artigo > .row + .texto { margin-top: 32px; }
.blog-meta { font-size: 14px; color: #5E5E5C; margin: 0 0 20px; }
.blog-estado { background: #F4F0A5; border-left: 4px solid #657D2A; padding: 10px 14px; border-radius: 0 8px 8px 0; margin-bottom: 20px; font-size: 14px; }
.blog-revisor { display: flex; gap: 16px; align-items: center; margin-top: 32px; padding: 16px; border: 1px solid #E3E3E3; border-radius: 12px; font-size: 14px; color: #3C3C3B; }
.blog-revisor img { border-radius: 50%; flex: none; }
.blog-cta { margin-top: 28px; }
.blog-aviso { font-size: 13px; color: #5E5E5C; margin-top: 12px; }
.blog-lista { list-style: none; margin: 0 auto; padding: 0; max-width: 780px; text-align: left; }
.blog-item { padding: 20px 0; border-bottom: 1px solid #E3E3E3; }
.blog-item-meta { font-size: 13px; color: #657D2A; margin: 0 0 4px; }
.blog-item-titulo { font-size: 22px; margin: 0 0 6px; }
.blog-item-titulo a { color: #3C3C3B; }
.blog-item-titulo a:hover, .blog-item-titulo a:focus-visible { color: #657D2A; text-decoration: underline; }

/* Declaracao de acessibilidade (D-140). O link do tema (.texto a) e verde claro, 2,2:1: reprova. */
.declaracao-acessibilidade h2 { font-size: 22px; color: #3C3C3B; margin: 28px 0 10px; }
.declaracao-acessibilidade p, .declaracao-acessibilidade li { color: #3C3C3B; }
.declaracao-acessibilidade ul { padding-left: 20px; list-style: disc; }
.declaracao-acessibilidade li { margin-bottom: 6px; }
.declaracao-acessibilidade a:not(.btn) { color: #657D2A; font-weight: 600; text-decoration: underline; }
.declaracao-acessibilidade a:focus-visible { outline: 3px solid #657D2A; outline-offset: 2px; }