/* MENTORES QUIZZ | Primera capa visual institucional.
   Solo presentación: no altera lógica, identificadores ni estado de Supabase. */
/* SISTEMA VISUAL · versión 1.0
   Variables compartidas por Inicio, Entrenamiento, Arena y Mi Progreso.
   Modo actual: académico claro. No activa el futuro selector de temas. */
:root {
  color-scheme: light;
  --mq-navy: #0a1626;
  --mq-navy-2: #02213e;
  --mq-navy-hover: #124b73;
  --mq-gold: #d99a00;
  --mq-gold-bright: #f59e0b;
  --mq-surface: #ffffff;
  --mq-background: #f4f6f8;
  --mq-text: #14263a;
  --mq-text-muted: #52667c;
  --mq-border: #dfe7ef;
  --mq-focus: #d99a00;
  --mq-radius-control: 12px;
  --mq-shadow-control: 0 5px 12px rgba(3, 32, 57, .12);
  --mq-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.mentores-quizz { background:var(--mq-background); color:var(--mq-text); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.mentores-quizz .bg-primary { background-color:var(--mq-navy-2)!important; }
body.mentores-quizz .text-primary { color:var(--mq-navy-2)!important; }
body.mentores-quizz .bg-accent { background-color:var(--mq-gold)!important; }
body.mentores-quizz .text-accent { color:var(--mq-gold)!important; }
body.mentores-quizz > header.bg-primary { background:linear-gradient(110deg,var(--mq-navy),var(--mq-navy-2))!important;box-shadow:0 6px 24px rgba(2,33,62,.14);border-bottom:2px solid rgba(217,154,0,.55); }
body.mentores-quizz main section.bg-white, body.mentores-quizz main div.bg-white, body.mentores-quizz #loginScreen section.bg-white { border-color:#e1e7ed; box-shadow:0 8px 24px rgba(10,22,38,.055); }
body.mentores-quizz button, body.mentores-quizz a { transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease; }
body.mentores-quizz a:focus-visible, body.mentores-quizz button:focus-visible, body.mentores-quizz input:focus-visible {outline:2px solid var(--mq-gold);outline-offset:3px;}
body.mentores-quizz button:not(:disabled):hover {filter:brightness(1.04);}
body.mentores-quizz #loginScreen {background:radial-gradient(circle at 50% 0%,#e7edf5 0%,var(--mq-background) 55%,#edf1f5 100%);}
body.mentores-quizz #loginScreen > div > header > div:first-child { background:linear-gradient(145deg,var(--mq-navy-2),var(--mq-navy)); border:1px solid rgba(217,154,0,.55); box-shadow:0 12px 30px rgba(10,22,38,.22);}
body.mentores-quizz footer {letter-spacing:.01em;}
@media (prefers-reduced-motion:reduce){body.mentores-quizz *,body.mentores-quizz *::before,body.mentores-quizz *::after {transition:none!important;animation-duration:.01ms!important;}}

/* Identidad oficial: logo original proporcionado por Mentores. */
body.mentores-quizz .mq-brand-logo { display:inline-block; width:36px; height:36px; object-fit:contain; vertical-align:middle; margin-right:9px; flex-shrink:0; }
body.mentores-quizz .mq-login-logo { width:64px; height:64px; object-fit:contain; }
body.mentores-quizz header a:has(.mq-brand-logo) { display:inline-flex; align-items:center; gap:2px; text-decoration:none; }
body.mentores-quizz header a:has(.mq-brand-logo) .mq-brand-logo { filter:drop-shadow(0 2px 5px rgba(0,0,0,.12)); }
body.mentores-quizz #loginScreen h1 { letter-spacing:-.035em; }
body.mentores-quizz #loginScreen section { border:1px solid #dce5ee; }
body.mentores-quizz main section,body.mentores-quizz main button { scroll-margin-top:20px; }
@media (max-width:540px){body.mentores-quizz .mq-brand-logo{width:30px;height:30px;margin-right:5px;}body.mentores-quizz header a:has(.mq-brand-logo){font-size:1.05rem;}}

/* Segunda etapa: tarjetas, navegación y legibilidad responsive.
   Solo CSS; no modifica ids, eventos ni estado de los exámenes. */
html { scroll-behavior:smooth; }
body.mentores-quizz #dashboardScreen { background:linear-gradient(180deg,#f3f6f9 0%,#f8fafc 60%,#f4f6f8 100%); }
body.mentores-quizz #dashboardScreen > nav { position:sticky;top:0;z-index:30;box-shadow:0 5px 20px rgba(2,20,39,.13);border-bottom:1px solid rgba(217,154,0,.45); }
body.mentores-quizz #dashboardScreen > nav a { text-underline-offset:4px; }
body.mentores-quizz #dashboardScreen > nav a:hover { color:#f5c75f; }
body.mentores-quizz #dashboardScreen > nav a:focus-visible { outline:2px solid #ffcf63;outline-offset:4px; }
body.mentores-quizz #dashboardScreen #inicio { padding:clamp(1rem,3vw,2rem);border-radius:22px;background:linear-gradient(125deg,#fff,#f5f8fc);border:1px solid #e1e8f0;box-shadow:0 8px 22px rgba(10,22,38,.04); }
body.mentores-quizz #dashboardScreen #inicio > p:first-child { color:#966400;letter-spacing:.08em; }
body.mentores-quizz #dashboardScreen #inicio h2 { line-height:1.17;letter-spacing:-.025em; }
body.mentores-quizz #dashboardScreen #inicio a,body.mentores-quizz #dashboardScreen #inicio button { min-height:44px; }
body.mentores-quizz #dashboardScreen #materias,body.mentores-quizz #dashboardScreen #progreso,body.mentores-quizz #dashboardScreen #mi-perfil { scroll-margin-top:115px; }
body.mentores-quizz #dashboardScreen #materias .grid > *,body.mentores-quizz #dashboardScreen #materias [class*="rounded-2xl"] { transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease; }
@media (hover:hover){body.mentores-quizz #dashboardScreen #materias .grid > *:hover {transform:translateY(-2px);box-shadow:0 14px 30px rgba(5,33,61,.09);}}
body.mentores-quizz #dashboardScreen #progreso > div,body.mentores-quizz #dashboardScreen #mi-perfil > div { border-color:#dfe8ef; }
body.mentores-quizz main input:not([type="radio"]):not([type="checkbox"]),body.mentores-quizz main select { min-height:44px; }
@media(max-width:640px){body.mentores-quizz #dashboardScreen > nav { position:relative; }body.mentores-quizz #dashboardScreen #inicio {padding:1.25rem;}body.mentores-quizz #dashboardScreen #materias,body.mentores-quizz #dashboardScreen #progreso,body.mentores-quizz #dashboardScreen #mi-perfil{scroll-margin-top:25px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Tarjetas académicas V2: diseño visual realmente diferenciado. */
body.mentores-quizz #subjectsGrid { gap:1.25rem;align-items:stretch; }
body.mentores-quizz .mq-subject-card {
 position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:305px;padding:1.45rem;
 border:1px solid #d9e3ef;border-top:4px solid #d99a00;border-radius:21px;
 background:linear-gradient(155deg,#fff 0%,#fff 70%,#f1f6fa 100%);
 box-shadow:0 9px 26px rgba(4,33,60,.065);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.mentores-quizz .mq-subject-card::after {content:"";pointer-events:none;position:absolute;right:-35px;top:-45px;width:120px;height:120px;border:1px solid rgba(217,154,0,.12);border-radius:50%;z-index:-1;}
body.mentores-quizz .mq-subject-head {margin-bottom:1.15rem;align-items:flex-start;gap:.75rem;}
body.mentores-quizz .mq-subject-icon {width:54px;height:54px;min-width:54px;border-radius:16px;background:linear-gradient(140deg,#e8f0f7,#f6f8fc);box-shadow:inset 0 0 0 1px #dfe9f2;font-size:1.55rem;}
body.mentores-quizz .mq-subject-badge {max-width:145px;padding:.4rem .65rem;border:1px solid #fae3b1;background:#fff7e8;color:#885800;font-size:.67rem;font-weight:750;line-height:1.3;text-align:center;}
body.mentores-quizz .mq-subject-title {font-size:1.09rem;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere;hyphens:auto;margin:0;color:#092846!important;}
body.mentores-quizz .mq-subject-description {margin-top:.65rem;line-height:1.6;font-size:.86rem;color:#52667c;}
body.mentores-quizz .mq-subject-footer {margin-top:1.25rem;padding-top:.85rem;border-color:#e4eaf0;color:#244260!important;letter-spacing:.01em;}
body.mentores-quizz .mq-subject-action {display:inline-flex;align-items:center;justify-content:center;min-height:43px;margin-top:1rem;padding:.72rem 1.05rem;border-radius:11px;background:#082a49!important;color:white!important;font-size:.78rem;box-shadow:0 5px 12px rgba(3,32,57,.12);}
body.mentores-quizz .mq-subject-action:hover {background:#124b73!important;box-shadow:0 8px 18px rgba(3,32,57,.19);}
@media(hover:hover){body.mentores-quizz .mq-subject-card:hover{transform:translateY(-4px);border-color:#d6b56d;box-shadow:0 17px 32px rgba(4,33,60,.13);}}
@media(max-width:640px){body.mentores-quizz .mq-subject-card{min-height:0;padding:1.25rem;}body.mentores-quizz .mq-subject-badge{max-width:135px;}body.mentores-quizz .mq-subject-title{font-size:1.05rem;}}
@media(prefers-reduced-motion:reduce){body.mentores-quizz .mq-subject-card,body.mentores-quizz .mq-subject-action{transition:none!important;}}

/* Corrección tipográfica: no cortar palabras de ninguna materia.
   El nombre académico se conserva íntegro en Supabase. */
body.mentores-quizz #subjectsGrid .mq-subject-title {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  white-space: normal;
  font-size: 1.02rem;
  line-height: 1.46;
  letter-spacing: -0.01em;
  text-transform: none;
}
body.mentores-quizz #subjectsGrid .mq-subject-card {
  min-width: 0;
}
body.mentores-quizz #subjectsGrid .mq-subject-description {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
@media(max-width:640px) {
  body.mentores-quizz #subjectsGrid .mq-subject-title {font-size:1rem;}
}

/* Corrección V3: títulos académicos uniformes y tarjetas con espacio real.
   A 1024px+ dos columnas para no comprimir nombres oficiales extensos. */
@media (min-width:1024px) {
  body.mentores-quizz #subjectsGrid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1.35rem;
  }
}
body.mentores-quizz #subjectsGrid .mq-subject-card {
  min-height:250px;
  padding:1.45rem 1.6rem;
}
body.mentores-quizz #subjectsGrid .mq-subject-title {
  font-size:1.05rem;
  font-weight:700;
  line-height:1.45;
  letter-spacing:-.015em;
  hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.mentores-quizz #subjectsGrid .mq-subject-description { margin-top:.45rem; }
body.mentores-quizz #subjectsGrid .mq-subject-footer { margin-top:auto; }
body.mentores-quizz #subjectsGrid .mq-subject-action { margin-top:.85rem; }
@media(max-width:639px) {
  body.mentores-quizz #subjectsGrid .mq-subject-card { padding:1.2rem;min-height:0; }
  body.mentores-quizz #subjectsGrid .mq-subject-title { font-size:1rem; }
}

/* Controles compartidos y tipografía: sin cambiar estructura ni lógica. */
body.mentores-quizz {
  font-family: var(--mq-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.mentores-quizz h1,
body.mentores-quizz h2,
body.mentores-quizz h3 {
  font-family: var(--mq-font);
  font-weight: 750;
  letter-spacing: -.02em;
}
body.mentores-quizz :is(button, a).bg-primary {
  border-radius: var(--mq-radius-control);
  box-shadow: var(--mq-shadow-control);
}
body.mentores-quizz :is(button, a).bg-primary:hover:not(:disabled) {
  background-color: var(--mq-navy-hover) !important;
}
body.mentores-quizz :is(button, a).bg-accent {
  border-radius: var(--mq-radius-control);
  color: var(--mq-navy-2);
}
body.mentores-quizz :is(button, a).bg-accent:hover:not(:disabled) {
  background-color: var(--mq-gold-bright) !important;
}
body.mentores-quizz button:disabled {
  cursor: not-allowed;
  box-shadow: none;
}
body.mentores-quizz :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--mq-focus);
  outline-offset: 3px;
}
body.mentores-quizz input:not([type="checkbox"]):not([type="radio"]),
body.mentores-quizz select,
body.mentores-quizz textarea {
  accent-color: var(--mq-navy-2);
}
@media (prefers-reduced-motion: reduce) {
  body.mentores-quizz :is(a, button) { transition: none !important; }
}

/* ETAPA 2 · Panel principal y navegación.
   Ámbito: #dashboardScreen; tarjetas académicas y JS sin modificaciones. */
body.mentores-quizz #dashboardScreen > .mq-topbar {
  background-image:linear-gradient(115deg,#07172b 0%,#092d50 73%,#123d60 100%);
  padding-top:.85rem;
  padding-bottom:.85rem;
  box-shadow:0 8px 24px rgba(6,24,44,.16);
}
body.mentores-quizz #dashboardScreen .mq-topbar-inner {
  gap:.85rem 1.5rem;
}
body.mentores-quizz #dashboardScreen .mq-brand {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  white-space:nowrap;
  flex-shrink:0;
  font-size:1.22rem;
  letter-spacing:-.035em;
  text-decoration:none;
}
body.mentores-quizz #dashboardScreen .mq-brand-mark {
  display:block;
  width:39px;
  height:39px;
  object-fit:contain;
  flex-shrink:0;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));
}
body.mentores-quizz #dashboardScreen .mq-nav-links {
  gap:.35rem;
  align-items:center;
}
body.mentores-quizz #dashboardScreen .mq-nav-links a,
body.mentores-quizz #dashboardScreen .mq-nav-links button {
  border-radius:10px;
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.55rem .75rem;
  white-space:nowrap;
}
body.mentores-quizz #dashboardScreen .mq-nav-links a:hover,
body.mentores-quizz #dashboardScreen .mq-nav-links button:hover {
  background-color:rgba(255,255,255,.11);
}
body.mentores-quizz #dashboardScreen .mq-nav-role {
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:.3rem .75rem;
  border-radius:999px;
  letter-spacing:.01em;
}
/* Hero de bienvenida: contraste institucional con foco en estudiar. */
body.mentores-quizz #dashboardScreen #inicio.mq-hero {
  background:
    radial-gradient(circle at 92% 14%,rgba(217,154,0,.16),transparent 37%),
    linear-gradient(125deg,#07192e 0%,#0c3659 100%);
  border:1px solid rgba(217,154,0,.4);
  border-radius:25px;
  padding:clamp(1.5rem,4vw,2.5rem);
  color:#fff;
  box-shadow:0 17px 36px rgba(6,32,55,.17);
}
body.mentores-quizz #dashboardScreen #inicio.mq-hero .mq-hero-eyebrow {
  color:#f5be48!important;
  text-transform:uppercase;
  letter-spacing:.115em;
  font-size:.76rem;
}
body.mentores-quizz #dashboardScreen #inicio.mq-hero .mq-hero-title {
  color:#fff!important;
  font-size:clamp(1.85rem,3.4vw,2.55rem);
  font-weight:800;
  line-height:1.2;
}
body.mentores-quizz #dashboardScreen #inicio.mq-hero .mq-hero-subtitle {
  color:#dfebf5!important;
  font-size:1rem;
  line-height:1.7;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions {
  gap:.7rem;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions a {
  min-height:46px;
  font-size:.9rem;
  border-radius:12px;
  font-weight:700;
  box-shadow:none;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-primary {
  background-color:#fff!important;
  color:#092d50!important;
  border-color:#fff!important;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-primary:hover {
  background-color:#eef3f8!important;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-secondary {
  background-color:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  color:#fff!important;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-secondary:hover {
  background-color:rgba(255,255,255,.16)!important;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-gold {
  background-color:#e4a313!important;
  color:#07192e!important;
}
body.mentores-quizz #dashboardScreen .mq-hero-actions .mq-action-gold:hover {
  background-color:#f4b92f!important;
}
body.mentores-quizz #dashboardScreen .mq-arena-banner {
  border-color:#eed498;
  border-left:4px solid #d99a00;
  background:linear-gradient(120deg,#fffaf0,#fffdf7);
  box-shadow:0 5px 19px rgba(26,49,71,.045);
}
@media(min-width:641px) {
  html:has(body.mentores-quizz) { scroll-padding-top:100px; }
}
@media(max-width:760px) {
  body.mentores-quizz #dashboardScreen .mq-topbar-inner {
    flex-direction:column;
    align-items:stretch;
    gap:.6rem;
  }
  body.mentores-quizz #dashboardScreen .mq-nav-links {
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    padding:.15rem 0 .45rem;
    scrollbar-width:thin;
  }
  body.mentores-quizz #dashboardScreen .mq-nav-links > * {
    flex:0 0 auto;
  }
  body.mentores-quizz #dashboardScreen #inicio.mq-hero {
    padding:1.4rem;
  }
  body.mentores-quizz #dashboardScreen .mq-hero-actions a {
    flex:1 1 auto;
  }
}

