/* =============== Estilo genérico para modais =============== */

.modal-overlay {
  position: fixed;
  inset: 0; /* top/right/bottom/left: 0 */
  background: rgba(15, 23, 42, 0.45); /* fundo escuro translúcido */
  z-index: 9000;
  display: none; /* escondido por padrão; mostrado via JS */
}

.modal {
  display: none; /* escondido por padrão; mostrado via JS */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 901;

  width: min(520px, 92vw);
  max-height: 88vh;
  overflow: auto;

  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.35);
  padding: 16px 18px;
}

/* Modal específico da AVALIAÇÃO – mais largo e alto */
.modal.modal-quiz{
  width: min(900px, 96vw);   /* bem mais largo */
  max-height: 90vh;          /* ocupa quase a altura da tela */
  overflow-y: auto;          /* rolagem se tiver muitas questões */
}

/* Formulário da avaliação (prova de treinamento) */
#qForm{
  margin-top: 8px;
  display: block;
}

/* Títulos internos dos modais */
.modal h4,
.modal h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
}


/* ===================== MODAIS UNIVERSAIS ====================== */
.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 9998;
}

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(500px, 90vw);
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0px 8px 30px rgba(0,0,0,0.25);
  z-index: 9999;
  font-family: 'Inter', sans-serif;
}

/* Conteúdo interno do modal */
.modal h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1d2a3a;
}