/* Artes locais reservam espaço e continuam legíveis se uma fotografia falhar. */
.visual-registro { margin: 0 0 16px; min-width: 0; overflow: hidden; border-radius: 12px; background: var(--card2); }
.visual-painel { position: relative; overflow: hidden; aspect-ratio: 600 / 280; background: #EDE8F6; }
.visual-arte { display: block; width: 100%; height: 100%; }
.visual-legenda { margin: 0; padding: 7px 11px; color: var(--mut); background: var(--card); font-size: .6875rem; line-height: 1.5; overflow-wrap: anywhere; }
.visual-retrato, .visual-foto-noticia { position: absolute; top: 0; right: 0; display: block; height: 100%; opacity: 0; }
.visual-retrato { width: 36%; object-fit: cover; object-position: center 22%; border-left: 3px solid var(--card); }
.visual-com-retrato .visual-retrato { opacity: 1; }
.visual-com-retrato .visual-arte { width: 74%; }
.visual-foto-noticia { width: 100%; object-fit: cover; object-position: center; }
.visual-com-foto .visual-foto-noticia { opacity: 1; }
.visual-com-foto .visual-arte { visibility: hidden; }
.pag-novidade, .feed-card, .descoberta-cartao { min-width: 0; overflow-wrap: anywhere; }
.feed-card > .visual-registro { margin: -16px -16px 16px; border-radius: var(--raio-lg) var(--raio-lg) 0 0; }
.pag-novidade > .visual-registro { margin-top: 18px; }
.descoberta-cartao > .visual-registro { margin-bottom: 14px; }
.desdobramento .visual-painel { aspect-ratio: 3; }
#view-hoje .hoje-materia > .visual-registro { margin: 0; border-radius: 0; }
#view-hoje .hoje-destaque .visual-painel { aspect-ratio: 2; }
#view-hoje .hoje-noticia .visual-noticia { flex: 0 0 116px; width: 116px; border-radius: 10px; }
#view-hoje .hoje-noticia .visual-painel { aspect-ratio: 1; }
#view-hoje .hoje-noticia .visual-legenda { padding: 5px 6px; font-size: .625rem; }
#view-hoje .hoje-quiz-visual { margin: -4px -8px 12px; }
#view-hoje .hoje-quiz-visual svg { width: 100%; height: auto; aspect-ratio: 3; display: block; }
#view-hoje .hoje-quiz h2 { margin-top: 12px; }
#view-hoje .hoje-atualizacao > .visual-registro { margin-bottom: 12px; }
@media (max-width: 370px) {
  #view-hoje .hoje-noticia .visual-noticia { flex-basis: 88px; width: 88px; }
}
@media (prefers-contrast: more) {
  .visual-registro { outline: 1px solid var(--mut); }
  .visual-legenda { font-size: .75rem; }
}