/* ETAPA 2B · Cabeceras interiores coordinadas con Inicio.
   Solo Entrenamiento y Mi progreso. No toca las tarjetas académicas. */
body.mentores-quizz .mq-interior-header {
  background:linear-gradient(115deg,#07172b 0%,#092d50 73%,#123d60 100%)!important;
  border-bottom:1px solid rgba(217,154,0,.75);
  box-shadow:0 8px 24px rgba(6,24,44,.16);
}
body.mentores-quizz .mq-interior-shell {
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem 1.3rem;
}
body.mentores-quizz .mq-interior-brand {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:.55rem;
  color:#fff;
  font-family:var(--mq-font);
  font-size:1.22rem;
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.25;
  white-space:nowrap;
  text-decoration:none;
  border-radius:10px;
}
body.mentores-quizz .mq-interior-logo {
  width:39px;
  height:39px;
  object-fit:contain;
  flex-shrink:0;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));
}
body.mentores-quizz .mq-interior-wordmark {
  display:inline;
  color:white;
}
body.mentores-quizz .mq-interior-wordmark .text-accent {
  margin-left:.18rem;
}
body.mentores-quizz .mq-interior-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.35rem;
}
body.mentores-quizz .mq-interior-nav a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.52rem .74rem;
  border-radius:10px;
  border:1px solid transparent;
  color:#fff;
  font-size:.875rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
