/* A Câmara é Nossa: estilo jornal claro, blog simples */
:root {
  --tinta: #1a1a1a;
  --papel: #ffffff;
  --suave: #6b6b6b;
  --linha: #e4e0d8;
  --destaque: #a31621;
  --fundo-card: #faf8f4;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  line-height: 1.65;
}
a { color: var(--destaque); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header.topo {
  border-bottom: 3px double var(--tinta);
  padding: 28px 0 18px;
  text-align: center;
}
header.topo .marca {
  font-size: 2.1rem; font-weight: 700; letter-spacing: -.5px; margin: 0;
  display: flex; align-items: center; justify-content: center; gap: .5rem;
}
header.topo .marca a { color: var(--tinta); display: inline-flex; align-items: center; gap: .5rem; }
img.logo { height: 1.9em; width: auto; display: inline-block; vertical-align: middle; }
img.logo-rodape { height: 1.6em; width: auto; vertical-align: middle; margin-right: .3rem; }
header.topo .sub {
  color: var(--suave); font-size: .95rem; margin: .4rem 0 0;
}
nav.principal {
  border-bottom: 1px solid var(--linha);
  text-align: center; padding: 10px 0; font-family: system-ui, sans-serif;
  font-size: .9rem;
}
nav.principal a { color: var(--tinta); margin: 0 12px; }
main { padding: 32px 0 60px; }
article.exposicao { margin-bottom: 40px; padding-bottom: 36px; border-bottom: 1px solid var(--linha); }
article.exposicao:last-child { border-bottom: none; }
.data-linha {
  font-family: system-ui, sans-serif; font-size: .8rem; letter-spacing: .04em;
  text-transform: uppercase; color: var(--suave); margin-bottom: .4rem;
}
h1.titulo { font-size: 1.7rem; line-height: 1.2; margin: .1rem 0 .5rem; }
h1.titulo a { color: var(--tinta); }
.linha-fina { font-size: 1.05rem; color: #333; margin: 0 0 .7rem; }
.nota {
  display: inline-block; font-family: system-ui, sans-serif; font-size: .78rem;
  background: var(--tinta); color: #fff; border-radius: 3px; padding: 2px 8px;
  vertical-align: middle;
}
.leia { font-family: system-ui, sans-serif; font-size: .85rem; }
.leia a { margin-right: 14px; }
.conteudo h1, .conteudo h2, .conteudo h3 {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.25; margin-top: 1.8rem;
}
.conteudo h1 { font-size: 1.7rem; }
.conteudo h2 { font-size: 1.25rem; border-top: 1px solid var(--linha); padding-top: 1.2rem; }
.conteudo p { margin: 1rem 0; }
.conteudo img { max-width: 100%; }
blockquote {
  margin: 1.2rem 0; padding: .2rem 0 .2rem 1.1rem;
  border-left: 3px solid var(--destaque); color: #444; font-style: italic;
}
.aviso {
  background: var(--fundo-card); border: 1px solid var(--linha);
  border-radius: 6px; padding: 16px 18px; font-family: system-ui, sans-serif;
  font-size: .9rem; color: #444; margin: 22px 0;
}
.rodape {
  border-top: 3px double var(--tinta); margin-top: 40px;
  padding: 22px 0 50px; text-align: center; color: var(--suave);
  font-family: system-ui, sans-serif; font-size: .82rem;
}
.vazio { color: var(--suave); text-align: center; padding: 60px 0; }

/* Bloco de destaque no topo da exposicao */
.destaque {
  background: var(--fundo-card); border: 1px solid var(--linha);
  border-top: 4px solid var(--destaque); border-radius: 8px;
  padding: 18px 20px; margin: 0 0 28px;
}
.destaque .nota-grande {
  display: inline-block; font-family: system-ui, sans-serif; font-weight: 700;
  font-size: 1rem; background: var(--destaque); color: #fff;
  border-radius: 6px; padding: 6px 12px; margin-bottom: 12px;
}
.destaque .rotulo {
  font-family: system-ui, sans-serif; font-size: .78rem; letter-spacing: .05em;
  text-transform: uppercase; color: var(--suave); display: block; margin-bottom: 4px;
}
.destaque p { margin: .5rem 0 0; font-size: 1rem; }

/* Resumo com "Leia mais" (recorta em 3 linhas) */
.resumo-caixa { margin: .6rem 0 0; }
.ver-mais-toggle { display: none; }
.resumo-texto {
  margin: .3rem 0 0; font-size: .95rem; color: #333; line-height: 1.55;
  font-family: Georgia, 'Times New Roman', serif;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.ver-mais-toggle:checked ~ .resumo-texto {
  -webkit-line-clamp: unset; display: block; overflow: visible;
}
.ver-mais-label {
  display: inline-block; cursor: pointer; font-family: system-ui, sans-serif;
  font-weight: 600; font-size: .85rem; color: var(--destaque);
  padding: 6px 0 0;
}
.ver-mais-label::after { content: attr(data-mais); }
.ver-mais-toggle:checked ~ .ver-mais-label::after { content: attr(data-menos); }

/* Compartilhar */
.compartilhar { font-family: system-ui, sans-serif; font-size: .85rem; margin: 14px 0 0; }
.compartilhar button, .compartilhar a {
  display: inline-block; background: #fff; border: 1px solid var(--linha);
  color: var(--tinta); border-radius: 6px; padding: 6px 12px; margin: 4px 6px 0 0;
  cursor: pointer; text-decoration: none; font-size: .85rem;
}
.compartilhar button:hover, .compartilhar a:hover { border-color: var(--destaque); color: var(--destaque); }

/* Bloco de reportar erro */
.reportar {
  background: #fff8f8; border: 1px solid #e8c9c9;
  border-left: 4px solid var(--destaque); border-radius: 8px;
  padding: 16px 18px; margin: 32px 0 0; font-family: system-ui, sans-serif;
}
.reportar .rotulo {
  font-size: .78rem; letter-spacing: .05em; text-transform: uppercase;
  color: var(--destaque); font-weight: 700; display: block; margin-bottom: 6px;
}
.reportar p { margin: .4rem 0; font-size: .92rem; color: #333; }
.reportar a.botao {
  display: inline-block; background: var(--destaque); color: #fff;
  border-radius: 6px; padding: 9px 16px; font-weight: 600; text-decoration: none;
}
.reportar a.botao:hover { background: #8d1119; text-decoration: none; }
.reportar .miudo { font-size: .8rem; color: var(--suave); }

/* Acoes por item (compartilhar/cobrar) */
.acoes-item {
  font-family: system-ui, sans-serif; font-size: .78rem;
  margin: -4px 0 18px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
}
.acoes-item .acoes-rotulo {
  color: var(--suave); font-weight: 600; margin-right: 2px;
}
img.logo-mini { height: 1.1em; width: auto; vertical-align: -0.2em; margin-right: 2px; }
.acoes-item a {
  display: inline-block; background: #fff; border: 1px solid var(--linha);
  color: var(--suave); border-radius: 999px; padding: 4px 12px; text-decoration: none;
}
.acoes-item a:hover { border-color: var(--destaque); color: var(--destaque); }
.acoes-item a.cobrar {
  border-color: var(--destaque); color: var(--destaque); font-weight: 600;
}
.acoes-item a.cobrar:hover { background: var(--destaque); color: #fff; }

@media (max-width: 560px) {
  body { font-size: 17px; }
  header.topo .marca { font-size: 1.6rem; }
  h1.titulo { font-size: 1.35rem; }
}