/* CSS especifico da atividade "interactive-video". */

/* A API do YouTube troca .vi-embed por um <iframe> sem herdar classes —
   força o iframe resultante a preencher o container aspect-video. */
.video-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Estado das alternativas de cada pergunta programada — mesmo padrão de
   data-estado (com par claro/escuro completo) usado em question-set.css,
   em vez de cor fixa só de tema escuro aplicada via classList no JS. */
.questao[data-tipo="video-interativo"] .vi-opcao[data-estado="correta"] {
  border-color: rgb(34 197 94 / 0.6);
  background: rgb(34 197 94 / 0.1);
  color: #15803d;
}

.dark .questao[data-tipo="video-interativo"] .vi-opcao[data-estado="correta"] { color: #86efac; }

.questao[data-tipo="video-interativo"] .vi-opcao[data-estado="errada"] {
  border-color: rgb(239 68 68 / 0.6);
  background: rgb(239 68 68 / 0.1);
  color: #b91c1c;
}

.dark .questao[data-tipo="video-interativo"] .vi-opcao[data-estado="errada"] { color: #fca5a5; }

.questao[data-tipo="video-interativo"] .vi-opcao:disabled { cursor: not-allowed; }