/* OpoZar V6.5.3 — test limpio, ancho de escritorio y audio compacto */
body.test-running #sidebar,
body.test-running #topbar,
body.test-running #bottomNav{display:none!important}

/* IMPORTANTE: al ocultar el sidebar también eliminamos su columna del grid. */
body.test-running #app{display:block!important;grid-template-columns:1fr!important;width:100%!important;max-width:none!important}
body.test-running .shell{margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
body.test-running #main{
  width:min(100%,1280px)!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:28px 34px 48px!important;
  min-height:100vh;
}
body.test-running .question-card{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:32px 38px!important;
}
body.test-running .question-card h2{font-size:clamp(22px,2vw,29px)!important;line-height:1.42!important;margin:24px 0 20px!important}
body.test-running .option{padding:16px 18px!important;font-size:16px!important;line-height:1.45!important;margin:12px 0!important}
body.test-running .explanation{font-size:15px!important;line-height:1.65!important;padding:17px 19px!important}
body.test-running .question-top{font-size:13px!important;gap:18px!important}
body.test-running #oz-audio-bar{display:none!important}

@media (min-width:1400px){
  body.test-running #main{max-width:1360px!important}
  body.test-running .question-card{max-width:1240px!important}
}
@media(max-width:760px){
  body.test-running #main{padding:10px!important}
  body.test-running .question-card{padding:18px 15px!important;border-radius:15px!important}
  body.test-running .question-card h2{font-size:20px!important}
  body.test-running .option{font-size:15px!important;padding:13px!important}
  body.test-running .question-top{flex-direction:column!important;gap:4px!important}
  body.test-running .test-footer{gap:8px!important;flex-wrap:wrap!important}
  body.test-running .test-footer .btn{flex:1 1 auto!important}
}