/* Portal mayorista · los colores, las tipografías y el radio los pone el tema de la instancia (ver _cabeza.html) */
:root{--f-tit:Inter,system-ui,sans-serif;--f-txt:Inter,system-ui,sans-serif;--c:#e8590c;--c-d:#c2410c;--c-dd:#24211d;--c-l:#fb923c;--t1:#f6f3ee;--t2:#e6e0d6;--ink:#1f1c19;--ink2:#6b645b;--ink3:#9a9186;--line:#e6e0d6;--bg:#fff;--bg2:#f4f7f9;--ok:#2f8a6b;--ok-bg:#e6f4ef;--warn:#b8791f;--warn-bg:#fdf3e2;--bad:#b4453a;--bad-bg:#fbe9e7;--r:10px;--sh:0 1px 2px rgba(31,28,25,.06),0 4px 14px rgba(31,28,25,.05)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--f-txt);background:var(--bg2);color:var(--ink);line-height:1.5;font-size:14.5px}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}img{display:block;max-width:100%}
.h1,.h2,.h3{font-family:var(--f-tit);font-weight:600;line-height:1.1;color:var(--c-dd)}.h1{font-size:32px}.h2{font-size:22px;margin:22px 0 8px}.h3{font-size:18px}
.mu{color:var(--ink2);font-size:13.5px}.err{color:var(--bad)}.okmsg{color:var(--ok)}
.btn{display:inline-block;background:var(--c);color:#fff;font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;transition:.15s}.btn:hover{background:var(--c-d)}
.btn--gh{background:transparent;color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}.btn--gh:hover{background:var(--t1)}.btn--sm{padding:5px 11px;font-size:13px}
.demo{background:#0e1a20;color:#9fb2bb;font-size:12.5px;padding:6px 22px}.demo a{margin-left:10px;padding:2px 9px;border-radius:6px;background:var(--c);color:#fff}
.lay{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - 30px)}
.side{background:var(--c-dd);color:#c8dbe4;padding:18px 0;position:sticky;top:0;height:calc(100vh - 30px);overflow:auto}
.side .logo{font-family:var(--f-tit);font-weight:700;font-size:24px;color:#fff;padding:0 20px 4px}.side .sub{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fb0c0;padding:0 20px 16px}
.side a.m{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:14px;color:#c8dbe4;border-left:3px solid transparent}.side a.m:hover{background:rgba(255,255,255,.06);color:#fff}.side a.m.on{background:rgba(255,255,255,.1);color:#fff;border-left-color:#fff}
.side a.m.off{color:#7f9aa8;cursor:not-allowed}.side a.m.off i{font-style:normal;font-size:11px;margin-left:auto;color:#7f9aa8}
.side .u{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.side .u b{display:block;color:#fff}.side .u a{color:#c8dbe4;text-decoration:underline}
.main{padding:26px 30px 50px;max-width:1240px}
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;border-top:4px solid var(--c)}.tile--ok{border-top-color:var(--ok)}.tile--warn,.tile--aviso,.tile--cerca{border-top-color:var(--warn)}.tile--bad,.tile--bloqueado,.tile--excedido{border-top-color:var(--bad)}
.tile .l{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-d)}.tile .v{font-family:var(--f-tit);font-size:30px;font-weight:600;margin:2px 0}.tile .d{font-size:13px;color:var(--ink2)}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-top:16px}.panel--w{max-width:760px}
.tabla{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:12px}.tabla th,.tabla td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}.tabla th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-d);background:var(--t1)}.tabla tr:hover td{background:#fafcfd}.tabla td.n{text-align:right;font-variant-numeric:tabular-nums}
.sem{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--ok-bg);color:var(--ok);white-space:nowrap}.sem--aviso,.sem--cerca{background:var(--warn-bg);color:var(--warn)}.sem--bloqueado,.sem--excedido{background:var(--bad-bg);color:var(--bad)}.sem--sin_limite,.sem--mu{background:var(--t1);color:var(--ink2)}
.sem--en_pausa{background:var(--warn-bg);color:var(--warn)}.sem--dormida{background:var(--t2);color:var(--c-dd)}.sem--de_baja{background:var(--bad-bg);color:var(--bad)}
.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.filtros a{font-size:13px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}.filtros a.on{background:var(--c);color:#fff;border-color:var(--c)}
.form{display:grid;gap:14px}.campo label{display:block;font-size:12.5px;font-weight:600;color:var(--c-d);margin-bottom:4px}.campo input[type=text],.campo input[type=number],.campo select,.campo textarea{border:1px solid var(--line);border-radius:8px;padding:8px 11px;font:inherit;width:100%;max-width:360px;background:#fff}.campo .ayuda{font-size:12.5px;color:var(--ink3);margin-top:3px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sw{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.sw input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--c)}.sw b{display:block;font-size:14.5px;color:var(--c-dd)}.sw .mu{display:block}.sw .sub{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.sw .sub label{font-size:12.5px;color:var(--ink2)}.sw .sub input{width:100px;margin-left:6px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit}.sw.off .sub{opacity:.45}
.efecto{margin-top:8px;padding:12px 14px;background:var(--t1);border-left:4px solid var(--c);border-radius:8px;font-size:13.5px}
.ing{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,var(--c-dd),var(--c-d));padding:24px}
.caja{background:#fff;border-radius:14px;padding:30px 32px;width:100%;max-width:460px;box-shadow:0 18px 40px rgba(0,0,0,.3)}.caja .h1{margin-bottom:2px}
.perfil{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border:1px solid var(--line);border-radius:8px;margin-top:6px;cursor:pointer}.perfil:hover{background:var(--t1)}.perfil input{margin-top:4px}.perfil b{display:block;font-size:14px}.perfil small{color:var(--ink2);font-size:12.5px}
.lista li{margin:6px 0 6px 18px}
@media(max-width:900px){.lay{grid-template-columns:1fr}.side{position:static;height:auto}.g2,.g3{grid-template-columns:1fr}.main{padding:18px}}
/* ═══ Variantes de diseño del tema ═══ */
.demo b{color:#fff;background:var(--c);padding:1px 7px;border-radius:5px;margin-right:4px;letter-spacing:.06em;font-size:11px}
.demo a{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
/* menú superior: barra clara arriba, contenido a todo el ancho */
.panel_nav-superior .lay{display:block;min-height:0}
.panel_nav-superior .side{position:sticky;top:0;height:auto;display:flex;align-items:stretch;gap:2px;padding:0 26px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);overflow-x:auto;z-index:5;box-shadow:0 1px 8px rgba(31,28,25,.05)}
.panel_nav-superior .side .logo{color:var(--c-dd);padding:14px 22px 14px 0;font-size:21px;white-space:nowrap;align-self:center}
.panel_nav-superior .side .sub{display:none}
.panel_nav-superior .side a.m{padding:17px 13px 14px;border-left:0;border-bottom:3px solid transparent;color:var(--ink2);white-space:nowrap;font-weight:500}
.panel_nav-superior .side a.m:hover{background:var(--t1);color:var(--ink)}
.panel_nav-superior .side a.m.on{background:transparent;color:var(--c-dd);border-bottom-color:var(--c);font-weight:600}
.panel_nav-superior .side a.m.off{display:none}
.panel_nav-superior .side .u{margin:0 0 0 auto;border:0;padding:0 0 0 18px;white-space:nowrap;color:var(--ink2);font-size:12.5px;align-self:center}
.panel_nav-superior .side .u b{display:inline;color:var(--ink);margin-right:6px}.panel_nav-superior .side .u br{display:none}.panel_nav-superior .side .u a{color:var(--c);margin-left:10px}
.panel_nav-superior .main{margin:0 auto;padding-top:30px}
.panel_nav-superior .h1{font-size:36px;font-weight:700;letter-spacing:-.01em}
.panel_nav-superior .tile{border-top:0;border-left:5px solid var(--c);border-radius:var(--r)}
.panel_nav-superior .tile--ok{border-left-color:var(--ok)}.panel_nav-superior .tile--warn,.panel_nav-superior .tile--aviso,.panel_nav-superior .tile--cerca{border-left-color:var(--warn)}
.panel_nav-superior .tile--bad,.panel_nav-superior .tile--bloqueado,.panel_nav-superior .tile--excedido{border-left-color:var(--bad)}
.panel_nav-superior .panel{border-radius:calc(var(--r) + 2px)}.panel_nav-superior .tabla th{background:var(--c-dd);color:#fff}
.panel_nav-superior .ing{background:var(--t1)}.panel_nav-superior .caja{border-top:6px solid var(--c);box-shadow:0 14px 36px rgba(31,28,25,.12)}
.botones-pildora .btn{border-radius:999px;padding:10px 20px}.botones-pildora .btn--sm{padding:6px 14px}
.panel_nav-superior .tile .v{font-size:27px;white-space:nowrap}
/* Barra de simulación de la demo (debajo de la franja): clara, con la paleta de la instancia */
.demo{background:var(--t1);color:var(--ink2);border-bottom:1px solid var(--line)}.demo a{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.demo a.on{background:var(--c);color:#fff;box-shadow:none}