/* Tema oscuro de la web pública.
   Solo actúa con html[data-theme="dark"]; el claro no cambia de estilo (solo se añade el conmutador).
   La cabecera .mogbar ya es oscura: se fijan sus tokens para que no se invierta. */
html[data-theme="dark"]{color-scheme:dark;
--mog-bg:#1C1D19;--mog-surface:#2C2D27;--mog-text:#EDEAE3;--mog-muted:#B9B5AC;
--mog-accent:#C2A888;--mog-accent-hi:#D9C4A6;--mog-border:#8A8B80;--mog-line:#3A3B34;--mog-on-accent:#1C1D19}
html[data-theme="dark"],html[data-theme="dark"] body{background:var(--mog-bg);color:var(--mog-text)}
html[data-theme="dark"] .button{color:var(--mog-on-accent)}
html[data-theme="dark"] a{color:var(--mog-text)}
/* cabecera: mantiene su paleta oscura original */
html[data-theme="dark"] .mogbar{--mog-gunmetal:#2C2D27;--mog-paper:#FAF8F3;--mog-bronze:#7A6347;--mog-bronze-hi:#C2A888;--mog-black:#1C1D19}
html[data-theme="dark"] .mogbar .nav-main>li>a,html[data-theme="dark"] .mogbar .nav-side .ghost,html[data-theme="dark"] .mogbar .nav-mobile a{color:#E8E3DA}
html[data-theme="dark"] .mogbar .nav-side .cta,html[data-theme="dark"] .mogbar .nav-mobile a.cta{color:#fff}
html[data-theme="dark"] .mogbar .nav-main>li>a[aria-current="page"]{color:#C2A888}
html[data-theme="dark"] .mogbar .nav-mobile a[aria-current="page"]{color:#1C1D19}
html[data-theme="dark"] .mogbar .wm{color:#FAF8F3}
html[data-theme="dark"] .mogbar .mega-in,html[data-theme="dark"] .mogbar .mega-all{background:#22231E;color:#EDEAE3;border-color:#3A3B34}
html[data-theme="dark"] .mogbar .mega-card{color:#EDEAE3;border-color:#3A3B34}
html[data-theme="dark"] .mogbar .mega-card:hover,html[data-theme="dark"] .mogbar .mega-all:hover{background:#2C2D27}
html[data-theme="dark"] .mogbar .mc-tag,html[data-theme="dark"] .mogbar .mega-all{color:#C2A888}
html[data-theme="dark"] .mogbar .mega-card.eco .mc-tag{color:#A5D6A7}
html[data-theme="dark"] .mogbar .mega-card.ing .mc-tag{color:#9DD7E5}
html[data-theme="dark"] .mogbar .mc-desc{color:#B9B5AC}
/* conmutador: objetivo táctil 44 px (mismo criterio que A3V3-O1) */
#mog-theme-tgl{position:fixed;right:16px;bottom:16px;z-index:9999;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;
border:1px solid var(--mog-border);background:var(--mog-surface);color:var(--mog-accent);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#mog-theme-tgl:focus-visible{outline:3px solid var(--mog-accent);outline-offset:2px}
/* Dentro de la cabecera (.mogbar .in) el botón no es flotante: no tapa el pie ni ningún enlace */
.mogbar #mog-theme-tgl.in-bar{position:static;flex:0 0 44px;order:99;margin-left:.25rem;box-shadow:none;background:transparent;border:1px solid rgba(194,168,136,.4);color:#C2A888}
.mogbar #mog-theme-tgl.in-bar:hover{border-color:#C2A888;color:#FAF8F3}
.mogbar #mog-theme-tgl.in-bar:focus-visible{outline:3px solid #C2A888}
@media (max-width:1100px){.mogbar #mog-theme-tgl.in-bar{flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;margin-left:0}}
/* Si la cabecera desborda, el botón sigue DENTRO de ella (no tapa la .nav secundaria ni el contenido): se libera sitio ocultando el texto de la marca (el emblema queda) */
.mogbar:has(#mog-theme-tgl.in-bar-tab) .wm-text{display:none}
.mogbar #mog-theme-tgl.in-bar.in-bar-tab{position:static;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;margin-left:0}