/* Layout: sticky header, hero + calendar, prices table + market column, chart + news, past auctions + favourites, footer. Admin is a second full-page view. Dark gold-on-black is the base; light theme redefines the tokens only. */
:root{
  --bg:#0d0c0a; --panel:#16140f; --panel2:#1e1b14; --line:#2d291e; --fg:#f2eee3; --muted:#a69e88;
  --gold:#c9a24a; --gold-ink:#17130a; --up:#5db97c; --down:#e5766a; --warn:#e3b341; --live:#e5484d;
  --hero-bg:#13110c; --hero-fg:#f4efe2; --hero-gold:#d4ad55;
  --font-d:'Barlow Condensed','Arial Narrow',Arial,sans-serif; --font-b:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#f1f0ec; --panel:#ffffff; --panel2:#f6f5f1; --line:#dedacd; --fg:#1c1a14; --muted:#686250;
    --gold:#85661a; --gold-ink:#ffffff; --up:#2b7a47; --down:#b23b2d; --warn:#8a6410; --live:#c62c32;
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#f1f0ec; --panel:#ffffff; --panel2:#f6f5f1; --line:#dedacd; --fg:#1c1a14; --muted:#686250;
  --gold:#85661a; --gold-ink:#ffffff; --up:#2b7a47; --down:#b23b2d; --warn:#8a6410; --live:#c62c32;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--font-b);padding-inline:16px;padding-block:0 32px}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.sub{color:var(--muted);font-size:12.5px}

/* sidebar (desktop) + top bar */
.side{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:min(290px,86vw);background:var(--panel);border-right:1px solid var(--line);padding:20px 14px;z-index:60;overflow-y:auto;transform:translateX(-104%);visibility:hidden;transition:transform .22s ease,visibility .22s}
.side.open{transform:none;visibility:visible}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55}
.scrim[hidden]{display:none}
.sbrand{flex-direction:column;align-items:flex-start;gap:12px;padding:0 6px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}
.side nav{display:grid;gap:3px;align-content:start;flex:1}
.side nav button{display:flex;align-items:center;gap:12px;background:none;border:0;border-left:3px solid transparent;padding:12px;border-radius:0 8px 8px 0;color:var(--muted);cursor:pointer;font-weight:500;text-align:left;font-size:15px}
.side nav button:hover{color:var(--fg);background:var(--panel2)}
.side nav button.on{color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);border-left-color:var(--gold)}
.stools{display:grid;gap:10px;padding:14px 6px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.stools:empty{display:none}
.stools .btn,.stools .themebtn{justify-content:center}
.sfoot{display:grid;gap:4px;font-size:12px;color:var(--muted);padding:14px 6px 0;border-top:1px solid var(--line)}
.burger{background:var(--panel2);border:1px solid var(--line);color:var(--fg);border-radius:8px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.burger:hover{border-color:var(--gold)}
@media (max-width:1099px){
  .top .topin{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding-block:8px}
  .top .tools{display:none}
  .brand .pg{font-size:15px}
  .brand .logochip img{height:24px}
}
.shell{min-width:0}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-inline:-16px;padding-inline:16px}
.topin{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding-block:10px;flex-wrap:wrap}
.brand,.sbrand{display:flex;align-items:center;gap:12px}
.logochip{background:#fff;border-radius:6px;padding:4px 10px;display:flex}
.logochip img{height:30px;width:auto;display:block}
.pg{font:600 19px/1 var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.mnav{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.mnav button{background:none;border:0;padding:7px 11px;border-radius:99px;color:var(--muted);cursor:pointer;font-weight:500;white-space:nowrap;font-size:14px}
.mnav button:hover{color:var(--fg);background:var(--panel2)}
.tools{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.tools .loc::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px}
#fecha{text-transform:capitalize}
.lotlink{background:none;border:0;padding:0;margin-top:4px;color:var(--gold);font-weight:600;font-size:13px;cursor:pointer;text-align:left}
.lotlink:hover{text-decoration:underline}
.themebtn{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);color:var(--fg);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer}
.themebtn:hover{border-color:var(--gold)}
.themebtn svg{width:16px;height:16px}
@media (min-width:1100px){
  body{padding-left:0;padding-right:16px}
  .side{width:232px;z-index:25;transform:none;visibility:visible;transition:none}
  .scrim{display:none!important}
  .shell{margin-left:248px}
  .brand,.burger{display:none}
  .stools{display:none}
  .top{margin-inline:0;padding-inline:0;background:var(--bg)}
  .topin{justify-content:flex-end}
  .wrap{max-width:1180px}
}
@media (min-width:1500px){.wrap{max-width:1320px}}

main{padding-top:20px}
.row2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:16px}
.row2:first-child{margin-top:0}
.row2.rw{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.row2.rh{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.row3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
.cell{display:grid;min-width:0}
.row3 .col,.row2.rh .cell{align-content:start}
.row3.one{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){.row2,.row2.rw,.row2.rh{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.row3{grid-template-columns:minmax(0,1fr)}}
section[id],[id^="s-"]{scroll-margin-top:92px}
@media (min-width:901px){#evo{position:sticky;top:76px;align-self:start}}

.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;min-width:0}
.hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:12px;flex-wrap:wrap}
.card h2,.adminbar h1{font:600 19px/1.1 var(--font-d);letter-spacing:.1em;text-transform:uppercase;margin:0;display:flex;align-items:center;gap:10px}
.card h2::before{content:"";width:3px;height:16px;background:var(--gold);border-radius:2px}
.chip{font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.chip.ex{border-color:var(--warn);color:var(--warn)}

.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--gold-ink);font-weight:600;font-size:14px;padding:10px 16px;border-radius:6px;border:1px solid var(--gold);cursor:pointer;text-decoration:none;letter-spacing:.02em}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn.ghost:hover{background:var(--panel2);filter:none}
.btn.off{opacity:.55;cursor:default}
.btn.sm{padding:6px 10px;font-size:13px}

.hero{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);min-height:360px;background:var(--hero-bg);color:var(--hero-fg);display:flex;align-items:flex-end}
.hero-img{position:absolute;inset:0;background:url(../img/hero.jpg) 100% center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#13110c 0%,#13110cf0 36%,#13110c70 68%,#13110c10 100%)}
.hero-c{position:relative;z-index:2;padding:28px;max-width:600px}
.eyebrow{font:600 13px/1 var(--font-d);letter-spacing:.16em;text-transform:uppercase;color:var(--hero-gold);display:flex;align-items:center;gap:10px;margin:0 0 14px}
.live{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;padding:3px 9px;border-radius:4px;font:600 12px/1.2 var(--font-b);letter-spacing:.08em}
.live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.live i{animation:none}}
.hero h1{font:700 clamp(34px,5.2vw,58px)/.96 var(--font-d);text-transform:uppercase;margin:0 0 12px;text-wrap:balance}
.hero p{margin:0 0 18px;color:#d6cfbd;font-size:15px;max-width:46ch}
.hero .meta{display:flex;gap:18px;flex-wrap:wrap;color:#d6cfbd;font-size:14px;margin-bottom:18px}
.hero .btn{background:var(--hero-gold);border-color:var(--hero-gold);color:#17130a}
@media (max-width:700px){
  .hero{min-height:360px}
  .hero-img{background-position:70% top;background-size:auto 60%}
  .hero::before{background:linear-gradient(0deg,#13110c 42%,#13110c99 75%,#13110c20 100%)}
  .hero-c{padding:20px}
}

.cal{display:grid;gap:0}
.cal .it{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cal .it:first-child{border-top:0;padding-top:0}
.date{background:var(--panel2);border:1px solid var(--line);border-radius:6px;text-align:center;padding:5px 0 4px}
.date b{display:block;font:700 24px/1 var(--font-d)}
.date span{font:600 11px/1 var(--font-d);letter-spacing:.14em;color:var(--gold)}
.cal .t{font-weight:600}
.cal .d{color:var(--muted);font-size:13px}
.cal .h{font-size:13px;color:var(--muted)}
.next{color:var(--gold);font:600 11px/1 var(--font-d);letter-spacing:.14em;text-transform:uppercase}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tabs button{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--muted);font-weight:500}
.tabs button.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%}
.pt{min-width:520px}
.pt th{font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;padding:8px 10px;border-bottom:1px solid var(--line)}
.pt th:nth-child(2){text-align:left}
.pt td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.pt td:nth-child(2){text-align:left;white-space:normal}
.pt tr.grp td{background:var(--panel2);font:600 14px/1 var(--font-d);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:8px 10px}
.pt tr.grp td span{color:var(--muted);font-family:var(--font-b);font-size:11px;letter-spacing:.04em;margin-left:8px;text-transform:none}
.pt tr.it{cursor:pointer}
.pt tr.it:hover td{background:var(--panel2)}
.pt tr.sel td{background:color-mix(in srgb,var(--gold) 14%,transparent)}
.pt td small{display:block;color:var(--muted);font-size:11.5px}
.pt td.sin{color:var(--muted);text-align:left}
.star{background:none;border:0;color:var(--muted);cursor:pointer;font-size:17px;line-height:1;padding:2px 4px}
.star.on{color:var(--gold)}
.pt td:first-child{width:30px;padding-inline:4px 0}
.v{font-weight:600;font-size:13px;white-space:nowrap}
.v.up{color:var(--up)}.v.dn{color:var(--down)}.v.eq{color:var(--muted)}
.foot{margin:10px 0 0;color:var(--muted);font-size:12px}

.mk td{padding:7px 0;border-top:1px solid var(--line)}
.mk tr:first-child td{border-top:0}
.mk td:not(:first-child){text-align:right}
.mk th{font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;padding-bottom:8px}
.mk th:first-child{text-align:left}

.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.stat{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;text-align:center}
.stat b{display:block;font:700 22px/1.1 var(--font-d)}
.stat span{font-size:12px;color:var(--muted)}
select,input[type=text],input[type=date],input[type=time],input[type=number],input[type=email],input[type=password],input[type=url],textarea{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:0}
select{max-width:100%}
.chartbox{margin-top:8px}
.chartbox svg{width:100%;height:auto;display:block}
.readout{font-size:13px;color:var(--muted);min-height:20px}

.news a,.news .n{display:block;padding:10px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.news>:first-child{border-top:0;padding-top:0}
.news .tt{font-weight:600;line-height:1.35}
.news a:hover .tt{color:var(--gold)}
.news .s{font-size:12.5px;color:var(--muted)}

.past .it{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.past .it:first-child{border-top:0;padding-top:0}
.past a.btn{white-space:nowrap}
.favs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.fav{position:relative;overflow:hidden;min-height:132px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;color:#f4efe2;background-size:cover;background-position:center top}
.fav::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0c0af2 0%,#0d0c0a99 45%,#0d0c0a10 100%)}
.fav>*{position:relative}
.fav:hover{border-color:var(--gold)}
.fav b{font:600 16px/1.1 var(--font-d);letter-spacing:.04em}
.fav span{font-size:14px;font-weight:600}
.fav em{font-style:normal;font-size:12.5px;font-weight:600;color:#cfc8b4}
.fav em.up{color:#6fd18f}.fav em.dn{color:#f08a7e}
.empty{color:var(--muted);font-size:13.5px;margin:0}

footer{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.dv{display:flex;align-items:center;gap:10px}
.dv img{height:26px;border-radius:4px;display:block}

.adminbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.adminbar h1{font-size:26px}
.admp{display:grid;gap:14px}
.admp>*,.admp .fld{min-width:0}
.admp select,.fld select{max-width:100%;width:100%}
.admp[hidden],#priceLock[hidden],#remBox[hidden],#liveBox[hidden],#destBox[hidden]{display:none}
.lbl{font-size:13px;font-weight:600;display:block;margin-bottom:6px}
textarea{width:100%;font:13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}
.rowb{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid var(--warn);border-radius:8px;padding:10px 12px;font-size:13.5px}
.okmsg{background:color-mix(in srgb,var(--up) 12%,transparent);border:1px solid var(--up);border-radius:8px;padding:10px 12px;font-size:13.5px}
.ed th{font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px 6px 8px}
.ed td{padding:4px 6px;vertical-align:middle}
.ed input{width:100%}
.ed tr.bad td{background:color-mix(in srgb,var(--warn) 12%,transparent)}
.flag{font-size:12px;color:var(--warn)}
.ok{font-size:12px;color:var(--up)}
.lrow{display:flex;gap:8px;margin-bottom:8px;align-items:center}
.lrow input{flex:1 1 0}
.lrow button{flex:none}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.fld label{font-size:12.5px;color:var(--muted);display:block;margin-bottom:4px}
.fld input{width:100%}
.chk{display:flex;gap:10px;align-items:center;font-weight:600}
.chk input{width:18px;height:18px;accent-color:var(--gold)}
.modal{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.62);display:flex;padding:max(16px,env(safe-area-inset-top)) 16px 16px;overflow:auto}
.modal[hidden]{display:none}
.mbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(1140px,100%);margin:auto;padding:18px 20px;min-width:0}
.mhd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.mhd h2{font:600 22px/1.1 var(--font-d);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
.mgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px}
.mbox .pt th,.mbox .pt td{padding-inline:7px}
@media (max-width:860px){.mgrid{grid-template-columns:minmax(0,1fr)}}
.share{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.sgrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}
@media (max-width:700px){.sgrid{grid-template-columns:minmax(0,1fr)}}
.sgrid img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#fff;display:block}
.cks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:6px 0 14px}
.ck{display:flex;gap:8px;align-items:center;font-size:14px}
.ck input{width:17px;height:17px;accent-color:var(--gold)}
.cabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.cab{background:#23241f;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:190px;color:#f4efe2;text-align:center;box-shadow:0 4px 14px #0004}
.cab:hover{border-color:var(--gold)}
.cab img{max-width:100%;max-height:120px;object-fit:contain;display:block}
.cab b{font:600 17px/1.1 var(--font-d);letter-spacing:.06em;text-transform:uppercase}
.cab span{font-size:12.5px;color:#cfc8b4}
.cond{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.cond span{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:13.5px;font-weight:500}
.cond .mod{border-color:var(--gold);color:var(--gold)}
.cv{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:14px 0}
.cv video{width:100%;border-radius:10px;background:#000;display:block}
.lots{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}
.lot{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px;align-content:start;min-width:0}
.lot h3{font:600 20px/1.1 var(--font-d);letter-spacing:.05em;text-transform:uppercase;margin:0;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lot h3 small{font:700 12px/1 var(--font-d);letter-spacing:.1em;background:var(--gold);color:var(--gold-ink);padding:4px 8px;border-radius:5px}
.lot .cab2{font-weight:600}
.lot .ph{display:flex;gap:6px;flex-wrap:wrap}
.lot .ph img{width:92px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block}
.vlink{display:inline-flex;width:fit-content}
.led{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:10px;background:var(--panel2)}
.led.sub2{background:var(--panel);margin-top:4px}
.led textarea{min-height:56px;font-size:13px}
.cabrow{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start}
.cabrow .lg{background:#23241f;border-radius:10px;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cabrow .lg img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:600px){.cabrow{grid-template-columns:1fr}}
.rmtop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:56px;z-index:15;background:var(--bg);padding:6px 0 10px}
.rmnav{display:flex;gap:4px;flex-wrap:wrap}
.rmnav button{background:none;border:0;padding:6px 12px;border-radius:99px;color:var(--muted);cursor:pointer;font-weight:500}
.rmnav button:hover{color:var(--fg);background:var(--panel2)}
.rmhero{min-height:300px}
.rmhero .hero-c{max-width:760px}
.rmhero h1{font-size:clamp(30px,4.6vw,52px)}
.rmstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px}
#view-remate [id^="rm-"]{scroll-margin-top:120px}
.vthumb{aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden;position:relative;display:block;width:100%;border:0;padding:0}
.vthumb video,.vthumb img{width:100%;height:100%;object-fit:cover;display:block}
.vbtn{cursor:pointer;background:linear-gradient(135deg,#23241f,#0d0c0a)}
.vbtn .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#000a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;border:2px solid #fff}
.vbtn:hover .play{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.vframe{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.vframe iframe,.vframe video{width:100%;height:100%;border:0;display:block}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;z-index:50;max-width:90vw}
.toast.err{background:var(--down);color:#fff}

/* marca de la consignataria sin logo: se muestra el nombre */
.logochip.txt{background:transparent;padding:0}
.logochip .nm{font:600 17px/1.1 var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
/* mientras se pide la marca, no mostrar la página a medio llenar */
body.cargando .shell,body.cargando .side{visibility:hidden}
/* fotos que se suben desde el panel */
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}
.thumb{position:relative}
.thumb img{width:92px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block}
.thumb button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;line-height:1;padding:0}

/* el atributo hidden tiene que ganarle a cualquier display de las clases (ej: .btn) */
[hidden]{display:none!important}

/* superadministración */
.sa-top{border-bottom:1px solid var(--line);background:var(--panel);margin-inline:-16px;padding-inline:16px}
.sa-topin{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:12px}
.sa-main{padding-bottom:40px}
.sa-logo{height:30px;width:auto;max-width:90px;object-fit:contain;vertical-align:middle;background:#fff;border-radius:4px;padding:2px 4px}
.sa-tabla td small{display:block;color:var(--muted);font-size:11.5px}
.sa-clave{font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;background:var(--bg);border:1px dashed var(--gold);border-radius:8px;padding:10px 12px;margin:8px 0;user-select:all}
.sa-pre{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0;overflow:auto}
.sa-pasos{padding-left:20px;display:grid;gap:10px;margin:8px 0 0}
code{font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.soporte-bar{position:sticky;top:0;z-index:70;background:var(--warn);color:#17130a;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 16px;margin-inline:-16px;font-size:14px}
.soporte-bar .btn{background:#17130a;border-color:#17130a;color:#fff}