/* CSS especifico da atividade "multimedia-choice". Estados da opção
   selecionada/corrigida — cor sólida na borda mais anel de box-shadow pra dar
   contraste forte sobre o fundo claro ou escuro do cartão, sem precisar de
   par dark: separado. */
[data-tipo="escolha-multimidia"] .em-opcao[data-estado="selecionada"] {
  border-color: #6366f1;
  background: rgb(99 102 241 / 0.15);
  box-shadow: 0 0 0 2px rgb(99 102 241 / 0.4);
}

[data-tipo="escolha-multimidia"] .em-opcao[data-estado="correta"] {
  border-color: #22c55e;
  background: rgb(34 197 94 / 0.15);
  box-shadow: 0 0 0 2px rgb(34 197 94 / 0.4);
}

[data-tipo="escolha-multimidia"] .em-opcao[data-estado="errada"] {
  border-color: #ef4444;
  background: rgb(239 68 68 / 0.15);
  box-shadow: 0 0 0 2px rgb(239 68 68 / 0.4);
}

[data-tipo="escolha-multimidia"] .em-opcao:disabled {
  cursor: not-allowed;
}