/* ============================================================
   slide-25.css — QUIZ INTERATTIVO (5 domande)
   Modifica qui: testo domanda, 4 opzioni 2x2, feedback
   ============================================================ */

/* Testo della domanda */
.slide-25 .quiz-q {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  margin: 10px 48px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Griglia 4 opzioni 2x2 */
.slide-25 .qopts {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  padding: 10px 48px 8px;
}

/* Singola opzione */
.slide-25 .qopt {
  padding: 16px 20px;
  font-size: clamp(13px, 1.5vw, 18px);
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  cursor: pointer;
}

/* Lettera A/B/C/D grande */
.slide-25 .qopt-l {
  font-size: clamp(26px, 3vw, 38px);
  color: rgba(255,255,255,.25);
}

/* Opzione corretta */
.slide-25 .qopt.correct {
  border-color: var(--green);
  background: rgba(0,230,118,.1);
  color: rgba(150,255,180,.9);
}

/* Opzione sbagliata */
.slide-25 .qopt.wrong {
  border-color: var(--red);
  background: rgba(255,45,32,.1);
  color: rgba(255,160,160,.8);
}

/* Area feedback (callout verde/rosso) */
.slide-25 .qfb-wrap {
  margin: 0 48px 6px;
}

/* Pulsante "Prossima domanda" */
.slide-25 .qnext {
  font-size: 10px;
  letter-spacing: .15em;
  border: 1px solid var(--cyan);
  color: var(--cyan);
  background: rgba(0,229,255,.06);
  padding: 9px 22px;
  border-radius: 3px;
  margin-left: 48px;
  cursor: pointer;
}

/* Punteggio finale (numero grande colorato) */
.slide-25 .quiz-final-score {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(70px, 10vw, 110px);
  line-height: 1;
  text-align: center;
}

/* Messaggio finale */
.slide-25 .quiz-final-msg {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(16px, 2vw, 22px);
  color: rgba(255,255,255,.5);
  margin-top: 12px;
  text-align: center;
}