/* Modo día / noche */
#theme-btn{position:fixed;z-index:70;right:184px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid #D6AE6B88;background:rgba(14,14,17,.88);color:#D6AE6B;display:grid;place-items:center;cursor:pointer;transition:transform .25s,border-color .25s,background .3s}
#theme-btn:hover{transform:scale(1.08);border-color:#D6AE6B}
#theme-btn .t-sun{display:none}#theme-btn .t-moon{display:block}
html[data-theme="light"] #theme-btn .t-sun{display:block}html[data-theme="light"] #theme-btn .t-moon{display:none}
html.gate-open #theme-btn{display:none}
@media(max-width:1279px){#theme-btn{bottom:auto;top:70px;right:154px;width:40px;height:40px}}
@media(max-width:560px){#theme-btn{right:154px}}

/* ===== Modo día: colección ===== */
html[data-theme="light"] .bgfx{display:none}
html[data-theme="light"] #dust{opacity:.55!important}

/* Centro de control y Compromiso: capítulos cinematográficos que siguen siendo nocturnos en modo día */
html[data-theme="light"] :is(#mision,#compromiso){background:#0B0B0D;color:#EDE9DF;--paper:#0B0B0D;--white:#0E0E11;--ink:#F3EFE6;--muted:#A9A396;--gold:#D6AE6B;--line:#2a2823;--dark:#070708}
html[data-theme="light"] :is(#mision,#compromiso) :is(h1,h2,h3,blockquote){color:#F3EFE6}
html[data-theme="light"] :is(#mision,#compromiso) em{color:#D6AE6B}
html[data-theme="light"] :is(#mision,#compromiso) .eyebrow{color:#D6AE6B}
html[data-theme="light"] :is(#mision,#compromiso) :is(p,.lede){color:#B9B2A3}

/* ===== Modo día: salas inmersivas ===== */
html[data-theme="light"] #room{color:#252522;background:radial-gradient(ellipse at 28% 45%,#fdfcf9 0,#f0ebdf 62%)}
html[data-theme="light"] #room::before{background-image:linear-gradient(rgba(138,100,40,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(138,100,40,.07) 1px,transparent 1px)}
html[data-theme="light"] .rm-close{background:rgba(253,252,249,.92);color:#252522;border-color:#8a642888}
html[data-theme="light"] .rm-close:hover{background:#8a6428;color:#fff}
html[data-theme="light"] .rm-stage{border-color:#dedbd3;box-shadow:0 24px 60px rgba(60,48,20,.14)}
html[data-theme="light"] .rm-info .eyebrow{color:#8a6428}
html[data-theme="light"] .rm-info h2{color:#252522}
html[data-theme="light"] .rm-lede{color:#5d5b53}
html[data-theme="light"] .rm-tabs button{background:#fdfcf9;border-color:#dedbd3;color:#252522}
html[data-theme="light"] .rm-tabs button.on,html[data-theme="light"] .rm-tabs button:hover{background:#8a6428;color:#fff;border-color:#8a6428}
html[data-theme="light"] .rm-parts .watch-part,html[data-theme="light"] .rm-parts .audio-part{color:#252522}
html[data-theme="light"] .rm-cta{border-color:#8a6428;color:#8a6428}
html[data-theme="light"] .rm-cta:hover,html[data-theme="light"] .rm-cta.solid{background:#8a6428;color:#fff}
html[data-theme="light"] .rm-steps li{border-color:#dedbd3}
html[data-theme="light"] .rm-steps li.on{border-color:#8a6428;background:rgba(138,100,40,.07)}
html[data-theme="light"] .rm-steps b{color:#8a6428}
html[data-theme="light"] .rm-steps strong{color:#252522}
html[data-theme="light"] .rm-steps span{color:#5d5b53}
html[data-theme="light"] .rm-note{color:#8a867a}
html[data-theme="light"] .rm-case{background:rgba(138,100,40,.07);color:#3a3a35;border-left-color:#8a6428}
html[data-theme="light"] .rm-case i{color:#8a6428}

/* ===== Modo día: Taller del relojero ===== */
html[data-theme="light"] .wk{background:#f7f5f0}
html[data-theme="light"] .wk-stage{border-right-color:#dedbd3}
html[data-theme="light"] .wk-cv{background:#efeadd}
html[data-theme="light"] .wk-hint{color:#252522;background:rgba(253,252,249,.88);border-color:#dedbd3}
html[data-theme="light"] .wk-draw{color:#8a6428}
html[data-theme="light"] .wk-dna{border-color:#dedbd3;background:linear-gradient(135deg,rgba(138,100,40,.09),rgba(253,252,249,.85))}
html[data-theme="light"] .wk-dna small{color:#5c7a6f}
html[data-theme="light"] .wk-dna b{color:#252522}
html[data-theme="light"] .wk-dna span{color:#7a6a48}
html[data-theme="light"] .wk-sec h4{color:#5c7a6f}
html[data-theme="light"] :is(.wk-sh,.wk-mt,.wk-bz,.wk-th,.wk-sign,.wk-btn){background:#fdfcf9;border-color:#dedbd3;color:#3a3a35}
html[data-theme="light"] :is(.wk-sh,.wk-bz):is(:hover,.on),html[data-theme="light"] .wk-mt:is(:hover,.on){border-color:#8a6428;color:#8a6428;background:#f4ecd9}
html[data-theme="light"] .wk-th:hover{border-color:#b79a62}
html[data-theme="light"] .wk-th.on{border-color:#8a6428;box-shadow:0 0 0 1px #8a6428,0 6px 18px rgba(138,100,40,.2)}
html[data-theme="light"] .wk-th span{color:#3a3a35;background:linear-gradient(transparent,rgba(253,252,249,.96) 40%)}
html[data-theme="light"] :is(.wk-row.hands,.wk-row.crown) .wk-th{background:radial-gradient(circle at 50% 40%,#dfd9ca,#c4bcab)}
html[data-theme="light"] .wk-sign:focus{border-color:#8a6428}
html[data-theme="light"] .wk-btn:hover{background:#8a6428;color:#fff;border-color:#8a6428}
html[data-theme="light"] .wk-order{background:#8a6428;color:#fff}

/* ===== Modo día: Reto del relojero ===== */
html[data-theme="light"] .wkp{background:#f7f5f0}
html[data-theme="light"] .wkp-cv{background:#efeadd}
html[data-theme="light"] .wkp-hud{color:#5c7a6f}html[data-theme="light"] .wkp-hud b{color:#8a6428}html[data-theme="light"] .wkp-hud i{color:#8b887c}
html[data-theme="light"] .wkp-clue{color:#252522}html[data-theme="light"] .wkp-clue.bad{color:#c0392b}
html[data-theme="light"] .wkp-model{background:#fdfcf9;border-color:#dedbd3}
html[data-theme="light"] .wkp-model button{color:#252522;border-color:#dedbd3}
html[data-theme="light"] .wkp-model button:hover{border-color:#8a6428;color:#8a6428}
html[data-theme="light"] .wkp-side{border-top-color:#dedbd3;background:rgba(253,252,249,.7)}
html[data-theme="light"] .wkp-h{color:#5c7a6f}
html[data-theme="light"] .wkp-card{background:#fdfcf9;border-color:#dedbd3}
html[data-theme="light"] .wkp-card:hover{border-color:#8a6428}
html[data-theme="light"] .wkp-card .art{background:radial-gradient(circle at 50% 40%,#e6e1d4,#cdc6b5)}
html[data-theme="light"] .wkp-card span{color:#3a3a35}
html[data-theme="light"] .wkp-start,html[data-theme="light"] .wkp-result{background:radial-gradient(ellipse at 50% 45%,rgba(253,252,249,.97),rgba(240,235,223,.98))}
html[data-theme="light"] .wkp-result{background:linear-gradient(180deg,transparent 38%,rgba(247,245,240,.97) 62%)}
html[data-theme="light"] :is(.wkp-t,.r-done){color:#5c7a6f}
html[data-theme="light"] .wkp-name{color:#252522}
html[data-theme="light"] .wkp-prev{background:#efeadd;border-color:#dedbd3}
html[data-theme="light"] .wkp-intro{color:#5d5b53}
html[data-theme="light"] .wkp-lb{background:#fdfcf9;border-color:#dedbd3}
html[data-theme="light"] .wkp-lb b{color:#252522}html[data-theme="light"] .wkp-lb small{color:#706f68}html[data-theme="light"] .wkp-lb em{color:#8a6428}
html[data-theme="light"] .wkp-lb:hover{border-color:#8a6428;background:#f4ecd9}
html[data-theme="light"] .wkp-best{color:#706f68}
html[data-theme="light"] .r-rank{color:#8a6428}
html[data-theme="light"] .r-stats strong{color:#8a6428}html[data-theme="light"] .r-stats .nm strong{color:#252522}html[data-theme="light"] .r-stats span{color:#5c7a6f}
html[data-theme="light"] .r-best{color:#8a6428}
html[data-theme="light"] .wkp-btn{background:#8a6428;color:#fff}
html[data-theme="light"] .wkp-btn.ghost{background:transparent;border-color:#dedbd3;color:#252522}
html[data-theme="light"] .wkp-btn.ghost:hover{border-color:#8a6428;color:#8a6428}

/* logo de IdeaFlow sobre fondo claro */
html[data-theme="light"] .digital-demo .if-mark{filter:invert(.9) hue-rotate(180deg)}