body.mentores-quizz .mq-interior-nav a:hover {
  color:#fff;
  background:rgba(255,255,255,.12);
}
body.mentores-quizz .mq-interior-nav a[aria-current="page"] {
  border-color:rgba(217,154,0,.8);
  color:#ffd479;
  background:rgba(217,154,0,.065);
}
body.mentores-quizz .mq-interior-nav .mq-interior-back {
  border-color:rgba(255,255,255,.32);
}
body.mentores-quizz .mq-interior-student {
  max-width:145px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.78rem;
  color:#e0e9f3;
  padding:.35rem .15rem .35rem .55rem;
}
body.mentores-quizz .mq-setup-logo {
  background:linear-gradient(135deg,#082746,#05192d)!important;
  border:1px solid rgba(217,154,0,.45);
  box-shadow:0 4px 12px rgba(6,24,44,.13);
}
body.mentores-quizz .mq-setup-logo img {
  display:block;
  width:36px;
  height:36px;
  object-fit:contain;
}
@media(max-width:960px) {
  body.mentores-quizz .mq-interior-shell {
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:.5rem;
  }
  body.mentores-quizz .mq-interior-nav {
    width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    padding-bottom:.35rem;
  }
  body.mentores-quizz .mq-interior-nav > * {
    flex:0 0 auto;
  }
}
@media(max-width:420px) {
  body.mentores-quizz .mq-interior-brand {font-size:1.08rem;}
  body.mentores-quizz .mq-interior-logo {width:33px;height:33px;}
  body.mentores-quizz .mq-interior-nav a {font-size:.8rem;padding:.5rem .65rem;}
}

/* Navegación principal: accesos y ubicación visual sin JavaScript adicional. */
body.mentores-quizz #dashboardScreen .mq-nav-links .mq-nav-home {
  border:1px solid rgba(255,255,255,.18);
}
body.mentores-quizz #dashboardScreen .mq-nav-links .mq-nav-arena {
  border:1px solid rgba(217,154,0,.65);
  color:#ffdf8a;
}
body.mentores-quizz #dashboardScreen:has(#inicio:target) .mq-nav-home,
body.mentores-quizz #dashboardScreen:has(#materias:target) a[href="#materias"].mq-nav-item,
body.mentores-quizz #dashboardScreen:has(#mi-perfil:target) a[href="#mi-perfil"].mq-nav-item {
  background:rgba(255,255,255,.15);
  box-shadow:inset 0 -2px #e9af39;
  color:#fff;
}
body.mentores-quizz #dashboardScreen .mq-nav-links .mq-nav-arena:hover {
  border-color:#f8c759;
  background:rgba(217,154,0,.16);
  color:#fff2cb;
}
body.mentores-quizz #dashboardScreen .mq-nav-links {
  row-gap:.5rem;
}
@media (min-width:761px) and (max-width:1120px) {
 body.mentores-quizz #dashboardScreen .mq-topbar-inner {flex-wrap:wrap;}
 body.mentores-quizz #dashboardScreen .mq-nav-links {flex-wrap:wrap;justify-content:flex-end;}
}

