Xerloque é um Papiloscopista Policial com conhecimentos de lógica de programação e aplicações Web. Ele foi designado para apoiar o desenvolvimento uma interface Web responsiva para um sistema interno da Polícia Civil do Paraná. O sistema tem como objetivo exibir os laudos periciais de impressões digitais e permitir a comparação visual direta entre a amostra coletada (amostra_A) e o registro do banco de dados (amostra_B).

Para garantir que as imagens das impressões digitais fiquem dispostas lado a lado em um contêiner flexível e centralizado, com destaque visual e formatação adequada para leitura nos monitores do laboratório, o papiloscopista sugeriu as seguintes estruturas de código:

Trecho em HTML:

<div class="painel-pericial">
  <img src="amostra_A.jpg" class="digital destaque">
  <img src="amostra_B.jpg" class="digital">
</div>

Trecho em CSS:

.painel-pericial {
  display: flex;
  justify-content: center;
}
.digital {
  width: 200px;
  border: 1px solid #ccc;
}
.destaque {
  border-color: #ff0000;
  box-shadow: 0 0 10px #ff0000;
}

Considerando as regras de sintaxe, seletores e especificidade do HTML (versão 5) e do CSS (versão 3) aplicadas aos trechos de código, avalie as afirmativas a seguir:

I. O elemento amostra_A.jpg receberá uma borda com espessura de 1px, de cor vermelha (#ff0000), além do efeito de sombra, pois a classe .destaque sobrescreve a propriedade border-color definida previamente na classe .digital.

II. A propriedade display: flex aplicada à classe .painelpericial faz com que as duas imagens das impressões digitais sejam organizadas nativamente em coluna (uma abaixo da outra), alinhadas à esquerda da tela.

III. O seletor .digital é um seletor de classe que se aplica a todos os elementos HTML que possuem o atributo class contendo a palavra digital.

Está correto o que se afirma em