/* DMX_DARK_LOCKED_TITLE_VISIBLE_V62AH
   Corrige nombres/títulos de niveles y etapas bloqueadas en modo oscuro.
   No cambia permisos, no desbloquea contenido, no toca JS.
*/

/* Base: los títulos bloqueados nunca deben quedar apagados/invisibles */
body .dmxApp .dmxMission.locked h1,
body .dmxApp .dmxMission.locked h2,
body .dmxApp .dmxMission.locked h3,
body .dmxApp .dmxMission.locked .dmxMissionTitle,
body .dmxApp .dmxMission.locked .dmxMissionName,
body .dmxApp .dmxMission.locked .dmxMissionBody,
body .dmxApp .dmxStagePickCard.locked h1,
body .dmxApp .dmxStagePickCard.locked h2,
body .dmxApp .dmxStagePickCard.locked h3,
body .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,
body .dmxApp .dmxStagePickCard.locked .dmxStagePickBody{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  visibility:visible !important;
}

/* Tema claro */
html:not(.dark-mode) body:not(.dark-mode) .dmxApp .dmxMission.locked h2,
html:not(.dark-mode) body:not(.dark-mode) .dmxApp .dmxMission.locked .dmxMissionTitle,
html:not(.dark-mode) body:not(.dark-mode) .dmxApp .dmxMission.locked .dmxMissionName,
html:not(.dark-mode) body:not(.dark-mode) .dmxApp .dmxStagePickCard.locked h2,
html:not(.dark-mode) body:not(.dark-mode) .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle{
  color:#111827 !important;
}

/* Tema oscuro: cubrir clases/atributos reales y variantes usadas por el sitio */
html.dark-mode body .dmxApp .dmxMission.locked h2,
html.dark-mode body .dmxApp .dmxMission.locked .dmxMissionTitle,
html.dark-mode body .dmxApp .dmxMission.locked .dmxMissionName,
html.dark-mode body .dmxApp .dmxStagePickCard.locked h2,
html.dark-mode body .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,

body.dark-mode .dmxApp .dmxMission.locked h2,
body.dark-mode .dmxApp .dmxMission.locked .dmxMissionTitle,
body.dark-mode .dmxApp .dmxMission.locked .dmxMissionName,
body.dark-mode .dmxApp .dmxStagePickCard.locked h2,
body.dark-mode .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,

html[data-theme="dark"] body .dmxApp .dmxMission.locked h2,
html[data-theme="dark"] body .dmxApp .dmxMission.locked .dmxMissionTitle,
html[data-theme="dark"] body .dmxApp .dmxMission.locked .dmxMissionName,
html[data-theme="dark"] body .dmxApp .dmxStagePickCard.locked h2,
html[data-theme="dark"] body .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,

body[data-theme="dark"] .dmxApp .dmxMission.locked h2,
body[data-theme="dark"] .dmxApp .dmxMission.locked .dmxMissionTitle,
body[data-theme="dark"] .dmxApp .dmxMission.locked .dmxMissionName,
body[data-theme="dark"] .dmxApp .dmxStagePickCard.locked h2,
body[data-theme="dark"] .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,

html.dmxDark body .dmxApp .dmxMission.locked h2,
html.dmxDark body .dmxApp .dmxMission.locked .dmxMissionTitle,
html.dmxDark body .dmxApp .dmxMission.locked .dmxMissionName,
html.dmxDark body .dmxApp .dmxStagePickCard.locked h2,
html.dmxDark body .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle,

body.dmxDark .dmxApp .dmxMission.locked h2,
body.dmxDark .dmxApp .dmxMission.locked .dmxMissionTitle,
body.dmxDark .dmxApp .dmxMission.locked .dmxMissionName,
body.dmxDark .dmxApp .dmxStagePickCard.locked h2,
body.dmxDark .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle{
  color:#f8fafc !important;
  text-shadow:none !important;
}

/* Fallback seguro: si el contenedor ya es oscuro por CSS global aunque no tenga clase explícita */
@media (prefers-color-scheme: dark){
  body .dmxApp .dmxMission.locked h2,
  body .dmxApp .dmxMission.locked .dmxMissionTitle,
  body .dmxApp .dmxMission.locked .dmxMissionName,
  body .dmxApp .dmxStagePickCard.locked h2,
  body .dmxApp .dmxStagePickCard.locked .dmxStagePickTitle{
    color:#f8fafc !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
  }
}

/* Texto secundario bloqueado visible, pero sin perder jerarquía */
html.dark-mode body .dmxApp .dmxMission.locked,
html.dark-mode body .dmxApp .dmxMission.locked p,
html.dark-mode body .dmxApp .dmxMission.locked span:not(.dmxMissionMeta):not(.dmxTag),
html.dark-mode body .dmxApp .dmxStagePickCard.locked,
html.dark-mode body .dmxApp .dmxStagePickCard.locked p,
html.dark-mode body .dmxApp .dmxStagePickCard.locked span:not(.dmxStageStatusTag),

body.dark-mode .dmxApp .dmxMission.locked,
body.dark-mode .dmxApp .dmxMission.locked p,
body.dark-mode .dmxApp .dmxMission.locked span:not(.dmxMissionMeta):not(.dmxTag),
body.dark-mode .dmxApp .dmxStagePickCard.locked,
body.dark-mode .dmxApp .dmxStagePickCard.locked p,
body.dark-mode .dmxApp .dmxStagePickCard.locked span:not(.dmxStageStatusTag),

html[data-theme="dark"] body .dmxApp .dmxMission.locked,
html[data-theme="dark"] body .dmxApp .dmxMission.locked p,
html[data-theme="dark"] body .dmxApp .dmxMission.locked span:not(.dmxMissionMeta):not(.dmxTag),
html[data-theme="dark"] body .dmxApp .dmxStagePickCard.locked,
html[data-theme="dark"] body .dmxApp .dmxStagePickCard.locked p,
html[data-theme="dark"] body .dmxApp .dmxStagePickCard.locked span:not(.dmxStageStatusTag){
  color:#cbd5e1 !important;
}
/* DMX_DARK_LOCKED_TITLE_VISIBLE_V62AH_END */