/* ETAPA 3 · Presentación del examen, sin tocar el motor ni el cronómetro. */
body.mentores-quizz #sessionSection {
  border:1px solid #dbe5ef;
  border-top:4px solid #d99a00;
  box-shadow:0 16px 40px rgba(5,34,60,.085);
}
body.mentores-quizz #sessionSection #sessionTitle {
  font-size:clamp(1.24rem,2.2vw,1.55rem);
  line-height:1.35;
  letter-spacing:-.02em;
}
body.mentores-quizz #sessionSection #elapsedTime {
  display:inline-block;
  min-width:7.2ch;
  font-variant-numeric:tabular-nums;
  font-weight:800;
  color:#082c4e;
  letter-spacing:.01em;
}
body.mentores-quizz #sessionSection #sessionProgress {
  font-weight:700;
  color:#52667c;
  letter-spacing:.02em;
}
body.mentores-quizz #sessionSection #progressBar {
  background:linear-gradient(90deg,#d99a00,#f2bb3e)!important;
  border-radius:999px;
  transition:width .2s ease;
}
body.mentores-quizz #sessionSection fieldset {
  min-width:0;
}
body.mentores-quizz #sessionSection #sessionStatement {
  display:block;
  width:100%;
  padding:1.15rem 1.35rem;
  border-radius:16px;
  border:1px solid #e1e9f2;
  border-left:4px solid #d99a00;
  background:linear-gradient(110deg,#f8fbfe,#fff);
  font-size:clamp(1.05rem,2vw,1.2rem);
  font-weight:750;
  line-height:1.75;
  color:#082846!important;
  overflow-wrap:break-word;
}
body.mentores-quizz #sessionSection #sessionOptions {
  display:grid;
  gap:.85rem;
}
body.mentores-quizz #sessionSection #sessionOptions > label {
  display:flex;
  align-items:flex-start;
  gap:1rem;
  min-height:65px;
  margin-top:0!important;
  padding:1.05rem 1.2rem;
  border:1.5px solid #dce5ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 3px 11px rgba(8,32,56,.035);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body.mentores-quizz #sessionSection #sessionOptions > label:hover {
  border-color:#c99727;
  background:#fffdf7;
}
body.mentores-quizz #sessionSection #sessionOptions > label:has(input:checked) {
  border-color:#c89418;
  background:#fff8e6;
  box-shadow:inset 4px 0 0 #d99a00,0 5px 14px rgba(6,34,60,.06);
}
body.mentores-quizz #sessionSection #sessionOptions input[type="radio"] {
  width:19px;
  height:19px;
  min-width:19px;
  margin-top:.24rem;
  accent-color:#082c4e;
}
body.mentores-quizz #sessionSection #sessionOptions label > span {
  font-size:.97rem;
  line-height:1.7;
  color:#263e57;
  overflow-wrap:break-word;
}
body.mentores-quizz #sessionSection #sessionOptions label:has(input:disabled) {
  cursor:default;
}
body.mentores-quizz #sessionSection #previousButton,
body.mentores-quizz #sessionSection #nextButton {
  min-height:46px;
  border-radius:12px;
}
body.mentores-quizz #sessionSection #previousButton:disabled,
body.mentores-quizz #sessionSection #nextButton:disabled {
  box-shadow:none;
  opacity:.46;
}
@media(max-width:640px) {
  body.mentores-quizz #sessionSection {padding:1.15rem;}
  body.mentores-quizz #sessionSection #sessionStatement {padding:.95rem 1rem;}
  body.mentores-quizz #sessionSection #sessionOptions > label {padding:.85rem 1rem;min-height:58px;}
}
@media(prefers-reduced-motion:reduce) {
  body.mentores-quizz #sessionSection #progressBar,
  body.mentores-quizz #sessionSection #sessionOptions > label {transition:none!important;}
}


