/* RESTART Brand Guidelines V3 — tokens para las fichas comerciales.
   Titulares oficiales: PP Neue Bit. Acá: Pixelify Sans (OFL). */
:root{
  --fox:#1e22aa; --selago:#edeffe; --reblack:#212121;
  --petrol:#1e22aa; --petrol-soft:#d9defc; --ground:#edeffe; --surface:#fff;
  --ink:#1e22aa; --muted:#5c63c9; --line:#c5caf5; --amber:#A45A0B;
  --go:#2C6E49; --stop:#8C1D18;
  --note:#fff6e8; --note-line:#e8dcc2;
  --display:"Pixelify Sans",ui-sans-serif,sans-serif;
  --serif:"Pixelify Sans",ui-sans-serif,sans-serif;
  --sans:"Inter",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --petrol:#edeffe; --petrol-soft:#1e22aa; --ground:#12132a; --surface:#1a1c6e;
  --ink:#edeffe; --muted:#b8bcf5; --line:#3d43b8; --amber:#E0A04A;
  --go:#7BC49A; --stop:#E07A74;
  --note:#2A2418; --note-line:#5C4a28;
}
.lockup{height:22px;width:auto;display:block}
.lockup.dark{display:none}
html[data-theme="dark"] .lockup.light{display:none}
html[data-theme="dark"] .lockup.dark{display:block}
.kicker .lockup,.site-head .lockup{margin-right:4px}
.theme-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  width:68px;height:32px;padding:3px;margin-left:auto;flex-shrink:0;border:1px solid var(--line);
  background:var(--ground);cursor:pointer;color:inherit;border-radius:0;appearance:none}
.theme-knob{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);
  background:#1e22aa;pointer-events:none;transition:transform .16s ease}
html[data-theme="dark"] .theme-knob{transform:translateX(100%)}
.theme-ico{display:grid;place-items:center;position:relative;z-index:1;color:var(--muted)}
html:not([data-theme="dark"]) .theme-ico.sun{color:#edeffe}
html[data-theme="dark"] .theme-ico.moon{color:#edeffe}
.theme-switch:hover{border-color:var(--ink)}
.theme-switch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.theme-switch svg{width:15px;height:15px;display:block}
.theme-head{display:flex;align-items:center;justify-content:flex-end}
@media (prefers-reduced-motion:reduce){.theme-knob{transition:none}}
.skin-k{font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin:0 0 8px}
.screen[data-skin="light"]{
  --ground:#edeffe; --surface:#fff; --ink:#1e22aa; --muted:#5c63c9;
  --line:#c5caf5; --petrol:#1e22aa; --petrol-soft:#d9defc; --go:#2C6E49;
  background:#edeffe;color:#1e22aa;
}
.screen[data-skin="dark"]{
  --ground:#12132a; --surface:#1a1c6e; --ink:#edeffe; --muted:#b8bcf5;
  --line:#3d43b8; --petrol:#edeffe; --petrol-soft:#16186e; --go:#7BC49A;
  background:#12132a;color:#edeffe;
}
html[data-theme="dark"] .lock-l{display:none}
html[data-theme="dark"] .lock-d{display:block}
.lock-d{display:none}
.lock-l{display:block}
.screen[data-skin="light"] .lock-d,
.screen[data-skin="dark"] .lock-l{display:none}
.screen[data-skin="dark"] .lock-d,
.screen[data-skin="light"] .lock-l{display:block}
html[data-theme="dark"] .screen[data-skin="light"] .lock-l{display:block}
html[data-theme="dark"] .screen[data-skin="light"] .lock-d{display:none}
.login-mini{display:grid;grid-template-columns:1fr 1.05fr;min-height:150px;overflow:hidden}
.login-mini .lh{background:#1e22aa;padding:12px 12px 10px;display:flex;align-items:flex-end;
  background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(237,239,254,.14) 5px,rgba(237,239,254,.14) 6px)}
.login-mini .lh img{width:100%;max-height:52px;object-fit:contain;object-position:left bottom}
.login-mini .lc{background:var(--surface);padding:12px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.login-mini .lc img{height:16px;width:auto}
.login-mini .fake{height:16px;border:1px solid var(--line);background:var(--ground)}
.login-mini .cta{background:#1e22aa;color:#edeffe;font-size:9.5px;font-weight:700;letter-spacing:.08em;
  text-align:center;padding:6px 0;text-transform:uppercase}
.skin-stack{display:flex;flex-direction:column;gap:10px}
.skin-stack .mock{margin:0}
.skin-stack .mock .screen{min-height:0}
.cp nav .br img{display:block;width:100%;height:auto;max-height:18px;object-fit:contain;object-position:left}
.skin-stack .cp{min-height:168px;grid-template-columns:100px 1fr}
.slide .skin-stack .cp{min-height:128px;grid-template-columns:92px 1fr}
.slide .login-mini{min-height:118px}
.skin-stack .chat-in{margin-bottom:12px}
@media print{
  .lockup.light{display:block!important}
  .lockup.dark{display:none!important}
  .theme-switch{display:none!important}
}