/* Preferencias de este dispositivo (web/preferencias.js). El tema claro no cambia: solo se redefinen tokens. */
:root[data-tema=oscuro]{color-scheme:dark;--red:#c8323c;--red-dark:#e0646c;--black:#f2f3f6;--ink:#e4e7ec;--muted:#a3abba;--line:#2c333d;--line-strong:#434c59;--bg:#111418;--surface-2:#242a33;--white:#1a1e24;--soft:#3a1c20;--red-line:#6b2a30;--success:#74cf98;--success-bg:#163020;--warn:#e3b25e;--warn-bg:#33270f;--shadow-card:0 1px 3px rgb(0 0 0 / .4);--shadow-float:0 20px 60px rgb(0 0 0 / .6)}
@media (prefers-color-scheme:dark){:root[data-tema=auto]{color-scheme:dark;--red:#c8323c;--red-dark:#e0646c;--black:#f2f3f6;--ink:#e4e7ec;--muted:#a3abba;--line:#2c333d;--line-strong:#434c59;--bg:#111418;--surface-2:#242a33;--white:#1a1e24;--soft:#3a1c20;--red-line:#6b2a30;--success:#74cf98;--success-bg:#163020;--warn:#e3b25e;--warn-bg:#33270f;--shadow-card:0 1px 3px rgb(0 0 0 / .4);--shadow-float:0 20px 60px rgb(0 0 0 / .6)}}
input,select,textarea{color:inherit}
/* Modo sol: alto contraste para luz directa (en claro, texto negro y bordes marcados; en oscuro, texto blanco). */
:root[data-sol]{--muted:var(--ink);--line:var(--line-strong);--line-strong:var(--ink);--ink:var(--black)}
:root[data-sol] .panel,:root[data-sol] .summary-card,:root[data-sol] input,:root[data-sol] select,:root[data-sol] textarea,:root[data-sol] .secondary-button{border-width:2px;border-style:solid;border-color:var(--line-strong)}
/* Letra: los tamaños del diseño están en px, así que se escala el área de trabajo entera. */
:root[style*="--escala-letra"] .workspace{zoom:var(--escala-letra)}
:root[style*="--alto-boton"] :is(.primary-button,.secondary-button,.barra-item,.barra-central,.barra-mas,.nav-item,.mas-item,.rail-item){min-height:var(--alto-boton)}
/* Pantalla Mis preferencias */
.pref-grupo{display:grid;gap:14px}
.pref-tema{display:flex;width:max-content;margin-top:8px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.pref-tema button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer}
.pref-tema button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:var(--shadow-card)}
.pref-fila{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.pref-fila small,.pref-rango small{display:block;color:var(--muted)}
.pref-fila input[type=checkbox]{width:44px;height:24px;accent-color:var(--red);flex:none}
.pref-rango input[type=range]{width:100%;max-width:none;padding:0;border:0;accent-color:var(--red)}
.pref-rango .pref-extremos{display:flex;justify-content:space-between}
.pref-vista{padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.pref-vista p{margin:4px 0 12px}
.pref-vista .eyebrow{margin:0}
/* Panel lateral: color elegido en Mis preferencias (solo los de la paleta). En oscuro el negro baja de tono y deja de invertirse. */
:root{--rail-bg:var(--black);--rail-fg:#fff;--rail-hover:var(--ink);--rail-activo:var(--red);--rail-activo-fg:#fff}
:root[data-tema=oscuro]{--rail-bg:#0b0d10;--rail-fg:#f2f3f6;--rail-hover:#242a33}
@media (prefers-color-scheme:dark){:root[data-tema=auto]{--rail-bg:#0b0d10;--rail-fg:#f2f3f6;--rail-hover:#242a33}}
:root[data-panel=rojo]{--rail-bg:#730914;--rail-fg:#fff;--rail-hover:#94101b;--rail-activo:#fff;--rail-activo-fg:#730914}
:root[data-panel=gris]{--rail-bg:#646d80;--rail-fg:#fff;--rail-hover:#535b6b;--rail-activo:#fff;--rail-activo-fg:#3f4654}
.rail{background:var(--rail-bg);color:var(--rail-fg)}
.rail-logo{background:#fff}
.rail-item:hover{background:var(--rail-hover)}
.rail-item.active{background:var(--rail-activo);color:var(--rail-activo-fg)}
.pref-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pref-panel button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--white);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.pref-panel button[aria-pressed=true]{border-color:var(--red);outline:2px solid var(--red);outline-offset:1px}
.pref-panel .muestra{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong)}
.pref-panel [data-panel=negro] .muestra{background:#17191e}
.pref-panel [data-panel=rojo] .muestra{background:#730914}
.pref-panel [data-panel=gris] .muestra{background:#646d80}
/* Títulos de las ventanas en mayúscula (solo en pantalla; el texto no cambia). */
main h1,.submenu-titulo{text-transform:uppercase;letter-spacing:.02em}