/* Figura de conteúdo: imagem/SVG com legenda, dentro das aulas e jornadas. */
.figura {
  margin: var(--esp-5) 0;
}
.figura__area {
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  padding: var(--esp-4);
  background: var(--cor-superficie);
  overflow-x: auto;
}
.figura__area svg {
  display: block;
  width: 100%;
  height: auto;
}
.figura__area img {
  display: block;
  max-width: 100%;
}
.figura__legenda {
  margin-top: var(--esp-2);
  font-size: var(--texto-sm);
  color: var(--cor-texto-suave);
  text-align: center;
}