/* Observatório · Mapas e gráficos — usa os papéis de cor do Atlas (mudam no tema escuro); as figuras ficam sobre placa branca */
.fig-indice { display: flex; flex-wrap: wrap; gap: 8px; position: sticky; top: 0; z-index: 3; background: var(--fundo);
  padding-block: 10px; margin-bottom: 8px; border-bottom: 1px solid var(--linha); }
.fig-indice a { font-size: 13px; font-weight: 600; color: var(--tinta); text-decoration: none; padding: 8px 13px;
  border: 1px solid var(--linha); border-radius: 999px; background: var(--superficie); }
.fig-indice a:hover { border-color: var(--acento); color: var(--acento); }
.fig-secao { display: grid; gap: 16px; margin-top: 30px; scroll-margin-top: 64px; }
.fig-cab { display: grid; gap: 4px; max-width: 78ch; }
.fig-cab p { margin: 0; color: var(--texto-2); }
.fig-prancha { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 26px 22px; }
.fig { margin: 0; display: grid; gap: 9px; align-content: start; min-width: 0; }
.fig-ampla { grid-column: 1 / -1; }
.fig-botao { display: block; width: 100%; padding: 10px; cursor: zoom-in; background: #FFFFFF; border: 1px solid var(--linha);
  border-radius: var(--raio, 10px); box-shadow: var(--sombra); }
.fig-botao:hover { border-color: var(--acento); }
.fig-botao:focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; }
.fig-botao img { display: block; width: 100%; height: auto; }
.fig figcaption { display: grid; gap: 3px; min-width: 0; }
.fig figcaption b { font-size: 15px; line-height: 1.35; }
.fig figcaption span { font-size: 13.5px; color: var(--texto-2); }
.fig figcaption .fig-cod { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); }
.fig-etiqueta { justify-self: start; font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 4px;
  background: var(--atencao-fundo); border: 1px solid var(--atencao-borda); color: var(--atencao-texto); }
.fig-data { font-size: 22px !important; }
.fig-criterios h3 { margin: 0 0 6px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); }
.fig-criterios p { margin: 0; color: var(--texto-2); font-size: 14px; }
.fig-rodape { color: var(--texto-3); font-size: 13px; margin: 6px 0 0; }
.fig-dialogo { border: 0; padding: 0; border-radius: 10px; width: min(96vw, 1500px); max-height: 94vh; background: #FFFFFF; color: #14202E; }
.fig-dialogo::backdrop { background: rgb(10 12 18 / .78); }
.fig-dialogo-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px;
  border-bottom: 1px solid #DAE0DC; font-weight: 600; position: sticky; top: 0; background: #FFFFFF; }
.fig-dialogo-corpo { overflow: auto; padding: 12px; max-height: calc(94vh - 56px); }
.fig-dialogo-corpo img { display: block; width: 100%; min-width: 900px; height: auto; }
@media print { .fig-indice, .fig-dialogo { display: none; } .fig-botao { box-shadow: none; } }