/* ETAPA 4 · Mi progreso: claridad de métricas e historial, solo presentación. */
body.mentores-quizz .mq-progress-page {
  padding-bottom:3rem;
}
body.mentores-quizz .mq-progress-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(1.45rem,3.3vw,2.35rem);
  border-radius:20px;
  border:1px solid #dde5ee;
  border-top:4px solid #d99a00;
  background:radial-gradient(circle at 92% 5%,#fff0c9 0%,transparent 34%),
             linear-gradient(115deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 12px 32px rgba(7,32,58,.055);
}
body.mentores-quizz .mq-progress-hero > p:first-child {
  letter-spacing:.13em;
  color:#a9660b!important;
}
body.mentores-quizz .mq-progress-hero h1 {
  font-size:clamp(1.75rem,3.4vw,2.35rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
body.mentores-quizz .mq-progress-hero > p:last-child {
  max-width:690px;
  line-height:1.75;
  color:#52667c!important;
}
body.mentores-quizz .mq-stat-grid {
  gap:1rem;
}
body.mentores-quizz .mq-stat-card {
  position:relative;
  overflow:hidden;
  min-height:126px;
  padding:1.2rem 1.25rem;
  border:1px solid #dce5ee;
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 22px rgba(6,30,52,.052);
}
body.mentores-quizz .mq-stat-card::before {
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#cb8c0c,#f1c558);
}
body.mentores-quizz .mq-stat-card > p:first-child {
  color:#61748a!important;
  font-size:.83rem;
  font-weight:650;
}
body.mentores-quizz .mq-stat-card > p:last-child {
  margin-top:.7rem;
  font-size:clamp(1.5rem,2.9vw,2rem);
  line-height:1.15;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-progress-panel {
  border:1px solid #dce5ee;
  border-radius:18px;
  padding:clamp(1.25rem,2.5vw,1.7rem);
  background:#fff;
  box-shadow:0 9px 27px rgba(7,32,58,.05);
}
body.mentores-quizz .mq-panel-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding-bottom:1.1rem;
  border-bottom:1px solid #edf1f5;
}
body.mentores-quizz .mq-panel-kicker {
  margin-bottom:.4rem;
  color:#a56912;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
}
body.mentores-quizz .mq-panel-heading h2 {
  letter-spacing:-.02em;
  line-height:1.25;
}
body.mentores-quizz .mq-panel-symbol {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:39px;
  height:39px;
  border-radius:12px;
  background:#fff7e6;
  color:#a56c0b;
  font-size:1.4rem;
  line-height:1;
}
body.mentores-quizz .mq-subjects-list {
  display:grid;
  gap:.8rem;
}
body.mentores-quizz .mq-subjects-list > div {
  padding:1rem 1.05rem;
  border-radius:13px;
  border:1px solid #e4eaf0;
  background:#fafbfd;
  margin-top:0!important;
}
body.mentores-quizz .mq-subjects-list > div > p {
  color:#183b5a!important;
  line-height:1.6;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-subjects-list > div > div {
  height:9px;
  background:#e6edf4;
  border-radius:99px;
  overflow:hidden;
}
body.mentores-quizz .mq-subjects-list > div > div > div {
  border-radius:99px;
  background:linear-gradient(90deg,#b77906,#e9b139)!important;
  min-height:9px;
}
body.mentores-quizz .mq-refresh-button {
  flex-shrink:0;
  min-height:40px;
  border-color:#d8a63b!important;
  border-radius:11px;
  background:#fffaf0;
}
body.mentores-quizz .mq-refresh-button:hover {
  background:#ffefce;
}
body.mentores-quizz .mq-sessions-list {
  display:grid;
  gap:.7rem;
}
body.mentores-quizz .mq-sessions-list > div {
  margin-top:0!important;
  padding:.9rem 1rem;
  border:1px solid #e5ebf2!important;
  border-radius:12px;
  align-items:center;
  background:#fbfcfe;
  line-height:1.6;
}
body.mentores-quizz .mq-sessions-list > div > div {
  flex:1;
  min-width:185px;
  color:#344b61;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-sessions-list > div > strong {
  flex-shrink:0;
  font-variant-numeric:tabular-nums;
  padding:.26rem .7rem;
  border-radius:9px;
  background:#fff4d9;
  color:#80530a!important;
  font-weight:800;
}
@media(max-width:640px){
  body.mentores-quizz .mq-progress-page {padding-top:1.5rem;}
  body.mentores-quizz .mq-progress-hero {border-radius:16px;}
  body.mentores-quizz .mq-stat-grid {gap:.7rem;}
  body.mentores-quizz .mq-stat-card {min-height:111px;padding:1rem .95rem;}
  body.mentores-quizz .mq-progress-panel {border-radius:15px;}
  body.mentores-quizz .mq-panel-symbol {display:none;}
}


/* ETAPA 5 · Arena: identidad compartida, monedero y preguntas, solo presentación. */
body.mentores-quizz .mq-arena-page {
  color:#15314b;
}
body.mentores-quizz .mq-arena-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(1.45rem,3.5vw,2.3rem);
  border:1px solid #dce6ef;
  border-top:4px solid #d99a00;
  border-radius:19px;
  background:radial-gradient(circle at 92% 4%,#fff0c9 0%,transparent 39%),linear-gradient(112deg,#fff,#f8fafc);
  box-shadow:0 13px 33px rgba(5,30,55,.056);
}
body.mentores-quizz .mq-arena-hero .mq-arena-kicker {
  color:#a56b0b!important;
  letter-spacing:.13em;
}
body.mentores-quizz .mq-arena-hero h1 {
  font-size:clamp(1.85rem,3.2vw,2.35rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
body.mentores-quizz .mq-arena-hero > p:last-child {
  max-width:695px;
  color:#52667c!important;
  line-height:1.75;
}
body.mentores-quizz .mq-arena-wallet {
  border:1px solid #e5d4a7;
  border-radius:18px;
  background:linear-gradient(120deg,#fffdfa,#fff8e9);
  box-shadow:0 11px 29px rgba(8,35,57,.055);
  padding:clamp(1.15rem,2.5vw,1.65rem);
}
body.mentores-quizz .mq-arena-wallet-grid {
  gap:1rem;
}
body.mentores-quizz .mq-arena-metric {
  padding:1.15rem 1.2rem;
  min-width:0;
  min-height:114px;
  border:1px solid #eadfc9;
  border-radius:14px;
  background:rgba(255,255,255,.9);
  box-shadow:0 5px 17px rgba(9,37,61,.04);
}
body.mentores-quizz .mq-arena-metric > p:first-child {
  font-size:.8rem;
  font-weight:750;
  color:#607084!important;
}
body.mentores-quizz .mq-arena-metric #walletHearts {
  font-size:clamp(1.12rem,2vw,1.45rem);
  letter-spacing:.08em;
  line-height:1.6;
}
body.mentores-quizz .mq-arena-metric #walletXP {
  font-size:clamp(1.05rem,2vw,1.35rem);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-arena-metric #walletLevel {
  font-size:clamp(.92rem,1.5vw,1.08rem);
  line-height:1.65;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-arena-metric #regeneration {
  color:#65768a;
  line-height:1.5;
}
body.mentores-quizz .mq-arena-wallet-actions {
  align-items:center;
  gap:.8rem;
}
body.mentores-quizz .mq-arena-wallet-actions button {
  min-height:44px;
  border-radius:11px;
}
body.mentores-quizz .mq-arena-page .mq-arena-panel {
  border:1px solid #dfe7ef;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(8,35,60,.055);
  padding:clamp(1.2rem,2.5vw,1.8rem);
}
body.mentores-quizz .mq-arena-page .mq-arena-panel h2 {
  font-size:clamp(1.18rem,2.4vw,1.47rem);
  letter-spacing:-.025em;
}
body.mentores-quizz .mq-arena-page #setupArena {
  border-top:4px solid #d99a00;
}
body.mentores-quizz .mq-arena-page #setupArena form label {
  color:#213b53;
}
body.mentores-quizz .mq-arena-page #setupArena select {
  min-height:47px;
  border:1px solid #d6e1eb;
  border-radius:11px;
  background:#fff;
  color:#1a344d;
}
body.mentores-quizz .mq-arena-page #setupArena select:focus-visible {
  outline:2px solid #d99a00;
  outline-offset:2px;
}
body.mentores-quizz .mq-arena-page #setupArena [data-action="start"] {
  min-height:47px;
  border-radius:11px;
  padding-left:1.4rem;
  padding-right:1.4rem;
}
body.mentores-quizz .mq-arena-page #activeArena {
  border-top:4px solid #d99a00;
  scroll-margin-top:22px;
}
body.mentores-quizz .mq-arena-page #arenaClock {
  display:inline-block;
  font-variant-numeric:tabular-nums;
  letter-spacing:.035em;
  font-size:1.1rem;
  color:#082d4c;
  font-weight:850;
}
body.mentores-quizz .mq-arena-page #activeArena > div:nth-of-type(2) {
  gap:.6rem;
}
body.mentores-quizz .mq-arena-page #gameHearts,
body.mentores-quizz .mq-arena-page #arenaStreak,
body.mentores-quizz .mq-arena-page #arenaCount {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.42rem .75rem;
  border:1px solid #e3eaf1;
  border-radius:11px;
  background:#f7f9fc;
  font-weight:700;
  color:#294863;
  overflow-wrap:anywhere;
}
body.mentores-quizz .mq-arena-page #streakGoal {
  margin-top:.8rem;
  color:#986716;
}
body.mentores-quizz .mq-arena-page #arenaProgress {
  font-weight:750;
  color:#506780!important;
}
body.mentores-quizz .mq-arena-page #progressBarArena {
  border-radius:999px;
  background:linear-gradient(90deg,#c48b13,#eeba42)!important;
}
body.mentores-quizz .mq-arena-page #arenaStatement {
  display:block;
  width:100%;
  padding:1.15rem 1.3rem;
  border:1px solid #e0e8f0;
  border-left:4px solid #d99a00;
  border-radius:15px;
  background:linear-gradient(115deg,#f9fbfe,#fff);
  font-size:clamp(1.05rem,2vw,1.2rem);
  font-weight:750;
  line-height:1.75;
  color:#082846!important;
  overflow-wrap:break-word;
}
body.mentores-quizz .mq-arena-page #arenaOptions {
  display:grid;
  gap:.85rem;
}
body.mentores-quizz .mq-arena-page #arenaOptions > label {
  min-height:64px;
  margin-top:0!important;
  padding:1rem 1.15rem;
  border:1.5px solid #dce5ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 11px rgba(8,32,56,.032);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body.mentores-quizz .mq-arena-page #arenaOptions > label:hover {
  border-color:#c99727;
  background:#fffdf6;
}
body.mentores-quizz .mq-arena-page #arenaOptions > label:has(input:checked) {
  border-color:#c89418;
  background:#fff8e5;
  box-shadow:inset 4px 0 #d99a00,0 4px 13px rgba(8,32,56,.05);
}
body.mentores-quizz .mq-arena-page #arenaOptions input[type="radio"] {
  flex:0 0 auto;
  width:19px;
  height:19px;
  margin-top:.25rem;
  accent-color:#082c4e;
}
body.mentores-quizz .mq-arena-page #arenaOptions label > span {
  font-size:.98rem;
  line-height:1.7;
  color:#263e57;
  overflow-wrap:break-word;
}
body.mentores-quizz .mq-arena-page #arenaConfirmHint {
  border-radius:12px;
  border-color:#f2d18b;
  background:#fffaed;
  line-height:1.65;
}
body.mentores-quizz .mq-arena-page #answerButton,
body.mentores-quizz .mq-arena-page #quitArenaButton,
body.mentores-quizz .mq-arena-page #refillButton,
body.mentores-quizz .mq-arena-page #endArenaButton {
  min-height:47px;
  border-radius:11px;
}
body.mentores-quizz .mq-arena-page #refillArena {
  border-top:4px solid #d99a00;
}
body.mentores-quizz .mq-arena-page #summaryArena {
  border-top:4px solid #d99a00;
}
body.mentores-quizz .mq-arena-page #arenaReview > article {
  border-color:#dfe7ef;
  border-radius:13px;
  background:#fafcfe;
  line-height:1.7;
}
@media(max-width:640px) {
  body.mentores-quizz .mq-arena-page {padding-top:1.5rem;}
  body.mentores-quizz .mq-arena-hero {border-radius:15px;}
  body.mentores-quizz .mq-arena-metric {min-height:0;padding:1rem;}
  body.mentores-quizz .mq-arena-page .mq-arena-panel {border-radius:15px;}
  body.mentores-quizz .mq-arena-page #arenaStatement {padding:1rem;}
  body.mentores-quizz .mq-arena-page #arenaOptions > label {min-height:58px;padding:.88rem 1rem;}
}
@media(prefers-reduced-motion:reduce) {
  body.mentores-quizz .mq-arena-page #arenaOptions > label {transition:none!important;}
}


