body.simple-question { background:#f4f7fb; padding:24px; display:block; }
body.simple-question::before { display:none; }
body.simple-question .app { width:min(1280px,100%); margin:auto; }
body.simple-question .topbar { background:white; border:1px solid #dce6f0; border-radius:14px; box-shadow:none; padding:12px 20px; margin-bottom:16px; }
body.simple-question .brand-logo { width:48px; height:48px; }
body.simple-question .brand-copy strong { color:#06163f; font-size:1.5rem; }
body.simple-question .brand-copy span { color:#526888; font-size:.9rem; }
body.simple-question .topbar #today, body.simple-question .presentation-link { display:none; }
body.simple-question #quizScreen.rs-question-screen { width:100%; max-width:none; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.rq-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:20px; align-items:start; }
.rq-side { padding:18px; background:white; border:1px solid #dce6f0; border-radius:14px; min-width:0; }
.rq-collection { display:flex; align-items:center; gap:10px; color:#173965; line-height:1.3; }
.rq-collection img { width:46px; height:46px; object-fit:contain; }
.rq-grade { font-size:.85rem; color:#526888; margin:8px 0 20px; }
.rq-side h2 { font-size:.95rem; margin:18px 0 10px; }
.rq-mode { display:grid; gap:3px; margin:16px 0; font-size:.85rem; }
.rq-mode span { color:#526888; }
.rq-main { min-width:0; }
.rq-instruction { display:flex; align-items:center; justify-content:space-between; gap:16px; background:#e3f2ff; border-radius:14px; padding:16px 20px; margin-bottom:14px; color:#173965; font-size:1rem; }
.rq-pace { display:grid; gap:2px; flex:0 0 210px; background:#f5fbff; border:1px solid #cfdfef; border-radius:10px; padding:10px 12px; font-size:.85rem; }
.rq-pace small { font-size:.75rem; line-height:1.4; }
.rq-question-card { background:white; border:1px solid #dce6f0; border-radius:14px; padding:24px; }
#rqPosition { margin:0 0 14px; color:#526888; font-size:.9rem; font-weight:700; }
#quizScreen.rs-question-screen .progress-text { display:grid; gap:8px; font-size:.9rem; }
#quizScreen.rs-question-screen .progress-fill { background:#2381cf; }
#quizScreen.rs-question-screen .progress-track { height:10px; border:0; margin:6px 0; }
#quizScreen.rs-question-screen .topic { background:#eef7ff; border:0; border-radius:8px; color:#173965; padding:8px; line-height:1.45; font-size:.9rem; overflow-wrap:anywhere; }
#quizScreen.rs-question-screen .quiz-prompt-stage { display:grid; grid-template-columns:1fr; gap:18px; height:auto; min-height:0; padding:0; margin:0 0 22px; border:0; background:transparent; box-shadow:none; overflow:visible; }
#quizScreen.rs-question-screen .quiz-prompt-stage::before, #quizScreen.rs-question-screen .quiz-prompt-stage::after { display:none; }
#quizScreen.rs-question-screen .question { padding:0; margin:0; border:0; background:transparent; box-shadow:none; text-align:left; font-size:clamp(1.2rem,2vw,1.6rem); line-height:1.5; overflow-wrap:anywhere; }
#quizScreen.rs-question-screen .question:focus { outline:none; }
#quizScreen.rs-question-screen .question-visual.show { height:auto; max-height:none; padding:12px; margin:0; background:#f7faff; border-radius:12px; overflow:visible; }
#quizScreen.rs-question-screen .question-visual img, #quizScreen.rs-question-screen .question-visual svg { width:auto; height:auto; max-width:100%; max-height:360px; object-fit:contain; margin:auto; }
#quizScreen.rs-question-screen .options { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:12px; }
#quizScreen.rs-question-screen .option { padding:16px; min-height:76px; border:1px solid #cddff0; border-radius:12px; background:#f2f8fe; color:#173965; box-shadow:none; font-size:1rem; line-height:1.45; grid-template-columns:34px minmax(0,1fr); gap:12px; height:auto; }
#quizScreen.rs-question-screen .letter { width:34px; height:34px; border:0; background:#2381cf; color:white; font-size:.95rem; }
#quizScreen.rs-question-screen .option.correct { border:2px solid #319460; background:#edf9f1; color:#155a35; }
#quizScreen.rs-question-screen .option.wrong { border:2px solid #c96e64; background:#fff2f0; color:#7e3129; }
#quizScreen.rs-question-screen .option:disabled { opacity:1; }
#quizScreen.rs-question-screen .option:focus-visible { outline:3px solid #0865cb; outline-offset:3px; }
#quizScreen.rs-question-screen .feedback { margin:18px 0 0; min-height:0; line-height:1.5; font-size:1rem; }
#quizScreen.rs-question-screen .quiz-footer { display:flex; justify-content:space-between; gap:12px; margin:14px 0 0; padding:0; }
#quizScreen.rs-question-screen .quiz-footer button { border:1px solid #bacde2; border-radius:10px; min-height:48px; padding:12px 20px; background:white; color:#173965; box-shadow:none; font-size:1rem; }
#quizScreen.rs-question-screen .quiz-footer #nextBtn { background:#0865cb; border-color:#0865cb; color:white; }
#quizScreen.rs-question-screen .quiz-footer #nextBtn:disabled { background:#dce5ef; color:#627186; border-color:#dce5ef; opacity:1; }
.rq-support { margin-top:22px; background:#eff7ff; border-radius:12px; padding:12px 12px 0; overflow:hidden; }
#quizScreen.rs-question-screen .score-pill { display:block; padding:0; margin:6px 0 0; background:transparent; border:0; box-shadow:none; color:#526888; font-size:.85rem; font-weight:600; line-height:1.45; }
.rq-support img { display:block; width:150px; height:160px; object-fit:cover; object-position:top; margin:8px auto -25px; }
@media(max-width:900px) {
 .rq-layout { grid-template-columns:190px minmax(0,1fr); gap:14px; }
 .rq-instruction { flex-wrap:wrap; }
 .rq-pace { flex:1 1 auto; }
 .rq-question-card { padding:18px; }
}
@media(max-width:680px) {
 body.simple-question { padding:12px; }
 body.simple-question .topbar { padding:12px; flex-direction:row; }
 body.simple-question .brand-copy strong { font-size:1.25rem; }
 .rq-layout { display:flex; flex-direction:column; gap:12px; }
 .rq-side { width:100%; padding:12px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 12px; }
 .rq-side .rq-collection { font-size:.85rem; }
 .rq-collection img { width:30px; height:30px; }
 .rq-grade { margin:0; align-self:center; font-size:.8rem; }
 .rq-side h2, .rq-mode, .rq-support { display:none; }
 #rqTopic { grid-column:1 / -1; }
 #rqProgress { grid-column:1 / -1; }
 #quizScreen.rs-question-screen .progress-text { display:flex; font-size:.82rem; justify-content:space-between; }
 #quizScreen.rs-question-screen .topic { margin:0; padding:4px 8px; }
 .rq-main { width:100%; }
 .rq-instruction { padding:12px; gap:10px; font-size:.9rem; }
 .rq-pace { padding:8px 10px; }
 .rq-question-card { padding:16px; }
 #quizScreen.rs-question-screen .question { font-size:1.15rem; line-height:1.5; }
 #quizScreen.rs-question-screen .options { grid-template-columns:minmax(0,1fr); }
 #quizScreen.rs-question-screen .option { padding:14px 12px; font-size:1rem; min-height:64px; }
 #quizScreen.rs-question-screen .question-visual img { max-height:300px; }
 #quizScreen.rs-question-screen .quiz-footer { position:sticky; bottom:0; padding:10px 0 max(10px,env(safe-area-inset-bottom)); background:#f4f7fb; z-index:4; }
 #quizScreen.rs-question-screen .quiz-footer button { flex:1; min-width:0; padding:10px 8px; font-size:.9rem; }
}
#quizScreen.rs-question-screen .quiz-footer { flex-wrap:nowrap; }
#quizScreen.rs-question-screen .quiz-footer button { width:auto; }
@media(max-width:680px) { #quizScreen.rs-question-screen .quiz-footer { gap:8px; } }
#quizScreen.rs-question-screen .quiz-footer { flex-direction:row; align-items:stretch; }
@media(max-width:680px) { #quizScreen.rs-question-screen .quiz-footer { position:static; } }
#quizScreen.rs-question-screen .rq-icon { width:28px; height:28px; object-fit:contain; flex:0 0 auto; vertical-align:middle; }
.rq-side h2, .rq-mode > span, .rq-instruction-title, .rq-pace > strong { display:flex; align-items:center; gap:8px; }
#quizScreen.rs-question-screen .rq-instruction-title .rq-icon { width:38px; height:38px; }
@media(max-width:680px) { .rq-side h2 { display:none; } }
/* Ajuste fiel a la referencia 30: jerarquía, aire y navegación de tres acciones. */
#rqExit { display:none; }
body.simple-question #rqExit { display:inline-flex; align-items:center; gap:6px; margin-left:auto; min-height:44px; padding:8px 14px; border:1px solid #dce6f0; border-radius:8px; color:#173965; background:white; box-shadow:none; }
#rqExit img { width:22px; height:22px; object-fit:contain; }
body.simple-question { font-weight:500; }
body.simple-question .app { width:min(1280px,100%); }
.rq-layout { grid-template-columns:220px minmax(0,1fr); gap:18px; }
.rq-side { padding:14px; }
#quizScreen.rs-question-screen #quizMenuBtn { width:100%; background:white; border:1px solid #dce6f0; border-radius:8px; box-shadow:none; color:#315474; min-height:44px; padding:8px; margin:0 0 18px; font-size:.86rem; }
.rq-side > h2:first-of-type { display:none; }
.rq-side .rq-grade { margin:8px 0 12px; }
.rq-side .rq-mode { padding:12px 0; border-bottom:1px solid #edf2f7; margin:0; }
.rq-side-block { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:8px; margin-top:18px; padding-bottom:14px; border-bottom:1px solid #edf2f7; }
.rq-side-block > div { display:grid; font-size:.88rem; }
.rq-side-block .progress-track { grid-column:1 / -1; }
#quizScreen.rs-question-screen #questionCounter { display:none; }
#rqIncorrect { display:block; font-size:.88rem; margin-top:6px; color:#526888; }
.rq-support { background:#f5faff; padding:12px 8px 0; }
.rq-support-copy { font-size:.85rem; line-height:1.5; margin:6px 0; color:#526888; }
.rq-support img { width:175px; height:180px; margin:0 auto -20px; }
.rq-instruction { min-height:82px; padding:12px 16px; gap:20px; font-size:.92rem; }
.rq-pace { flex-basis:205px; padding:8px 10px; }
.rq-question-card { padding:24px; }
#quizScreen.rs-question-screen .question, #quizScreen.rs-question-screen .option { font-family:'Nunito',Arial,sans-serif; font-weight:600; }
#quizScreen.rs-question-screen .question { font-size:1.2rem; line-height:1.6; }
#quizScreen.rs-question-screen .option { padding:18px 16px; min-height:88px; line-height:1.55; background:#f2f8fe; border:1px solid #d9e6f3; font-size:1rem; }
#quizScreen.rs-question-screen .options { gap:14px; }
#rqImageHeading { font-size:1.2rem; line-height:1.5; margin:0 0 20px; }
#rqImageHeading[hidden],.rq-question-card[hidden],.rq-history-view[hidden],.rq-answer-state[hidden] { display:none !important; }
#quizScreen.rs-question-screen.has-valid-visual .quiz-prompt-stage { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:20px; border:1px solid #e2eaf3; border-radius:12px; gap:24px; align-items:center; }
#quizScreen.rs-question-screen.has-valid-visual .question-visual { order:0; background:white; padding:0; }
#quizScreen.rs-question-screen.has-valid-visual .question { order:1; }
#quizScreen.rs-question-screen .quiz-footer { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; margin-top:18px; }
#quizScreen.rs-question-screen .quiz-footer button { display:flex; align-items:center; justify-content:center; gap:6px; padding:12px 10px; font-size:.9rem; font-weight:700; }
#quizScreen.rs-question-screen #rqMark[aria-pressed=true] { background:#fff4d8; border-color:#d5ae54; }
.rq-answer-state { margin-top:20px; padding-top:12px; border-top:1px solid #e2eaf3; }
.rq-answer-state summary { min-height:44px; padding:10px 0; color:#315474; cursor:pointer; font-weight:700; }
@media(max-width:680px) {
 .rq-layout { display:flex; }
 .rq-side { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:14px; gap:10px; }
 #quizScreen.rs-question-screen #quizMenuBtn { grid-column:1 / -1; margin:0; }
 .rq-side .rq-grade { margin:0; }
 .rq-side-block { grid-column:1; margin:0; border:0; padding:8px 0; }
 .rq-side .rq-mode { display:grid; margin:0; padding:8px 0; border:0; }
 #rqProgress { grid-column:1 / -1; display:flex; gap:16px; align-items:center; }
 #rqIncorrect { margin:0; }
 .rq-side h2,.rq-support { display:none; }
 .rq-instruction { gap:12px; }
 #quizScreen.rs-question-screen.has-valid-visual .quiz-prompt-stage { grid-template-columns:1fr; padding:12px; gap:16px; }
 .rq-question-card { padding:18px; }
 #quizScreen.rs-question-screen .options { grid-template-columns:1fr; }
 #quizScreen.rs-question-screen .quiz-footer { grid-template-columns:1fr 1fr; gap:10px; }
 #quizScreen.rs-question-screen .quiz-footer #nextBtn { grid-column:1 / -1; }
 body.simple-question .topbar { flex-wrap:wrap; }
 .rq-collection { overflow-wrap:anywhere; }
}
/* Referencia aprobada: azules luminosos, nubes suaves y Lázaro con tableta. */
body.simple-question { background:linear-gradient(110deg,#f1fbff 0%,#f8fcff 52%,#eff9ff 100%); color:#071866; }
body.simple-question .topbar { border-color:#e0f1ff; background:rgba(255,255,255,.95); }
body.simple-question .brand-copy strong { color:#091ee8; font-size:1.8rem; }
body.simple-question .brand-copy span { color:#0060f0; font-weight:600; }
.rq-layout { grid-template-columns:265px minmax(0,1fr); gap:22px; }
.rq-side { border:0; padding:12px; border-radius:16px; background:linear-gradient(145deg,#fff 0%,#f9fdff 65%,#f0faff 100%); }
#quizScreen.rs-question-screen #quizMenuBtn { border:0; background:#eaf8fd; color:#071866; font-size:.95rem; margin-bottom:20px; }
#quizScreen.rs-question-screen .rq-side .rq-icon { width:40px; height:40px; }
.rq-side-block { grid-template-columns:40px minmax(0,1fr); border:0; padding-bottom:10px; gap:10px; }
.rq-side-block > div { font-size:1rem; }
#rqSidePosition { font-size:1.2rem; }
#quizScreen.rs-question-screen .rq-side-block .progress-track { margin-left:50px; width:calc(100% - 50px); grid-column:1 / -1; background:#d4e5f5; }
#quizScreen.rs-question-screen .progress-fill { background:linear-gradient(90deg,#00bb74,#00cd83); }
.rq-side .rq-mode { border:0; padding:8px 0; grid-template-columns:40px 1fr; gap:0 10px; }
.rq-mode > span { display:contents; }
.rq-mode > span img { grid-column:1; grid-row:1 / 3; }
.rq-mode > strong { grid-column:2; font-weight:500; color:#0754d7; font-size:1rem; }
.rq-side h2 { font-size:1rem; margin:12px 0 0; }
#rqProgress { margin-left:50px; }
#quizScreen.rs-question-screen .progress-text, #rqIncorrect { color:#0754d7; font-size:1rem; font-weight:500; }
#quizScreen.rs-question-screen .topic { background:transparent; color:#1234e8; padding:0; font-size:1.1rem; font-weight:700; line-height:1.4; }
.rq-grade { color:#0754d7; font-size:1rem; }
.rq-collection { background:linear-gradient(115deg,#edf7ff,#e0efff); padding:10px; border-radius:12px; color:#0747c2; }
.rq-support { background:transparent; padding:0; margin-top:20px; overflow:visible; }
.rq-speech { position:relative; width:82%; margin-left:auto; padding:14px 16px; border:1px solid transparent; border-radius:20px; background:linear-gradient(white,white) padding-box,linear-gradient(120deg,#ff759d,#e3b6ff,#ffcf39) border-box; color:#0928ec; }
.rq-speech::after { content:''; position:absolute; bottom:-12px; left:45%; width:20px; height:20px; background:white; border-right:1px solid #ffcf39; border-bottom:1px solid #ffcf39; transform:skewY(-35deg); }
.rq-speech > strong { font-size:1.12rem; }
.rq-support-copy { margin:4px 0 0; font-size:.95rem; line-height:1.3; color:#093edb; }
/* Affichage recadré de la référence fournie : aucun personnage redessiné. */
.rq-lazaro-tablet { width:100%; aspect-ratio:350 / 210; margin-top:10px; background-image:url('/assets/approved-icons-v1/07_preguntas/referencia-lazaro-tableta.png'); background-size:477.7142857% auto; background-position:left bottom; background-repeat:no-repeat; }
.rq-instruction { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(110deg,#dff3ff,#d3ebff); border:1px solid #cdeaff; }
.rq-instruction::before { content:''; position:absolute; z-index:-1; right:16%; bottom:-48px; width:160px; height:115px; border-radius:50%; background:#c5e6fc; box-shadow:-75px 28px 0 -16px #c5e6fc,55px -12px 0 5px #c5e6fc; }
.rq-instruction-title { color:#0626dd; font-size:1.12rem; gap:18px; }
#quizScreen.rs-question-screen .rq-instruction-title .rq-icon { width:58px; height:58px; }
.rq-pace { background:rgba(255,255,255,.92); border:0; padding:12px; }
.rq-pace strong { color:#0928ed; }
#quizScreen.rs-question-screen .rq-pace .rq-icon { width:40px; height:40px; }
.rq-question-card { border-color:#dcefff; background:linear-gradient(120deg,#fff,#fefeff); }
#rqPosition { display:table; padding:5px 12px; background:#e8f4ff; border-radius:8px; color:#0951d9; }
#quizScreen.rs-question-screen.has-valid-visual .quiz-prompt-stage { border-color:#ecdfcd; background:#fffefd; }
#quizScreen.rs-question-screen .option { background:#fff; border-color:#c4ddff; font-weight:500; color:#071866; }
#quizScreen.rs-question-screen .letter { background:linear-gradient(140deg,#0068ff,#3e96ff); }
#quizScreen.rs-question-screen .quiz-footer { padding:16px; border:1px solid #dcefff; border-radius:14px; background:white; }
#quizScreen.rs-question-screen .quiz-footer button { border-color:#245bff; color:#0734ec; }
@media(max-width:900px) and (min-width:681px) { .rq-layout { grid-template-columns:210px minmax(0,1fr); gap:14px; } }
@media(max-width:680px) {
 body.simple-question .brand-copy strong { font-size:1.3rem; }
 .rq-side .rq-mode { display:grid; padding:8px 0; }
 #quizScreen.rs-question-screen .rq-side .rq-icon { width:30px; height:30px; }
 .rq-side-block { grid-template-columns:30px 1fr; }
 #quizScreen.rs-question-screen .rq-side-block .progress-track { margin-left:0; width:100%; }
 #rqProgress { margin-left:0; }
 .rq-instruction-title { font-size:1rem; gap:10px; }
 #quizScreen.rs-question-screen .rq-instruction-title .rq-icon { width:42px; height:42px; }
 .rq-support { display:flex; grid-column:1 / -1; align-items:end; margin:4px 0 0; }
 .rq-speech { width:60%; margin:0; padding:12px; }
 .rq-lazaro-tablet { width:40%; margin:0; }
 .rq-speech::after { display:none; }
 #quizScreen.rs-question-screen .quiz-footer { padding:12px; }
}
/* Le bloc de soutien complet conserve le phylactère et les nuages de la référence. */
.rq-speech { display:none; }
.rq-lazaro-tablet { aspect-ratio:350 / 321; margin-top:0; }
@media(max-width:680px) { .rq-support { display:block; } .rq-lazaro-tablet { width:min(260px,100%); margin-inline:auto; } }