/* Simulacro ADP · presentación institucional, sin cambiar relojes ni controles previos. */
body.mentores-quizz .mq-sim-page{color:#17324d;}
body.mentores-quizz .mq-sim-hero{
  background:radial-gradient(circle at 92% 0%,#fff0c9 0%,transparent 40%),linear-gradient(110deg,#fff,#f8fafc);
  border:1px solid #dce5ec;border-top:4px solid #d99a00;border-radius:19px;
  padding:clamp(1.4rem,3vw,2.25rem);box-shadow:0 13px 33px rgba(5,30,55,.055);
}
body.mentores-quizz .mq-sim-hero h1{letter-spacing:-.04em;font-size:clamp(1.85rem,3.5vw,2.4rem);}
body.mentores-quizz .mq-sim-hero>p:last-of-type{max-width:740px;line-height:1.75;color:#52667c;}
body.mentores-quizz .mq-sim-facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;}
body.mentores-quizz .mq-sim-facts span{display:inline-flex;align-items:center;min-height:33px;padding:.35rem .8rem;border:1px solid #e6d9b9;background:#fffaf0;border-radius:9px;color:#7d591a;font-size:.83rem;font-weight:750;}
body.mentores-quizz .mq-sim-panel{padding:clamp(1.2rem,2.6vw,1.9rem);border:1px solid #e0e8ef;border-top:4px solid #d99a00;border-radius:18px;background:white;box-shadow:0 12px 30px rgba(8,35,60,.057);}
body.mentores-quizz .mq-sim-status{background:#fff9e9;border:1px solid #edd7a1;border-radius:12px;padding:1rem 1.1rem;color:#7b5617;font-size:.87rem;line-height:1.65;}
body.mentores-quizz .mq-sim-topline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
body.mentores-quizz .mq-sim-clockbox{display:inline-flex;align-items:center;gap:.5rem;min-height:50px;padding:.7rem 1.1rem;background:#fff8e6;border:1px solid #e8d6a7;border-radius:13px;color:#102e4c;}
body.mentores-quizz #simClock{font-size:clamp(1.25rem,2.6vw,1.6rem);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:.025em;}
body.mentores-quizz .mq-sim-lowtime{border-color:#d85e5e;background:#fff1f1;color:#a32929;}
body.mentores-quizz .mq-sim-progress-head{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:1.45rem;margin-bottom:.6rem;color:#52667d;font-size:.85rem;font-weight:700;}
body.mentores-quizz .mq-sim-progress-track{height:9px;background:#e8edf3;overflow:hidden;border-radius:999px;}
body.mentores-quizz #simProgressBar{height:100%;width:0;background:linear-gradient(90deg,#bb8518,#e4b13d);border-radius:999px;transition:width .15s ease;}
body.mentores-quizz .mq-sim-statement{display:block;width:100%;padding:1.1rem 1.25rem;border:1px solid #e0e8f0;border-left:4px solid #d99a00;border-radius:14px;background:linear-gradient(110deg,#f9fbfe,#fff);font-size:clamp(1.05rem,2vw,1.22rem);font-weight:750;line-height:1.75;color:#082846;overflow-wrap:break-word;}
body.mentores-quizz .mq-sim-options{display:grid;gap:.85rem;margin-top:1.3rem;}
body.mentores-quizz .mq-sim-option{display:flex;align-items:flex-start;gap:.85rem;min-height:62px;padding:1rem 1.1rem;border:1.5px solid #dce5ee;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background-color .15s;line-height:1.7;}
body.mentores-quizz .mq-sim-option:hover{border-color:#c99727;background:#fffdf6;}
body.mentores-quizz .mq-sim-option:has(input:checked){border-color:#c89418;background:#fff8e5;box-shadow:inset 4px 0 #d99a00;}
body.mentores-quizz .mq-sim-option input{margin-top:.38rem;accent-color:#092c4c;flex:none;width:18px;height:18px;}
body.mentores-quizz .mq-sim-letter{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border-radius:8px;background:#edf2f7;color:#1b3c58;font-size:.9rem;font-weight:800;}
body.mentores-quizz .mq-sim-option:has(input:checked) .mq-sim-letter{background:#dcaa35;color:#152c40;}
body.mentores-quizz .mq-sim-choice-text{color:#294359;overflow-wrap:anywhere;}
body.mentores-quizz .mq-sim-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}
body.mentores-quizz .mq-sim-primary,body.mentores-quizz .mq-sim-outline{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.15rem;border-radius:11px;font-weight:750;font-size:.88rem;}
body.mentores-quizz .mq-sim-primary{background:#082c4d;color:#fff;}
body.mentores-quizz .mq-sim-outline{border:1px solid #cedce8;background:#fff;color:#17364e;}
body.mentores-quizz .mq-sim-goto{width:76px;min-height:44px;padding:.5rem .65rem;border:1px solid #cedce8;border-radius:10px;text-align:center;font-weight:700;color:#17364e;}
body.mentores-quizz .mq-sim-finish-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-top:1px solid #e3eaf0;margin-top:1.6rem;padding-top:1.3rem;color:#66798d;font-size:.82rem;}
body.mentores-quizz #simFinish{border:1px solid #d0a0a0;border-radius:11px;padding:.7rem 1rem;color:#9e2c2c;font-weight:700;}
body.mentores-quizz .mq-sim-review{padding:1.1rem;border:1px solid #e0e8ef;border-radius:13px;background:#fafcfe;line-height:1.75;overflow-wrap:break-word;}
body.mentores-quizz .mq-sim-page button:disabled{opacity:.45;cursor:not-allowed;}
@media(max-width:640px){
 body.mentores-quizz .mq-sim-page{padding-top:1.5rem;}
 body.mentores-quizz .mq-sim-panel,body.mentores-quizz .mq-sim-hero{border-radius:15px;}
 body.mentores-quizz .mq-sim-option{min-height:55px;padding:.85rem;}
 body.mentores-quizz .mq-sim-statement{padding:1rem;}
 body.mentores-quizz .mq-sim-actions{gap:.5rem;}
}
@media(prefers-reduced-motion:reduce){body.mentores-quizz .mq-sim-option,body.mentores-quizz #simProgressBar{transition:none!important;}}


/* ETAPA 7 · Unificación visual de preguntas y relojes.
   Solo estilos: conserva el reloj global de Entrenamiento, por pregunta de Arena y de Simulacro. */
body.mentores-quizz #sessionSection .mq-shared-clock,
body.mentores-quizz .mq-arena-page .mq-shared-clock,
body.mentores-quizz .mq-sim-clockbox {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.48rem;
  min-height:50px;
  padding:.68rem 1.05rem;
  border:1px solid #e8d6a7;
  border-radius:13px;
  background:#fff8e6!important;
  color:#102e4c!important;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 3px 12px rgba(89,63,7,.035);
}
body.mentores-quizz #sessionSection #elapsedTime,
body.mentores-quizz .mq-arena-page #arenaClock,
body.mentores-quizz #simClock {
  font-size:clamp(1.12rem,2.5vw,1.4rem);
  font-variant-numeric:tabular-nums;
  font-weight:850;
  letter-spacing:.025em;
  color:#102e4c!important;
}
body.mentores-quizz #sessionSection #sessionStatement,
body.mentores-quizz .mq-arena-page #arenaStatement,
body.mentores-quizz .mq-sim-statement {
  padding:1.1rem 1.25rem;
  border:1px solid #e0e8f0;
  border-left:4px solid #d99a00;
  border-radius:14px;
  background:linear-gradient(110deg,#f9fbfe,#fff);
  font-size:clamp(1.05rem,2vw,1.22rem);
  line-height:1.75;
  font-weight:750;
  color:#082846!important;
  overflow-wrap:break-word;
}
body.mentores-quizz #sessionSection #sessionOptions,
body.mentores-quizz .mq-arena-page #arenaOptions,
body.mentores-quizz .mq-sim-options {
  display:grid;
  gap:.85rem;
}
body.mentores-quizz #sessionSection #sessionOptions > label,
body.mentores-quizz .mq-arena-page #arenaOptions > label,
body.mentores-quizz .mq-sim-option {
  min-height:62px;
  margin-top:0!important;
  padding:1rem 1.1rem;
  border:1.5px solid #dce5ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 11px rgba(8,32,56,.032);
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;
}
body.mentores-quizz #sessionSection #sessionOptions > label:hover,
body.mentores-quizz .mq-arena-page #arenaOptions > label:hover,
body.mentores-quizz .mq-sim-option:hover {
  border-color:#c99727;
  background:#fffdf6;
}
body.mentores-quizz #sessionSection #sessionOptions > label:has(input:checked),
body.mentores-quizz .mq-arena-page #arenaOptions > label:has(input:checked),
body.mentores-quizz .mq-sim-option:has(input:checked) {
  border-color:#c89418;
  background:#fff8e5;
  box-shadow:inset 4px 0 #d99a00,0 4px 13px rgba(8,32,56,.05);
}
@media(max-width:640px){
  body.mentores-quizz #sessionSection #sessionStatement,
  body.mentores-quizz .mq-arena-page #arenaStatement,
  body.mentores-quizz .mq-sim-statement{padding:1rem;}
  body.mentores-quizz #sessionSection #sessionOptions > label,
  body.mentores-quizz .mq-arena-page #arenaOptions > label,
  body.mentores-quizz .mq-sim-option{min-height:58px;padding:.86rem 1rem;}
}
@media(prefers-reduced-motion:reduce){
  body.mentores-quizz #sessionSection #sessionOptions > label,
  body.mentores-quizz .mq-arena-page #arenaOptions > label,
  body.mentores-quizz .mq-sim-option{transition:none!important;}
}