:root{
  --bg:#08090a;
  --surface:#121316;
  --surface-2:#181a1e;
  --surface-3:#1e2126;
  --border:#242730;
  --border-strong:#34394a;

  --blue:#4fd6ff;
  --blue-2:#0072ff;
  --signal:#00e5a0;
  --danger:#ff4d5e;

  --ok:#5eead4;
  --warn:#ffb340;
  --violet:#8b7bff;

  --text:#eef0f2;
  --text-dim:#9aa0ab;
  --text-faint:#5b6270;

  --radius:10px;
  --radius-sm:6px;
  --radius-lg:16px;

  --font-display:'Space Grotesk', 'Outfit', sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --font-mono:'JetBrains Mono', 'SF Mono', Consolas, monospace;
}

*{ box-sizing:border-box; }

[hidden]{ display:none !important; }
html,body{ height:100%; margin:0; }
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:14px;
  line-height:1.5;
  min-height:100vh;
  position:relative;
}
:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; border-radius:4px; }

.nav-item:focus-visible{ outline:none; }

.mono, .num, td.num, th{ font-variant-numeric:tabular-nums; }

body::after{
  content:'';
  position:fixed; inset:0; z-index:999; pointer-events:none; opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

body::before{
  content:'';
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 30% 0%, #000 0%, transparent 78%);
  mask-image:radial-gradient(ellipse 90% 70% at 30% 0%, #000 0%, transparent 78%);
}

::selection{ background:rgba(79,214,255,.28); color:#fff; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:#2a2d35; border-radius:99px; border:2px solid transparent; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover{ background:#3a3f4b; background-clip:padding-box; }

a{ color:inherit; }

h1,h2,h3{ font-family:var(--font-display); font-weight:600; margin:0; color:#fff; letter-spacing:-.01em; }

.mono{ font-family:var(--font-mono); }

.shell{ display:flex; min-height:100vh; }

.sidebar{
  width:250px; flex:none; position:sticky; top:0; height:100vh;
  border-right:1px solid var(--border);
  background:var(--surface);
  display:flex; flex-direction:column;
  padding:22px 16px;
  overflow-y:auto;
}

.brand{
  display:flex; align-items:center; gap:11px; padding:0 6px 22px; margin-bottom:18px;
  border-bottom:1px solid var(--border);
}
.brand-mark{
  width:34px; height:34px; border-radius:9px; flex:none;
  background:linear-gradient(135deg, var(--blue), var(--blue-2));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:15px; color:#0a0a0a;
  box-shadow:0 0 0 1px rgba(79,214,255,.35), 0 8px 22px -8px rgba(0,114,255,.55);
}
.brand-text{ display:flex; flex-direction:column; line-height:1.25; }
.brand-text strong{ font-family:var(--font-display); font-size:14.5px; color:#fff; }
.brand-text span{ font-size:11px; color:var(--text-faint); font-family:var(--font-mono); letter-spacing:.03em; }

.nav-label{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-faint); padding:16px 10px 8px;
}
.nav-label:first-of-type{ padding-top:4px; }

.nav-item{
  display:flex; align-items:center; gap:11px; padding:10px 11px; border-radius:var(--radius-sm);
  color:var(--text-dim); text-decoration:none; font-size:13.5px; font-weight:500; cursor:pointer;
  border:1px solid transparent; position:relative; margin-bottom:2px;
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.nav-item:hover{ background:var(--surface-2); color:var(--text); }
.nav-item .nix{
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint); width:16px; flex:none;
}
.nav-item.active{
  background:
    linear-gradient(120deg, transparent 30%, rgba(255,255,255,.14) 50%, transparent 70%),
    rgba(79,214,255,.08);
  background-repeat:no-repeat;
  background-size:220% 100%, 100% 100%;
  background-position:-160% 0, 0 0;
  color:#a8e4ff; border-color:rgba(79,214,255,.28);
  animation:water-shimmer 5.5s ease-in-out infinite;
}
.nav-item.active::before{
  content:''; position:absolute; left:-16px; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0;
  background:linear-gradient(180deg, var(--blue), var(--blue-2));
  box-shadow:0 0 12px rgba(79,214,255,.7);
}

.nav-item.active .nix{ color:var(--blue); position:relative; }
.nav-item.active .nix::before,
.nav-item.active .nix::after{
  content:''; position:absolute; inset:-7px; border:1px solid var(--blue); border-radius:50%;
  opacity:0; pointer-events:none; animation:water-ripple 2.8s ease-out infinite;
}
.nav-item.active .nix::after{ animation-delay:1.4s; }

.nav-musica .nix{
  font-family:inherit; font-size:13px; text-align:center;
  color:var(--blue); opacity:.8;
}
.nav-musica.active .nix{ opacity:1; }
@keyframes water-shimmer{
  0%, 55%{ background-position:-160% 0, 0 0; }
  100%{ background-position:160% 0, 0 0; }
}
@keyframes water-ripple{
  0%{ transform:scale(.35); opacity:.6; }
  100%{ transform:scale(2.1); opacity:0; }
}

.sidebar-foot{
  margin-top:auto; padding-top:16px; border-top:1px solid var(--border);
  display:flex; align-items:center; gap:10px; font-size:12px; color:var(--text-faint);
}
.status-dot{ width:7px; height:7px; border-radius:50%; background:var(--signal); box-shadow:0 0 8px var(--signal); flex:none; }
.status-dot.is-error{ background:var(--danger); box-shadow:0 0 8px var(--danger); animation:none; }
.status-dot.is-checking{ background:var(--text-faint); box-shadow:none; }

.main{ flex:1; min-width:0; display:flex; flex-direction:column; }

.topbar{
  height:64px; flex:none; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:0 28px; border-bottom:1px solid var(--border);
  background:rgba(8,9,10,.7); backdrop-filter:blur(10px);
  position:sticky; top:0; z-index:20;
}
.topbar-title{ display:flex; flex-direction:column; gap:1px; }
.topbar-title h2{ font-size:15.5px; }
.topbar-title span{ font-size:11.5px; color:var(--text-faint); font-family:var(--font-mono); }

.topbar-right{ display:flex; align-items:center; gap:10px; min-width:0; }
.avatar{
  width:32px; height:32px; border-radius:8px; background:linear-gradient(135deg,#2a2d35,#1a1c21);
  border:1px solid var(--border-strong); display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:12px; color:var(--text-dim);
}

.content{ padding:28px 32px 60px; max-width:1180px; width:100%; margin:0 auto; }

.view{ display:none; }
.view.active{ display:block; animation:view-in .35s ease; }
@keyframes view-in{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }

.page-head{ margin-bottom:22px; }
.page-head .eyebrow{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--blue); margin-bottom:6px; display:flex; align-items:center; gap:8px;
}
.page-head .eyebrow::before{ content:''; width:14px; height:1px; background:var(--blue); }
.page-head h1{ font-size:25px; }
.page-head p{ color:var(--text-dim); font-size:13.5px; margin:6px 0 0; max-width:640px; }

.section-title{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint); margin:36px 0 12px; display:flex; align-items:center; gap:10px;
}
.section-title::after{ content:''; flex:1; height:1px; background:var(--border); }
.section-title:first-of-type{ margin-top:0; }

.grid-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; perspective:800px; }

.stat-card{
  background:linear-gradient(180deg, var(--surface-2), var(--surface));
  border:1px solid var(--border); border-radius:var(--radius);
  padding:18px 18px 16px; position:relative; overflow:hidden;
  box-shadow:0 1px 0 0 rgba(255,255,255,.03) inset, 0 22px 44px -26px rgba(0,0,0,.75);
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.stat-card:hover{
  border-color:var(--border-strong);
  box-shadow:0 1px 0 0 rgba(255,255,255,.05) inset, 0 30px 54px -24px rgba(0,0,0,.8);
}
.stat-card .stat-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.stat-card .stat-label{ font-size:12px; color:var(--text-dim); }
.stat-card .stat-icon{
  width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center;
  background:var(--surface-3); font-size:12.5px;
}
.stat-card .stat-value{ font-family:var(--font-mono); font-size:26px; font-weight:600; color:#fff; letter-spacing:-.01em; }
.stat-card .stat-delta{ display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-family:var(--font-mono); margin-top:8px; }
.stat-delta.up{ color:var(--signal); }
.stat-delta.down{ color:var(--danger); }

.stat-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--border-strong); }
.stat-card.v-blue::before{ background:linear-gradient(90deg,var(--blue),var(--blue-2)); }
.stat-card.v-signal::before{ background:var(--signal); }
.stat-card.v-violet::before{ background:var(--violet); }

.panel{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:22px; margin-bottom:16px;
}
.panel-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:16px; }
.panel-head h3{ font-size:14.5px; }
.panel-head .sub{ font-size:12px; color:var(--text-faint); margin-top:3px; }

.panel-acciones{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  justify-content:flex-end;
  flex:1 1 auto; min-width:0;
}

.panel-head > :first-child{ min-width:0; }

.panel-acciones input[type="search"]{
  flex:1 1 0; min-width:120px; max-width:340px;
}

.panel-acciones select{ flex:0 0 auto; width:auto; min-width:150px; }
.panel-acciones .des-caja{ flex:0 0 auto; min-width:150px; }
.panel-acciones .btn{ flex:0 0 auto; white-space:nowrap; }

.panel-head .panel-acciones input[type="search"],
.panel-head .panel-acciones .des-boton,
.panel-head .panel-acciones select,
.panel-head .panel-acciones .btn{
  height:34px; min-height:34px; padding-block:0;
}

@media (max-width: 760px){
  .panel-head{ flex-direction:column; align-items:stretch; gap:12px; }
  .panel-acciones{ justify-content:stretch; }
  .panel-acciones input[type="search"]{ flex:1 1 100%; max-width:none; }
  .panel-acciones select,
  .panel-acciones .des-caja{ flex:1 1 140px; min-width:0; }
  .panel-acciones .btn{ flex:1 1 auto; justify-content:center; }
  .panel-acciones .tk-abrir{ flex:1 1 auto; }

  .panel-head .panel-acciones input[type="search"],
  .panel-head .panel-acciones .des-boton,
  .panel-head .panel-acciones select,
  .panel-head .panel-acciones .btn{
    height:55px; min-height:55px;
  }
}

.btn[hidden]{ display:none; }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font-family:var(--font-body); font-weight:600; font-size:13px; cursor:pointer;
  padding:10px 17px; border-radius:var(--radius-sm); border:1px solid transparent;
  background:linear-gradient(180deg, var(--blue) 0%, var(--blue-2) 100%); color:#0a0a0a;
  box-shadow:0 1px 0 0 rgba(255,255,255,.35) inset, 0 1px 0 0 rgba(0,0,0,.15);
  transition:filter .12s ease, transform .07s ease, box-shadow .16s ease;
  position:relative; overflow:hidden;
}
.btn:hover{ filter:brightness(1.08); box-shadow:0 1px 0 0 rgba(255,255,255,.4) inset, 0 8px 22px -6px rgba(79,214,255,.5); }
.btn:active{ transform:scale(.97); }
.btn.ghost{ background:var(--surface-2); border-color:var(--border-strong); color:var(--text); box-shadow:none; }
.btn.ghost:hover{ background:var(--surface-3); box-shadow:none; }

.pago-auto{
  padding:12px 14px; border-radius:var(--radius-sm); margin-bottom:14px;
  background:var(--surface-2); border:1px solid var(--border);
}
.switch-fila{
  display:flex; align-items:center; gap:10px; cursor:pointer;
  font-size:13px; color:var(--text);
}

.pago-auto .hint{ margin:8px 0 0; }

.pago-auto:has(input:checked){
  background:rgba(0,229,160,.06);
  border-color:rgba(0,229,160,.28);
}

.btn.peligro{
  background:rgba(255,77,94,.13); border-color:rgba(255,77,94,.45); color:var(--danger);
}
.btn.peligro:hover{ background:rgba(255,77,94,.2); }
.btn.danger{ background:var(--danger); color:#2a0508; }
.btn.signal{ background:var(--signal); color:#022019; }
.btn.small{ padding:7px 12px; font-size:12px; }
.btn.icon-only{ padding:9px; width:36px; }

.badge{
  display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono);
  font-size:10.5px; letter-spacing:.03em; text-transform:uppercase; font-weight:600;
  padding:3px 8px; border-radius:99px; border:1px solid transparent;
  position:relative; cursor:default;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) backwards;
}
.badge:hover{ transform:translateY(-2px) scale(1.06); }
.badge:nth-of-type(1){ animation-delay:.03s; }
.badge:nth-of-type(2){ animation-delay:.09s; }
.badge:nth-of-type(3){ animation-delay:.15s; }
.badge:nth-of-type(4){ animation-delay:.21s; }
.badge:nth-of-type(5){ animation-delay:.27s; }
.badge::before{
  content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex:none;
  animation:badge-breathe 2.2s ease-in-out infinite;
}
.badge:not(.muted)::after{
  content:''; position:absolute; left:8px; top:50%; width:5px; height:5px;
  border-radius:50%; border:1px solid currentColor; opacity:0; pointer-events:none;
  transform:translateY(-50%) scale(1);
  animation:badge-ring 2.2s ease-out infinite;
}
.badge.ok{ background:rgba(0,229,160,.1); color:var(--signal); border-color:rgba(0,229,160,.28); }
.badge.warn{ background:rgba(79,214,255,.1); color:var(--blue); border-color:rgba(79,214,255,.28); }
.badge.danger{ background:rgba(255,77,94,.1); color:var(--danger); border-color:rgba(255,77,94,.28); }
.badge.muted{ background:var(--surface-3); color:var(--text-dim); border-color:var(--border); }
.badge.muted::before{ animation:none; }
.badge.violet{ background:rgba(139,123,255,.1); color:var(--violet); border-color:rgba(139,123,255,.28); }

.badge.super{ background:rgba(255,179,64,.12); color:var(--warn); border-color:rgba(255,179,64,.35); }

@keyframes badge-pop{
  from{ opacity:0; transform:translateY(5px) scale(.7); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
@keyframes badge-breathe{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.4; transform:scale(.7); }
}
@keyframes badge-ring{
  0%{ transform:translateY(-50%) scale(1); opacity:.6; }
  100%{ transform:translateY(-50%) scale(3.2); opacity:0; }
}

table{ width:100%; border-collapse:collapse; }
th,td{ text-align:left; padding:12px 10px; border-bottom:1px solid var(--border); font-size:13px; }
th{
  font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.07em;
  color:var(--text-faint); font-weight:600;
}
tbody tr{ transition:background .12s ease; }
tbody tr:hover{ background:var(--surface-2); }
tbody tr:last-child td{ border-bottom:none; }
td.num{ font-family:var(--font-mono); color:var(--text-dim); }

label{ font-size:12px; color:var(--text-dim); display:block; margin-bottom:6px; }

input[type="text"], input[type="password"], input[type="number"], input[type="email"],
input[type="search"], textarea, select{
  width:100%; background:var(--surface-2); border:1px solid var(--border); color:var(--text);
  padding:10px 12px; border-radius:var(--radius-sm); font-size:13.5px; font-family:var(--font-body);
  outline:none; transition:border-color .14s ease, box-shadow .14s ease;
}
input:focus, textarea:focus, select:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.14); }

input[type="search"]{
  padding-left:34px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>");
  background-repeat:no-repeat;
  background-position:11px center;
  background-size:15px 15px;
}
input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none; appearance:none;
  width:14px; height:14px; cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2.4' stroke-linecap='round'><path d='M6 6l12 12M18 6L6 18'/></svg>");
  background-size:contain; background-repeat:no-repeat;
}
input[type="search"]::-webkit-search-cancel-button:hover{ filter:brightness(1.8); }
input[type="search"]::placeholder{ color:var(--text-faint); }

.field{ margin-bottom:14px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hint{ font-size:11px; color:var(--text-faint); margin-top:5px; }

.field .value{
  font-family:var(--font-mono); font-size:13.5px; color:var(--text);
  padding:10px 12px; background:var(--surface-2); border:1px solid var(--border);
  border-radius:var(--radius-sm);
}

.spin-icon{ display:inline-block; }
.btn.is-loading{ pointer-events:none; opacity:.75; }
.btn.is-loading .spin-icon{ animation:spin .8s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

.switch{ position:relative; display:inline-block; width:38px; height:22px; flex:none; }
.switch input{ opacity:0; width:0; height:0; position:absolute; }
.switch-track{ position:absolute; inset:0; background:var(--surface-3); border:1px solid var(--border); border-radius:999px; transition:background .15s ease, border-color .15s ease; }
.switch-track::after{ content:''; position:absolute; top:1px; left:1px; width:16px; height:16px; border-radius:50%; background:var(--text-faint); transition:transform .15s ease, background .15s ease; }
.switch input:checked + .switch-track{ background:rgba(79,214,255,.25); border-color:var(--blue); }
.switch input:checked + .switch-track::after{ transform:translateX(16px); background:var(--blue); }

.modal-toggle{ position:absolute; opacity:0; pointer-events:none; }
.modal-scrim{
  position:fixed; inset:0; background:rgba(4,4,5,.72); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center; z-index:300;
  opacity:0; pointer-events:none; transition:opacity .18s ease;
}
.modal-toggle:checked ~ .modal-scrim{ opacity:1; pointer-events:auto; }

#confirm-scrim{ z-index:400; }

#confirm-text{ white-space:pre-line; }

.modal-scrim.is-open{ opacity:1; pointer-events:auto; }
.modal-box{
  width:400px; max-width:90vw; background:var(--surface-2); border:1px solid var(--border-strong);
  border-radius:var(--radius-lg); padding:24px; transform:scale(.94) translateY(10px);
  transition:transform .22s cubic-bezier(.16,1,.3,1); box-shadow:0 40px 80px -24px rgba(0,0,0,.7);
}
.modal-toggle:checked ~ .modal-scrim .modal-box,
.modal-scrim.is-open .modal-box{ transform:scale(1) translateY(0); }
.modal-box h3{ font-size:16px; margin-bottom:6px; }
.modal-box p{ color:var(--text-dim); font-size:13px; line-height:1.55; margin:0 0 18px; }
.modal-actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }

.store-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.store-card{
  background:linear-gradient(180deg, var(--surface-2), var(--surface));
  border:1px solid var(--border); border-radius:var(--radius);
  padding:16px; position:relative; overflow:hidden; cursor:pointer;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), border-color .18s ease, box-shadow .18s ease;
  animation:badge-pop .45s cubic-bezier(.34,1.56,.64,1) backwards;
}
.store-card:hover{
  transform:translateY(-3px); border-color:var(--border-strong);
  box-shadow:0 16px 36px -18px rgba(0,0,0,.7), 0 0 0 1px rgba(79,214,255,.12);
}
.store-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--t1,var(--blue)), var(--t2,var(--blue-2)));
}

.store-card .store-logo{
  width:44px; height:44px; margin:6px 0 8px; border-radius:8px;
  background:rgba(255,255,255,.05); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}

.store-card .store-logo img{ width:100%; height:100%; padding:7px; object-fit:contain; display:block; }
.store-card .store-name{ font-family:var(--font-display); font-size:15px; font-weight:600; margin:6px 0 2px; }
.store-card .store-id{ font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }
.store-card .store-meta{ display:flex; align-items:center; gap:8px; margin-top:14px; flex-wrap:wrap; }

.wizard-box{
  width:820px; max-width:94vw; max-height:88vh;
  display:flex; flex-direction:column; padding:24px 24px 0;
  overflow:hidden;
}
.wizard-title{ font-family:var(--font-display); font-size:16px; font-weight:600; color:#fff; margin-bottom:16px; flex:none; }
.wizard-body{ flex:1; min-height:0; overflow-y:auto; padding-right:4px; margin-right:-4px; }
.wizard-box .modal-actions{ flex:none; padding-bottom:24px; }
#w-eliminar{ margin-right:auto; }
.wizard-steps{ display:flex; gap:8px; margin-bottom:20px; flex:none; }
.wizard-step{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint);
  text-transform:uppercase; letter-spacing:.05em;
  padding-bottom:10px; border-bottom:2px solid var(--border);
  transition:border-color .2s ease, color .2s ease;
}
.wizard-step em{
  font-style:normal; width:20px; height:20px; border-radius:50%; background:var(--surface-3);
  display:flex; align-items:center; justify-content:center; font-size:11px; color:var(--text-dim);
  transition:background .2s ease, color .2s ease;
}
.wizard-step.active{ color:var(--blue); border-color:var(--blue); }
.wizard-step.active em{ background:var(--blue); color:#0a0a0a; }
.wizard-step.done{ color:var(--signal); border-color:var(--signal); }
.wizard-step.done em{ background:var(--signal); color:#022019; }

.wizard-panel{ display:none; }
.wizard-panel.active{ display:block; animation:view-in .3s ease; }
.wizard-panel h3{ font-size:16px; margin-bottom:4px; }
.wizard-panel .sub{ color:var(--text-dim); font-size:12.5px; margin:0 0 14px; }
.wizard-error{ color:var(--danger); font-size:11.5px; min-height:14px; margin-top:6px; }

.slogan-list{ margin-bottom:10px; }
.slogan-row{ display:grid; grid-template-columns:1fr 64px 30px; gap:8px; margin-bottom:8px; align-items:center; }
.slogan-row input[type="number"]{ text-align:center; }
.slogan-remove{
  width:30px; height:38px; border-radius:var(--radius-sm); border:1px solid var(--border);
  background:var(--surface-2); color:var(--text-faint); cursor:pointer; font-size:15px; line-height:1;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.slogan-remove:hover{ background:rgba(255,77,94,.12); color:var(--danger); border-color:rgba(255,77,94,.3); }

.opcional{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--text-faint); border:1px solid var(--border); border-radius:99px; padding:1px 6px; margin-left:6px;
}
.logo-drop{
  border:1.5px dashed var(--border-strong); border-radius:var(--radius);
  background:var(--surface-2); padding:14px; cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.logo-drop:hover{ border-color:var(--blue); background:var(--surface-3); }
.logo-drop.is-drag{ border-color:var(--blue); background:rgba(79,214,255,.08); }
.logo-vacio{ display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; padding:8px 0; }
.logo-vacio .logo-icono{ font-size:20px; }
.logo-vacio strong{ font-size:12.5px; font-weight:600; }
.logo-vacio .logo-sub{ font-size:11px; color:var(--text-faint); }

.logo-lleno{ display:flex; align-items:center; gap:14px; }

.logo-preview{
  width:74px; height:74px; flex:none; border-radius:var(--radius-sm); overflow:hidden;
  border:1px solid var(--border);
  background-color:#0e0f12;
  background-image:
    linear-gradient(45deg, #1b1d22 25%, transparent 25%, transparent 75%, #1b1d22 75%),
    linear-gradient(45deg, #1b1d22 25%, transparent 25%, transparent 75%, #1b1d22 75%);
  background-size:12px 12px; background-position:0 0, 6px 6px;
  display:flex; align-items:center; justify-content:center;
}
.logo-preview img{ max-width:100%; max-height:100%; object-fit:contain; display:block; }
.logo-datos{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.logo-datos strong{ font-family:var(--font-mono); font-size:12.5px; }
.logo-datos span{ font-size:11px; color:var(--text-faint); }
.logo-acciones{ display:flex; gap:8px; margin-top:8px; }

.theme-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:10px; }
.theme-card{
  background:var(--surface-3); border:1px solid var(--border); border-radius:var(--radius);
  padding:0; overflow:hidden; cursor:pointer; text-align:left; font-family:inherit; color:var(--text);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), border-color .15s ease, box-shadow .2s ease;
}
.theme-card:hover{ transform:translateY(-3px); border-color:var(--border-strong); }
.theme-card.selected{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.18); }
.theme-swatch{
  display:block; height:58px; position:relative; overflow:hidden;
  background:linear-gradient(135deg, var(--t1), var(--t2));
}
.theme-swatch::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.22) 50%, transparent 70%);
  background-size:220% 100%; background-position:-160% 0;
  transition:background-position .6s ease;
}
.theme-card:hover .theme-swatch::after{ background-position:160% 0; }
.theme-name{ display:block; font-weight:600; font-size:12.5px; padding:9px 11px 1px; }
.theme-card.selected .theme-name::after{ content:' ✓'; color:var(--blue); }
.theme-tag{ display:block; font-size:10.5px; color:var(--text-faint); padding:0 11px 10px; line-height:1.4; }

.theme-swatch i{ position:absolute; display:block; inset:0; }

.mk-brasa-glow{ top:auto; left:-10%; right:-10%; bottom:-40%; height:80%;
  background:radial-gradient(circle at 50% 100%, rgba(255,255,255,.5), transparent 70%);
  animation:mk-brasa-latido 3.4s ease-in-out infinite; }
.mk-brasa{
  background-image:
    radial-gradient(2px 2px at 20% 100%, rgba(255,255,255,.95), transparent),
    radial-gradient(2px 2px at 45% 100%, rgba(255,255,255,.8), transparent),
    radial-gradient(2px 2px at 68% 100%, rgba(255,255,255,.9), transparent),
    radial-gradient(2px 2px at 86% 100%, rgba(255,255,255,.75), transparent);
  background-size:100% 100%; animation:mk-brasa-sube 3.2s linear infinite; }
@keyframes mk-brasa-latido{ 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
@keyframes mk-brasa-sube{ from{ background-position-y:0; } to{ background-position-y:-58px; } }

.mk-hoja-a{ left:6px; top:-6px; width:26px; height:34px;
  background:rgba(255,255,255,.32); border-radius:60% 40% 55% 45% / 55% 45% 60% 40%;
  animation:mk-mecer 4.6s ease-in-out infinite; }
.mk-hoja-b{ right:6px; bottom:-8px; width:22px; height:30px;
  background:rgba(255,255,255,.24); border-radius:45% 55% 40% 60% / 45% 55% 45% 55%;
  animation:mk-mecer 3.7s ease-in-out infinite reverse; }
.mk-lucis{
  background-image:
    radial-gradient(1.5px 1.5px at 30% 90%, rgba(255,255,255,1), transparent),
    radial-gradient(1.5px 1.5px at 60% 95%, rgba(255,255,255,.8), transparent),
    radial-gradient(1.5px 1.5px at 82% 88%, rgba(255,255,255,.85), transparent);
  background-size:100% 100%; animation:mk-lucis-sube 5s linear infinite; }
@keyframes mk-mecer{ 0%,100%{ transform:rotate(-4deg); } 50%{ transform:rotate(4deg); } }
@keyframes mk-lucis-sube{ from{ background-position-y:0; opacity:.4; } 50%{ opacity:1; } to{ background-position-y:-60px; opacity:.4; } }

.mk-vitral{ inset:8px; background:conic-gradient(from 0deg,
    rgba(255,255,255,.45), rgba(255,255,255,.12), rgba(255,255,255,.5),
    rgba(255,255,255,.15), rgba(255,255,255,.45));
  filter:blur(2px); animation:mk-vitral-girar 12s linear infinite; }
.mk-vitral-luz{
  background:
    repeating-linear-gradient(60deg, rgba(0,0,0,.45) 0 1.5px, transparent 1.5px 20px),
    repeating-linear-gradient(-60deg, rgba(0,0,0,.45) 0 1.5px, transparent 1.5px 20px); }
@keyframes mk-vitral-girar{ to{ transform:rotate(360deg); } }

.mk-estrellado{
  background-image:
    radial-gradient(1px 1px at 16% 24%, rgba(255,255,255,.9), transparent),
    radial-gradient(1px 1px at 40% 66%, rgba(255,255,255,.7), transparent),
    radial-gradient(1px 1px at 64% 30%, rgba(255,255,255,.85), transparent),
    radial-gradient(1px 1px at 84% 60%, rgba(255,255,255,.7), transparent);
  animation:mk-titila 3s ease-in-out infinite alternate; }
.mk-meteoro{ left:-30%; top:-30%; width:160%; height:160%;
  background:repeating-linear-gradient(-35deg, transparent 0 40px,
    rgba(255,255,255,.7) 40px 41px, transparent 41px 90px);
  background-size:120px 120px; animation:mk-meteoro-cae 2.4s linear infinite; }
.mk-meteoro-2{ opacity:.5; background-size:180px 180px; animation-duration:4s; }
@keyframes mk-titila{ from{ opacity:.5; } to{ opacity:1; } }
@keyframes mk-meteoro-cae{ from{ background-position:0 0; } to{ background-position:-120px 168px; } }

.mk-seda{ inset:-40%;
  background:repeating-linear-gradient(28deg,
    rgba(255,255,255,0) 0 6px, rgba(255,255,255,.22) 10px,
    rgba(255,255,255,.4) 14px, rgba(255,255,255,0) 22px);
  filter:blur(2px); animation:mk-seda-fluye 5s linear infinite; }
.mk-seda-brillo{ top:-30%; left:-40%; width:40%; height:160%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
  transform:rotate(20deg); animation:mk-seda-brillo 3.4s ease-in-out infinite; }
@keyframes mk-seda-fluye{ from{ background-position:0 0; } to{ background-position:0 44px; } }
@keyframes mk-seda-brillo{ 0%{ left:-45%; opacity:0; } 40%{ opacity:1; } 60%{ opacity:1; } 100%{ left:120%; opacity:0; } }

.mk-perla-a,.mk-perla-b,.mk-perla-c{ border-radius:52% 48% 46% 54% / 52% 48% 52% 48%;
  mix-blend-mode:screen; filter:blur(3px); animation:mk-perla-morph 6s ease-in-out infinite; }
.mk-perla-a{ left:-10%; top:-10%; width:60%; height:70%; background:rgba(255,255,255,.4); }
.mk-perla-b{ right:-8%; bottom:-12%; width:52%; height:64%; background:rgba(255,255,255,.26);
  animation-duration:8s; animation-direction:reverse; }
.mk-perla-c{ left:30%; top:20%; width:44%; height:52%; background:rgba(255,255,255,.18);
  animation-duration:7s; }
@keyframes mk-perla-morph{
  0%,100%{ border-radius:52% 48% 46% 54% / 52% 48% 52% 48%; transform:translate(0,0) scale(1); }
  50%{ border-radius:42% 58% 56% 44% / 46% 54% 46% 54%; transform:translate(4px,-3px) scale(1.06); }
}

.mk-eq{ left:0; right:0; bottom:0; top:auto; height:80%; transform-origin:bottom;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.6) 0 6px, transparent 6px 12px);
  -webkit-mask-image:linear-gradient(to top,#000,transparent); mask-image:linear-gradient(to top,#000,transparent);
  animation:mk-eq-rebota 1.2s ease-in-out infinite; }
@keyframes mk-eq-rebota{ 0%,100%{ transform:scaleY(.35); } 50%{ transform:scaleY(1); } }

.mk-latido-rejilla{ opacity:.4;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.25) 0 1px, transparent 1px 12px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.25) 0 1px, transparent 1px 12px); }
.mk-latido{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='58' viewBox='0 0 120 58'%3E%3Cpath d='M0 30 H34 L40 30 L44 15 L50 46 L56 30 L64 30 L68 22 L72 30 H120' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:repeat-x;
  background-position:0 50%; background-size:120px 58px;
  animation:mk-latido-cruza 2.2s linear infinite; }
@keyframes mk-latido-cruza{ from{ background-position:0 50%; } to{ background-position:-120px 50%; } }

@keyframes mk-panal-deriva{ to{ background-position:0 72px; } }
@keyframes mk-panal-celdas{
  0%{ opacity:.45; transform:translate(0,0); }
  100%{ opacity:1; transform:translate(-4px, 3px); }
}
@keyframes mk-panal-onda{
  0%{ transform:translate(-45%,-30%); opacity:0; }
  20%{ opacity:1; }
  70%,100%{ transform:translate(45%,30%); opacity:0; }
}

@keyframes mk-gas-gira{ to{ transform:rotate(360deg); } }
@keyframes mk-estrellas{
  0%{ transform:scale(1); opacity:.65; }
  100%{ transform:scale(1.22); opacity:1; }
}

@keyframes mk-esquirlas{
  0%{ transform:translate(0,0) rotate(0deg); }
  100%{ transform:translate(-3px,2px) rotate(-2deg); }
}

@keyframes mk-prisma{
  0%{ transform:translateX(-62%); opacity:0; }
  16%{ opacity:.95; }
  64%{ opacity:.95; }
  80%,100%{ transform:translateX(62%); opacity:0; }
}

.mk-floor{
  left:-6px; right:-6px; bottom:0; top:42%; overflow:hidden;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,.55) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.4) 0 1px, transparent 1px 6px);
  transform:perspective(50px) rotateX(58deg);
  transform-origin:bottom;
}
.mk-scanline{
  left:6px; right:6px; top:6px; height:2px; border-radius:2px;
  background:rgba(255,255,255,.95); box-shadow:0 0 8px 1px rgba(255,255,255,.8);
  animation:mk-scan 2.6s ease-in-out infinite;
}
.mk-cursor{ left:9px; top:8px; width:5px; height:9px; background:rgba(255,255,255,.9); animation:mk-blink 1s steps(1) infinite; }
@keyframes mk-scan{ 0%{ top:6px; opacity:0; } 15%{ opacity:1; } 85%{ opacity:1; } 100%{ top:44px; opacity:0; } }
@keyframes mk-blink{ 0%,49%{ opacity:1; } 50%,100%{ opacity:0; } }

.mk-rays{ left:50%; top:50%; width:1px; height:1px; animation:mk-spin 7s linear infinite; }
.mk-rays i{ left:-.5px; top:0; width:1.5px; height:27px; background:linear-gradient(to top, rgba(255,255,255,.9), transparent); transform-origin:50% 0; }
.mk-rays i:nth-child(1){ transform:rotate(0deg); }
.mk-rays i:nth-child(2){ transform:rotate(60deg); }
.mk-rays i:nth-child(3){ transform:rotate(120deg); }
.mk-rays i:nth-child(4){ transform:rotate(180deg); }
.mk-rays i:nth-child(5){ transform:rotate(240deg); }
.mk-rays i:nth-child(6){ transform:rotate(300deg); }
.mk-rays-core{
  left:50%; top:50%; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; border-radius:50%;
  background:rgba(255,255,255,.95); box-shadow:0 0 12px 3px rgba(255,255,255,.65);
}
@keyframes mk-spin{ to{ transform:rotate(360deg); } }

.mk-stripes{ left:-10px; right:-10px; top:-10px; bottom:-10px; display:flex; gap:7px; transform:rotate(-20deg) scale(1.25); }
.mk-stripes i{ position:static; flex:1; background:rgba(255,255,255,.6); }
.mk-stripes i:nth-child(2n){ background:rgba(255,255,255,.22); }

.mk-cloud{
  left:8px; top:5px; width:34px; height:12px; border-radius:99px; background:rgba(255,255,255,.34);
  box-shadow:12px 3px 0 -2px rgba(255,255,255,.26), -6px 3px 0 -3px rgba(255,255,255,.22);
}
.mk-bolt{
  left:26px; top:14px; width:12px; height:26px; background:#fff;
  clip-path:polygon(58% 0, 16% 54%, 46% 54%, 30% 100%, 88% 40%, 52% 40%);
  filter:drop-shadow(0 0 6px rgba(255,255,255,.9));
  animation:mk-flash 3.4s steps(1) infinite;
}
.mk-drops{
  inset:0; opacity:.5;
  background-image:repeating-linear-gradient(72deg, rgba(255,255,255,.7) 0 1px, transparent 1px 9px);
  animation:mk-fall .7s linear infinite;
}
@keyframes mk-flash{ 0%,88%,100%{ opacity:.25; } 90%{ opacity:1; } 92%{ opacity:.3; } 94%{ opacity:1; } }
@keyframes mk-fall{ to{ background-position:-9px 18px; } }

.mk-drop-a{
  left:9px; top:8px; width:22px; height:22px; background:rgba(255,255,255,.4);
  border-radius:58% 42% 46% 54% / 52% 48% 52% 48%;
  animation:mk-morph 4.5s ease-in-out infinite;
}
.mk-drop-b{
  right:11px; top:16px; width:16px; height:16px; background:rgba(255,255,255,.28);
  border-radius:44% 56% 60% 40% / 46% 58% 42% 54%;
  animation:mk-morph 3.6s ease-in-out infinite reverse;
}
.mk-wave{
  left:-14px; right:-14px; bottom:-9px; height:20px; border-radius:44%;
  background:rgba(255,255,255,.55);
  animation:mk-sway 3.2s ease-in-out infinite;
}
@keyframes mk-morph{
  0%,100%{ border-radius:58% 42% 46% 54% / 52% 48% 52% 48%; transform:translateY(0); }
  50%{ border-radius:38% 62% 63% 37% / 41% 57% 43% 59%; transform:translateY(-3px); }
}
@keyframes mk-sway{ 0%,100%{ transform:translateX(-5px) rotate(-3deg); } 50%{ transform:translateX(5px) rotate(3deg); } }

.mk-pistas{
  inset:4px; opacity:.55;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 11px, rgba(255,255,255,.75) 11px 12px),
    repeating-linear-gradient(90deg, transparent 0 15px, rgba(255,255,255,.5) 15px 16px);
}
.mk-pulso{
  inset:4px;
  background-image:linear-gradient(90deg, transparent, rgba(255,255,255,.95) 45%, transparent 60%);
  background-size:180% 100%; background-repeat:no-repeat;
  -webkit-mask-image:repeating-linear-gradient(0deg, #000 0 1.5px, transparent 1.5px 12px);
  mask-image:repeating-linear-gradient(0deg, #000 0 1.5px, transparent 1.5px 12px);
  animation:mk-pulso-corre 2.2s linear infinite;
}
.mk-nodo{
  left:22%; top:34%; width:6px; height:6px; border-radius:50%;
  background:#fff; box-shadow:0 0 8px 2px rgba(255,255,255,.8);
  animation:mk-nodo-late 1.8s ease-in-out infinite;
}
.mk-nodo-2{ left:auto; right:24%; top:auto; bottom:28%; animation-delay:.9s; }
@keyframes mk-pulso-corre{ from{ background-position:-80% 0; } to{ background-position:180% 0; } }
@keyframes mk-nodo-late{ 0%,100%{ opacity:.35; transform:scale(.8); } 50%{ opacity:1; transform:scale(1.2); } }

.mk-warp{
  left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; border-radius:50%;
  background:repeating-conic-gradient(from 0deg,
    rgba(255,255,255,.85) 0deg 1.4deg, transparent 1.4deg 13deg);
  -webkit-mask-image:radial-gradient(circle, transparent 8%, #000 42%, transparent 78%);
  mask-image:radial-gradient(circle, transparent 8%, #000 42%, transparent 78%);
  animation:mk-warp-out 1.8s linear infinite;
}
.mk-warp-2{ animation-delay:.9s; }
.mk-warp-core{
  left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%;
  background:#fff; box-shadow:0 0 14px 4px rgba(255,255,255,.9);
}
@keyframes mk-warp-out{
  0%{ transform:scale(.15); opacity:0; }
  25%{ opacity:1; }
  100%{ transform:scale(2.4); opacity:0; }
}

.mk-glitch-a, .mk-glitch-b{
  left:12%; right:12%; top:34%; height:16px; border-radius:2px;
}
.mk-glitch-a{ background:rgba(255,255,255,.9); animation:mk-glitch-x 2.4s steps(1) infinite; }
.mk-glitch-b{
  background:rgba(255,255,255,.35); mix-blend-mode:screen;
  animation:mk-glitch-x 2.4s steps(1) infinite reverse;
}
.mk-glitch-lines{
  inset:0; opacity:.5;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.5) 0 1px, transparent 1px 5px);
  animation:mk-glitch-roll 3s linear infinite;
}
@keyframes mk-glitch-x{
  0%,72%,100%{ transform:translateX(0); }
  76%{ transform:translateX(-7px); }
  80%{ transform:translateX(5px); }
  84%{ transform:translateX(-3px); }
}
@keyframes mk-glitch-roll{ to{ background-position:0 -20px; } }

.mk-ping{
  left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%;
  border:1.5px solid rgba(255,255,255,.9); opacity:0;
  animation:mk-ping-out 2.4s ease-out infinite;
}
.mk-ping-2{ animation-delay:1.2s; }
.mk-sweep{
  left:50%; top:50%; width:1px; height:1px;
  box-shadow:0 0 0 2px rgba(255,255,255,.95);
  animation:mk-sweep-spin 2.4s linear infinite;
}
.mk-sweep::before{
  content:''; position:absolute; left:0; top:-26px; width:1.5px; height:26px;
  background:linear-gradient(to top, rgba(255,255,255,.95), transparent);
  transform-origin:50% 100%;
}
@keyframes mk-ping-out{ 0%{ transform:scale(.3); opacity:.9; } 100%{ transform:scale(3.4); opacity:0; } }
@keyframes mk-sweep-spin{ to{ transform:rotate(360deg); } }

.lc-capsula{ display:flex; align-items:center; justify-content:center; height:100%; }
.lc-capsula .card{
  position:static; width:74%; height:74%; border-radius:11px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.75);
  box-shadow:0 0 14px rgba(255,255,255,.35);
  display:flex; flex-direction:column; justify-content:center; gap:3px; padding:0 7px;
  animation:lc-lift 3s ease-in-out infinite;
}
.lc-capsula .card i{ position:static; }
.lc-capsula .pill{
  display:flex; background:rgba(0,0,0,.3); border-radius:99px; padding:1.5px; height:9px;
}
.lc-capsula .pill i{
  width:50%; height:100%; border-radius:99px; background:#fff;
  animation:lc-slide 2.6s cubic-bezier(.65,0,.35,1) infinite;
}
.lc-capsula .f{ height:4px; border-radius:99px; background:rgba(255,255,255,.3); }
.lc-capsula .b{ height:6px; border-radius:99px; background:rgba(255,255,255,.95); margin-top:1px; }
@keyframes lc-slide{ 0%,42%{ transform:translateX(0); } 50%,92%{ transform:translateX(100%); } 100%{ transform:translateX(0); } }
@keyframes lc-lift{ 0%,100%{ transform:translateY(2px); } 50%{ transform:translateY(-2px); } }

.lc-escaparate{ display:flex; align-items:center; justify-content:center; height:100%; }
.lc-escaparate i{ position:static; }
.lc-escaparate .card{
  display:flex; width:86%; height:76%; border-radius:7px; overflow:hidden;
  border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.08);
}
.lc-escaparate .marca{
  width:40%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.22); position:relative; overflow:hidden;
}
.lc-escaparate .marca::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.6) 50%, transparent 65%);
  background-size:260% 100%; animation:lc-brillo 3s ease-in-out infinite;
}
.lc-escaparate .ini{ font-size:15px; font-weight:800; color:#fff; line-height:1; }
.lc-escaparate .body{ flex:1; display:flex; flex-direction:column; justify-content:center; gap:3px; padding:0 6px; }
.lc-escaparate .tabs{ display:flex; gap:3px; }
.lc-escaparate .tabs i{ flex:1; height:5px; border-radius:2px; background:rgba(255,255,255,.28); }
.lc-escaparate .tabs i:first-child{ background:#fff; }
.lc-escaparate .f{ height:4px; border-radius:2px; background:rgba(255,255,255,.3); }
.lc-escaparate .b{ height:6px; border-radius:2px; background:#fff; }
@keyframes lc-brillo{ 0%{ background-position:-130% 0; } 60%,100%{ background-position:130% 0; } }

.lc-boleto{ display:flex; align-items:center; justify-content:center; height:100%; }
.lc-boleto i{ position:static; }
.lc-boleto .card{
  width:66%; border-radius:5px; overflow:hidden;
  border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.08);
  display:flex; flex-direction:column;
}
.lc-boleto .head{ display:flex; gap:3px; padding:5px 6px; background:rgba(255,255,255,.3); }
.lc-boleto .head i{ flex:1; height:4px; border-radius:2px; background:rgba(255,255,255,.45); }
.lc-boleto .head i:first-child{ background:#fff; }
.lc-boleto .corte{
  height:0; border-top:1.5px dashed rgba(255,255,255,.75); margin:0 5px; position:relative;
  animation:lc-troquel 2.6s ease-in-out infinite;
}
.lc-boleto .corte::before, .lc-boleto .corte::after{
  content:''; position:absolute; top:-4px; width:7px; height:7px; border-radius:50%;
  background:var(--t1); border:1px solid rgba(255,255,255,.5);
}
.lc-boleto .corte::before{ left:-9px; }
.lc-boleto .corte::after{ right:-9px; }
.lc-boleto .body{ display:flex; flex-direction:column; gap:3px; padding:6px; }
.lc-boleto .f{ height:4px; border-radius:1px; background:rgba(255,255,255,.3); }
.lc-boleto .b{ height:6px; border-radius:1px; background:#fff; margin-top:1px; }
@keyframes lc-troquel{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }

.lc-banda{ display:flex; flex-direction:column; height:100%; }
.lc-banda i{ position:static; }
.lc-banda .barra{ flex:1; background:rgba(0,0,0,.5); }
.lc-banda .band{
  display:flex; align-items:center; gap:5px; padding:0 8px; height:24px;
  background:rgba(255,255,255,.16);
  border-top:1px solid rgba(255,255,255,.7); border-bottom:1px solid rgba(255,255,255,.7);
  position:relative; overflow:hidden;
}
.lc-banda .band::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg, transparent 40%, rgba(255,255,255,.5) 50%, transparent 60%);
  background-size:250% 100%; animation:lc-brillo 3.4s ease-in-out infinite;
}
.lc-banda .f{ flex:1; height:5px; border-radius:2px; background:rgba(255,255,255,.32); }
.lc-banda .b{ width:22%; height:7px; border-radius:2px; background:#fff; }

.lc-lateral{ display:flex; height:100%; }
.lc-lateral i{ position:static; }
.lc-lateral .stage{ flex:1; display:flex; align-items:center; justify-content:center; }
.lc-lateral .mark{ width:13px; height:13px; border-radius:50%; border:1.5px solid rgba(255,255,255,.85); }
.lc-lateral .panel{
  width:46%; background:rgba(0,0,0,.34); border-left:1.5px solid rgba(255,255,255,.8);
  display:flex; flex-direction:column; justify-content:center; gap:3px; padding:0 7px;
  animation:lc-enter 3.2s ease-in-out infinite;
}
.lc-lateral .seg{ height:6px; border-radius:2px; background:rgba(255,255,255,.85); width:70%; }
.lc-lateral .f{ height:4px; border-radius:1px; background:rgba(255,255,255,.28); }
.lc-lateral .b{ height:6px; border-radius:2px; background:#fff; margin-top:1px; }
@keyframes lc-enter{ 0%,100%{ transform:translateX(14%); opacity:.55; } 45%,70%{ transform:translateX(0); opacity:1; } }

.activity-log{ display:flex; flex-direction:column; gap:8px; }
.activity-log .hint{ margin:0; }
.toast{
  display:flex; align-items:center; gap:10px; background:var(--surface-2);
  border:1px solid var(--border); border-left:3px solid var(--border-strong); border-radius:10px;
  padding:11px 15px; font-size:13px; box-shadow:0 14px 34px -14px rgba(0,0,0,.6);
  animation:toast-in .5s cubic-bezier(.34,1.56,.64,1);
}
.toast .toast-icon{ flex:none; font-size:14px; }
.toast .toast-time{
  margin-left:auto; flex:none; font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
}
.toast.ok{ border-left-color:var(--signal); }
.toast.warn{ border-left-color:var(--blue); }
.toast.danger{ border-left-color:var(--danger); }
@keyframes toast-in{
  from{ opacity:0; transform:translateY(-10px) scale(.94); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } }
.status-dot{ animation:pulse 2.4s ease-in-out infinite; }

.nav-abrir{
  display:none; flex:none; width:38px; height:38px; margin-left:-6px;
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
  border-radius:10px; cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
}
.nav-abrir span{
  display:block; width:16px; height:1.5px; border-radius:2px; background:var(--text-dim);
  transition:transform .22s ease, opacity .18s ease;
}
.nav-abrir:hover span{ background:var(--blue); }

body.nav-abierta .nav-abrir span:nth-child(1){ transform:translateY(5.5px) rotate(45deg); }
body.nav-abierta .nav-abrir span:nth-child(2){ opacity:0; }
body.nav-abierta .nav-abrir span:nth-child(3){ transform:translateY(-5.5px) rotate(-45deg); }

.nav-scrim{
  position:fixed; inset:0; z-index:59; background:rgba(0,0,0,.55);
  backdrop-filter:blur(2px); opacity:0; transition:opacity .22s ease;
}
body.nav-abierta .nav-scrim{ opacity:1; }

@media (max-width:900px){
  .nav-abrir{ display:flex; }

  .sidebar{
    position:fixed; top:0; left:0; bottom:0; z-index:60;
    width:min(280px, 84vw); max-width:none;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    background:var(--surface); border-right:1px solid var(--border-strong);
    box-shadow:18px 0 45px rgba(0,0,0,.5);
    transform:translateX(-102%); transition:transform .26s cubic-bezier(.4,0,.2,1);
  }
  body.nav-abierta .sidebar{ transform:translateX(0); }

  body.nav-abierta{ overflow:hidden; }

  .topbar{
    height:auto; min-height:58px; padding:9px 16px; gap:10px;
    justify-content:flex-start;
  }

  .topbar-title{ flex:1 1 auto; min-width:66px; }
  .topbar-title h2{
    font-size:14.5px; line-height:1.25;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }

  .topbar-title span{ display:none; }
  .topbar-right{ margin-left:auto; flex:none; gap:7px; }

  .avatar{ display:none; }

  .content{ padding:18px 16px 48px; }
  .page-head{ margin-bottom:18px; }
  .page-head h1{ font-size:21px; }
  .page-head p{ font-size:13px; }
  .section-title{ margin:26px 0 10px; }

  .field-row{ grid-template-columns:1fr; }
  .grid-stats{ grid-template-columns:1fr 1fr; gap:10px; }

  .btn, .st-tab, .tk-filtro{ min-height:40px; }
  .paginas-btn{ min-height:40px; height:40px; min-width:40px; }
  .btn.small{ padding-inline:13px; }

}

@media (max-width:520px){
  .grid-stats{ grid-template-columns:1fr; }
  .content{ padding:16px 13px 44px; }
  .page-head h1{ font-size:19px; }

  .sesion-chip #sesion-alias{ display:none; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

.js-fx-active .modal-box{ transition:none; }
.js-fx-active .stat-card{ transition:border-color .18s ease, box-shadow .18s ease; }

.ripple-fx{
  position:absolute; border-radius:50%; pointer-events:none; transform:scale(0);
  background:radial-gradient(circle, rgba(255,255,255,.6) 0%, rgba(79,214,255,.35) 45%, rgba(79,214,255,0) 72%);
  border:1px solid rgba(255,255,255,.35);
}

.opt-grid{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; }
@media (max-width:900px){ .opt-grid{ grid-template-columns:repeat(3, 1fr); } }
@media (max-width:620px){ .opt-grid{ grid-template-columns:repeat(2, 1fr); } }
.opt-card{
  background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius);
  padding:0 0 9px; overflow:hidden; cursor:pointer; text-align:left;
  font-family:inherit; color:var(--text);
  transition:transform .16s cubic-bezier(.34,1.56,.64,1), border-color .15s ease, box-shadow .2s ease;
}
.opt-card:hover{ transform:translateY(-2px); border-color:var(--border-strong); }
.opt-card.selected{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.16); }
.opt-nombre{ display:block; font-weight:600; font-size:12px; padding:8px 10px 1px; }
.opt-card.selected .opt-nombre::after{ content:' ✓'; color:var(--blue); }
.opt-tag{ display:block; font-size:10px; color:var(--text-faint); padding:0 10px; line-height:1.35; }

.opt-mini{
  display:block; position:relative; height:52px; overflow:hidden;
  background:#0c0d11; border-bottom:1px solid var(--border);
}
.opt-mini i{ position:absolute; display:block; background:rgba(255,255,255,.22); border-radius:2px; }

.opt-barra-lateral i:nth-child(4), .opt-barra-superior i:nth-child(4),
.opt-barra-inferior i:nth-child(4), .opt-barra-flotante i:nth-child(4),
.opt-barra-cajon i:nth-child(4),
[class*="opt-anuncio-"] i:nth-child(4){ display:none; }

.opt-barra-lateral i:nth-child(1){ left:0; top:0; bottom:0; width:26%; background:var(--blue); opacity:.75; }
.opt-barra-lateral i:nth-child(2){ left:32%; right:8%; top:10px; height:6px; }
.opt-barra-lateral i:nth-child(3){ left:32%; right:20%; top:22px; height:18px; opacity:.5; }

.opt-barra-superior i:nth-child(1){ left:0; right:0; top:0; height:26%; background:var(--blue); opacity:.75; border-radius:0; }
.opt-barra-superior i:nth-child(2){ left:10%; right:10%; top:22px; height:6px; }
.opt-barra-superior i:nth-child(3){ left:10%; right:30%; top:33px; height:12px; opacity:.5; }

.opt-barra-inferior i:nth-child(1){ left:0; right:0; bottom:0; height:26%; background:var(--blue); opacity:.75; border-radius:0; }
.opt-barra-inferior i:nth-child(2){ left:10%; right:10%; top:9px; height:6px; }
.opt-barra-inferior i:nth-child(3){ left:10%; right:30%; top:20px; height:12px; opacity:.5; }

.opt-barra-flotante i:nth-child(1){ left:18%; right:18%; bottom:6px; height:12px; border-radius:99px; background:var(--blue); opacity:.85; }
.opt-barra-flotante i:nth-child(2){ left:10%; right:10%; top:9px; height:6px; }
.opt-barra-flotante i:nth-child(3){ left:10%; right:30%; top:20px; height:12px; opacity:.5; }

[class*="opt-efecto-"] i:nth-child(1){
  left:0; top:0; bottom:0; width:20%; border-radius:0;
  background:rgba(255,255,255,.14);
}
[class*="opt-efecto-"] i:nth-child(2){
  left:26%; right:8%; top:9px; bottom:9px; border-radius:3px;
  background:linear-gradient(140deg, var(--blue), rgba(79,214,255,.35));
}
[class*="opt-efecto-"] i:nth-child(3){
  left:31%; right:26%; top:16px; height:4px; border-radius:2px;
  background:rgba(255,255,255,.75); z-index:2;
}
[class*="opt-efecto-"] i:nth-child(4){ display:none; }

.opt-efecto-fundido i:nth-child(2),
.opt-efecto-fundido i:nth-child(3){ animation:opt-fundido 2.6s ease-in-out infinite; }
@keyframes opt-fundido{
  0%, 8%{ opacity:0; filter:blur(4px); }
  42%, 78%{ opacity:1; filter:blur(0); }
  100%{ opacity:0; filter:blur(4px); }
}

.opt-efecto-deslizar i:nth-child(2),
.opt-efecto-deslizar i:nth-child(3){ animation:opt-deslizar 2.6s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes opt-deslizar{
  0%, 8%{ transform:translateX(56px); opacity:0; }
  42%, 78%{ transform:none; opacity:1; }
  100%{ transform:translateX(56px); opacity:0; }
}
.opt-efecto-deslizar i:nth-child(4){
  display:block; right:0; top:9px; bottom:9px; width:16px; border-radius:0;
  background:linear-gradient(90deg, transparent, rgba(79,214,255,.55));
  animation:opt-desliz-estela 2.6s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes opt-desliz-estela{
  0%, 8%{ opacity:.8; } 40%, 100%{ opacity:0; }
}

.opt-efecto-zoom i:nth-child(2),
.opt-efecto-zoom i:nth-child(3){
  transform-origin:center;
  animation:opt-zoom 2.6s cubic-bezier(.34,1.5,.64,1) infinite;
}
@keyframes opt-zoom{
  0%, 8%{ transform:scale(.28); opacity:0; }
  38%{ transform:scale(1.08); opacity:1; }
  50%, 78%{ transform:scale(1); opacity:1; }
  100%{ transform:scale(.28); opacity:0; }
}

.opt-efecto-cortina i:nth-child(2),
.opt-efecto-cortina i:nth-child(3){ animation:opt-cortina 2.6s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes opt-cortina{
  0%, 8%{ clip-path:inset(0 0 100% 0); }
  42%, 78%{ clip-path:inset(0 0 0 0); }
  100%{ clip-path:inset(0 0 100% 0); }
}
.opt-efecto-cortina i:nth-child(4){
  display:block; left:26%; right:8%; height:2px; border-radius:0;
  background:var(--blue); box-shadow:0 0 9px 1px var(--blue); z-index:3;
  animation:opt-cortina-filo 2.6s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes opt-cortina-filo{
  0%, 8%{ top:9px; opacity:1; }
  42%{ top:calc(100% - 11px); opacity:1; }
  46%, 100%{ opacity:0; }
}

.opt-efecto-glitch i:nth-child(2){ animation:opt-glitch-panel 2.2s steps(1) infinite; }
@keyframes opt-glitch-panel{
  0%, 6%{ opacity:0; clip-path:inset(0 0 70% 0); transform:translateX(-7px); }
  14%{ opacity:1; clip-path:inset(46% 0 26% 0); transform:translateX(8px); }
  22%{ clip-path:inset(14% 0 52% 0); transform:translateX(-5px); }
  30%{ clip-path:inset(70% 0 0 0); transform:translateX(4px); }
  40%, 82%{ clip-path:inset(0 0 0 0); transform:none; opacity:1; }
  100%{ opacity:0; clip-path:inset(0 0 70% 0); transform:translateX(-7px); }
}
.opt-efecto-glitch i:nth-child(3){ animation:opt-glitch-linea 2.2s steps(1) infinite; }
@keyframes opt-glitch-linea{
  0%, 6%{ opacity:0; }
  14%{ opacity:1; transform:translateX(-9px); }
  22%{ transform:translateX(7px); }
  30%{ transform:translateX(-4px); }
  40%, 82%{ transform:none; opacity:1; }
  100%{ opacity:0; }
}

.opt-efecto-glitch i:nth-child(4){
  display:block; left:26%; right:8%; top:9px; bottom:9px; border-radius:3px;
  background:var(--signal); opacity:0; mix-blend-mode:screen;
  animation:opt-glitch-rgb 2.2s steps(1) infinite;
}
@keyframes opt-glitch-rgb{
  0%, 10%{ opacity:0; }
  14%{ opacity:.5; transform:translateX(9px); }
  22%{ opacity:.4; transform:translateX(-7px); }
  30%{ opacity:.5; transform:translateX(5px); }
  36%, 100%{ opacity:0; transform:none; }
}

[class*="opt-indicador-"] i:nth-child(1),
[class*="opt-indicador-"] i:nth-child(2),
[class*="opt-indicador-"] i:nth-child(3){
  left:22%; right:16%; height:6px; border-radius:2px;
  background:rgba(255,255,255,.28); box-shadow:none;
}
[class*="opt-indicador-"] i:nth-child(1){ top:9px; }
[class*="opt-indicador-"] i:nth-child(2){ top:23px; }
[class*="opt-indicador-"] i:nth-child(3){ top:37px; }

@keyframes ind-salta{
  0%, 26%{ transform:translateY(0); }
  33%, 59%{ transform:translateY(14px); }
  66%, 92%{ transform:translateY(28px); }
  100%{ transform:translateY(0); }
}

.opt-indicador-barra i:nth-child(4){
  left:15%; top:5px; width:3px; height:14px; border-radius:0 2px 2px 0;
  background:var(--blue); box-shadow:0 0 9px 1px var(--blue);
  animation:ind-salta 4.2s cubic-bezier(.34,1.4,.64,1) infinite;
}

.opt-indicador-pildora i:nth-child(4){
  left:17%; right:11%; top:4px; height:16px; border-radius:99px;
  background:linear-gradient(100deg, var(--blue), rgba(79,214,255,.6));
  box-shadow:0 3px 10px -3px var(--blue);
  animation:ind-salta 4.2s cubic-bezier(.34,1.4,.64,1) infinite;
}

.opt-indicador-pildora i:nth-child(1),
.opt-indicador-pildora i:nth-child(2),
.opt-indicador-pildora i:nth-child(3){ z-index:2; }

.pago-bloque{
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2); margin-bottom:12px; overflow:hidden;
  transition:border-color .18s ease;
}
.pago-bloque.activo{ border-color:rgba(79,214,255,.45); }
.pago-cabecera{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:14px 16px;
}
.pago-cabecera strong{ display:block; font-size:13.5px; }
.pago-cabecera span{ display:block; font-size:11.5px; color:var(--text-faint); margin-top:2px; }
.pago-campos{
  padding:4px 16px 14px; border-top:1px solid var(--border);
  animation:view-in .3s ease;
}

.cli-sub{ font-size:11px; color:var(--text-faint); margin-top:2px; }

.opt-anuncio-cabecera i:nth-child(1){ left:10%; right:40%; top:9px; height:7px; }
.opt-anuncio-cabecera i:nth-child(2){ left:10%; right:10%; bottom:8px; height:16px; opacity:.35; }
.opt-anuncio-cabecera i:nth-child(3){
  left:10%; right:30%; top:20px; height:11px; border-radius:2px 5px 5px 2px;
  background:linear-gradient(100deg,
    color-mix(in srgb, var(--signal) 55%, transparent), transparent 75%);
  border-left:2px solid var(--signal);
  box-shadow:-3px 0 9px -3px var(--signal);
  opacity:1; overflow:hidden;
}
.opt-anuncio-cabecera i:nth-child(3)::after{
  content:''; position:absolute; top:0; bottom:0; width:34%; left:-40%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent);
  animation:opt-placa 3.4s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes opt-placa{ 0%{ left:-40%; } 60%,100%{ left:110%; } }

.opt-anuncio-cinta i:nth-child(1){ left:10%; right:44%; top:22px; height:6px; }
.opt-anuncio-cinta i:nth-child(2){ left:10%; right:10%; bottom:8px; height:16px; opacity:.35; }
.opt-anuncio-cinta i:nth-child(3){
  left:0; right:0; top:0; height:11px; border-radius:0;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--signal) 18%, transparent),
    color-mix(in srgb, var(--signal) 60%, transparent) 50%,
    color-mix(in srgb, var(--signal) 18%, transparent));
  opacity:1;
}
.opt-anuncio-cinta i:nth-child(3)::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--signal) 25%, #fff 50%, var(--signal) 75%, transparent);
  box-shadow:0 0 8px var(--signal);
  animation:opt-cinta 2.6s ease-in-out infinite;
}
@keyframes opt-cinta{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }

.opt-anuncio-flotante i:nth-child(1){ left:10%; right:44%; top:9px; height:6px; }
.opt-anuncio-flotante i:nth-child(2){ left:10%; right:10%; top:20px; height:14px; opacity:.35; }
.opt-anuncio-flotante i:nth-child(3){
  right:7px; bottom:7px; width:46%; height:15px;
  border-radius:7px 7px 1px 7px;
  background:color-mix(in srgb, var(--signal) 34%, transparent);
  border:1px solid var(--signal);
  opacity:1;
  animation:opt-burbuja 3s ease-in-out infinite;
}
@keyframes opt-burbuja{
  0%,100%{ box-shadow:0 0 5px -2px var(--signal); }
  50%{ box-shadow:0 0 16px -1px var(--signal); }
}

.opt-barra-lateral i:nth-child(1),
.opt-barra-superior i:nth-child(1),
.opt-barra-inferior i:nth-child(1),
.opt-barra-flotante i:nth-child(1){
  animation:opt-barra-late 2.6s ease-in-out infinite;
}
@keyframes opt-barra-late{
  0%, 100%{ opacity:.7; }
  50%{ opacity:1; box-shadow:0 0 12px 0 rgba(79,214,255,.55); }
}

.opt-barra-flotante i:nth-child(1){ animation:opt-barra-late 2.6s ease-in-out infinite, opt-barra-flota 3.4s ease-in-out infinite; }
@keyframes opt-barra-flota{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }

.fila-clicable{ cursor:pointer; }
.fila-clicable:hover{ background:var(--surface-2); }

.ficha-box{
  width:720px; max-width:94vw; max-height:88vh;
  display:flex; flex-direction:column; padding:0; overflow:hidden;
}
.ficha-cabecera{
  display:flex; align-items:center; gap:14px; flex:none;
  padding:20px 22px; border-bottom:1px solid var(--border);
  background:linear-gradient(180deg, var(--surface-3), var(--surface-2));
}
.ficha-avatar{
  width:46px; height:46px; flex:none; border-radius:12px;
  background:linear-gradient(135deg, var(--blue), var(--blue-2));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:20px; color:#06121a;
  box-shadow:0 0 0 1px rgba(79,214,255,.35), 0 8px 22px -10px rgba(0,114,255,.6);
}
.ficha-identidad{ min-width:0; flex:1; }
.ficha-identidad h3{ font-size:17px; margin:0; }
.ficha-correo{ font-family:var(--font-mono); font-size:12px; color:var(--text-dim); margin-top:2px; }
.ficha-cerrar{
  flex:none; width:30px; height:30px; border-radius:8px; cursor:pointer;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-dim);
  font-size:13px; line-height:1;
  transition:background .15s ease, color .15s ease;
}
.ficha-cerrar:hover{ background:rgba(255,77,94,.14); color:var(--danger); border-color:rgba(255,77,94,.3); }

.ficha-cuerpo{ flex:1; min-height:0; overflow-y:auto; padding:20px 22px; }
.ficha-box .modal-actions{ flex:none; padding:0 22px 20px; margin-top:0; }

.ficha-titulo{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint); margin:22px 0 10px; display:flex; align-items:center; gap:10px;
}
.ficha-titulo::after{ content:''; flex:1; height:1px; background:var(--border); }
.ficha-titulo:first-child{ margin-top:0; }

.ficha-rejilla{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px 16px;
}
.ficha-dato{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ficha-dato-etiqueta{
  font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--text-faint);
}
.ficha-dato-valor{ font-size:13px; color:var(--text); word-break:break-word; }

.aparato-card{
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2); padding:14px; margin-bottom:10px;
}
.aparato-card.es-diario{
  border-color:rgba(0,229,160,.35);
  box-shadow:inset 3px 0 0 0 var(--signal);
}
.aparato-cabecera{ display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.aparato-icono{ font-size:19px; flex:none; }
.aparato-titulo{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.aparato-titulo strong{ font-size:13.5px; }
.aparato-titulo span{ font-size:11px; color:var(--text-faint); }
.aparato-marcas{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.aparato-ua{
  margin-top:10px; padding-top:10px; border-top:1px solid var(--border);
  font-size:10.5px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.tabla-acciones{ white-space:nowrap; }
.tabla-acciones .btn{ margin-right:6px; }
.tabla-acciones .btn:last-child{ margin-right:0; }

.tabla-box{
  width:1000px; max-width:96vw; max-height:90vh;
  display:flex; flex-direction:column; padding:0; overflow:hidden;
}
.tabla-avatar{ background:linear-gradient(135deg, var(--surface-3), var(--surface-2)); font-size:20px; }

.tabla-barra{
  flex:none; display:flex; align-items:center; gap:14px;
  padding:12px 22px; border-bottom:1px solid var(--border); background:var(--surface);
}
.tabla-marcar-todo{
  display:flex; align-items:center; gap:7px; margin:0;
  font-size:12.5px; color:var(--text-dim); cursor:pointer;
}
.tabla-marcar-todo input{ width:auto; margin:0; cursor:pointer; }
.tabla-contador{
  font-family:var(--font-mono); font-size:11.5px; color:var(--text-faint); margin-left:auto;
}
.tabla-barra .btn[disabled]{ opacity:.4; pointer-events:none; }

.tabla-cuerpo{ flex:1; min-height:0; overflow:auto; padding:0; }
.aviso-sin-clave{
  margin:0; padding:12px 22px;
  background:rgba(255,159,10,.1); border-bottom:1px solid rgba(255,159,10,.28);
  color:#ffc76b;
}
.tabla-cuerpo > .hint{ padding:22px; }

.tabla-datos-scroll{ overflow-x:auto; overflow-y:hidden; }
.tabla-datos{ width:100%; border-collapse:collapse; }
.tabla-datos th{
  position:sticky; top:0; z-index:2;
  background:var(--surface-3); border-bottom:1px solid var(--border-strong);
  padding:9px 12px; white-space:nowrap;
}
.tabla-datos td{
  padding:8px 12px; border-bottom:1px solid var(--border);
  font-size:12.5px; font-family:var(--font-mono);
  max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tabla-datos tbody tr{ cursor:pointer; transition:background .12s ease; }
.tabla-datos tbody tr:hover{ background:var(--surface-2); }

.tabla-datos tbody tr:has(.fila-check:checked){
  background:rgba(255,77,94,.1);
  box-shadow:inset 3px 0 0 0 var(--danger);
}
.tabla-datos .col-check{ width:38px; text-align:center; padding-left:16px; }
.tabla-datos .col-check input{ width:auto; margin:0; cursor:pointer; }
.tabla-datos th.es-clave{ color:var(--blue); }
.tabla-datos td.es-clave{ color:var(--blue); }
.valor-nulo{ color:var(--text-faint); font-style:italic; }

.valor-oculto{
  color:var(--text-faint); font-style:italic; font-size:11px;
  white-space:nowrap;
}
.valor-oculto::before{
  content:'🔒 '; font-style:normal; opacity:.6;
}

.valor-cifrado{
  color:var(--violet); font-style:italic; font-size:11px; white-space:nowrap;
}
.valor-cifrado::before{ content:'🔐 '; font-style:normal; opacity:.7; }

.valor-largo{ white-space:nowrap; }
.celda-mas{
  margin-left:7px; padding:1px 7px; border-radius:99px; cursor:pointer;
  font-family:var(--font-mono); font-size:10px; line-height:1.6;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
  transition:border-color .14s ease, color .14s ease;
}
.celda-mas:hover{ border-color:var(--blue); color:var(--blue); }

.tabla-busca{
  display:flex; align-items:center; gap:10px;
  padding:11px 22px; border-bottom:1px solid var(--border);
}
.tabla-busca input{
  flex:1; min-width:0; margin:0;
  padding:8px 12px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text);
  font-family:inherit; font-size:12.5px;
}
.tabla-busca input:focus{ outline:none; border-color:var(--blue); }
.tabla-busca-cuenta{
  flex:none; font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
}

.tabla-paginas{
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:14px 22px; border-top:1px solid var(--border);
}
.tabla-paginas-cual{
  font-family:var(--font-mono); font-size:11.5px; color:var(--text-dim);
  min-width:130px; text-align:center;
}
.tabla-nota-paginas{ padding:0 22px 16px; text-align:center; font-size:11px; }

.celda-box{ max-width:760px; width:min(760px, 94vw); }
.celda-valor{
  margin:0; padding:18px 22px; max-height:52vh; overflow:auto;
  font-family:var(--font-mono); font-size:12px; line-height:1.65;
  color:var(--text); background:var(--surface-3);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  white-space:pre-wrap; word-break:break-word;
}

.tabla-pie{ justify-content:space-between !important; align-items:center; padding:14px 22px !important; border-top:1px solid var(--border); }
.zona-peligro{ font-size:12px; }
.zona-peligro summary{
  cursor:pointer; color:var(--text-faint); font-family:var(--font-mono);
  font-size:11px; letter-spacing:.06em; text-transform:uppercase; list-style:none;
}
.zona-peligro summary::-webkit-details-marker{ display:none; }
.zona-peligro summary::before{ content:'▸ '; }
.zona-peligro[open] summary::before{ content:'▾ '; }
.zona-peligro summary:hover{ color:var(--danger); }
.zona-peligro-cuerpo{ display:flex; align-items:center; gap:8px; margin-top:10px; flex-wrap:wrap; }
.zona-peligro-cuerpo .hint{ margin:0 0 6px; width:100%; }

.puerta{
  position:fixed; inset:0; z-index:500;
  display:flex; align-items:center; justify-content:center; padding:20px;
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(79,214,255,.1), transparent 65%),
    var(--bg);
}
.puerta-caja{
  width:420px; max-width:94vw;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:26px; box-shadow:0 40px 90px -30px rgba(0,0,0,.85);
  animation:view-in .4s ease;
}
.puerta-marca{
  display:flex; align-items:center; gap:12px;
  padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--border);
}
.puerta-marca strong{ display:block; font-family:var(--font-display); font-size:15px; color:#fff; }
.puerta-marca span{ display:block; font-size:11.5px; color:var(--text-faint); font-family:var(--font-mono); }
.puerta-texto{ font-size:12.5px; color:var(--text-dim); line-height:1.55; margin:0 0 16px; }
.puerta-form .btn{ width:100%; margin-top:6px; }
.puerta-error{ color:var(--danger); font-size:11.5px; min-height:15px; margin:6px 0; }

.sesion-chip{
  display:flex; align-items:center; gap:9px;
  background:var(--surface-2); border:1px solid var(--border);
  border-radius:999px; padding:5px 6px 5px 12px; font-size:12.5px;
}
.sesion-rol{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.08em;
  padding:2px 7px; border-radius:99px;
}
.sesion-rol.owner{ background:rgba(139,123,255,.16); color:var(--violet); border:1px solid rgba(139,123,255,.35); }
.sesion-rol.staff{ background:rgba(79,214,255,.12); color:var(--blue); border:1px solid rgba(79,214,255,.3); }

.permisos-tabla{
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2); overflow:hidden; margin-bottom:6px;
}
.permisos-fila{
  display:grid; grid-template-columns:1fr repeat(4, 62px);
  align-items:center; padding:7px 12px; border-bottom:1px solid var(--border);
}
.permisos-fila:last-child{ border-bottom:none; }
.permisos-fila:hover:not(.permisos-cabecera){ background:var(--surface-3); }
.permisos-cabecera{
  background:var(--surface-3); font-family:var(--font-mono);
  font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint);
}
.permisos-cabecera .permisos-acc{ justify-content:center; }
.permisos-nombre{ font-size:13px; }
.permisos-acc{
  display:flex; align-items:center; justify-content:center; margin:0; cursor:pointer;
}
.permisos-acc input{ width:auto; margin:0; cursor:pointer; }
.permisos-grupo{
  padding:8px 12px 5px; font-family:var(--font-mono);
  font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint); background:var(--surface);
  border-bottom:1px solid var(--border);
}

.tabla-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

.codigo-caja{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:var(--surface-3); border:1px dashed var(--border-strong);
  border-radius:var(--radius); padding:14px 16px; margin-bottom:10px;
}
.codigo-valor{
  flex:1; font-size:19px; font-weight:600; letter-spacing:.06em; color:var(--blue);
  user-select:all;

  min-width:0; overflow-wrap:anywhere;
}

.accion-lista{ display:flex; flex-direction:column; gap:6px; }
.accion-item{
  display:flex; align-items:center; gap:10px;
  padding:8px 10px; border-radius:var(--radius-sm);
  background:var(--surface-2); border:1px solid var(--border);
}
.accion-texto{ flex:1; font-size:12.5px; min-width:0; }

.accion-pie{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:5px; }
.accion-ip{
  font-family:var(--font-mono); font-size:10.5px;
  padding:2px 7px; border-radius:5px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}
.accion-mismo{
  font-size:11.5px; line-height:1.45; color:#ffb4b4;
  padding:2px 9px; border-radius:99px;
  background:rgba(255,69,58,.1); border:1px solid rgba(255,69,58,.32);
}
.accion-hora{ font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint); flex:none; }

@media (max-width:640px){
  .permisos-fila{ grid-template-columns:1fr repeat(4, 46px); }
  .permisos-nombre{ font-size:12px; }
}

.permisos-lista{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }

.permiso-card{
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2); overflow:hidden;
  transition:border-color .18s ease, background .18s ease;
}
.permiso-card.activa{
  border-color:rgba(79,214,255,.42);
  background:linear-gradient(180deg, rgba(79,214,255,.06), var(--surface-2));
}

.permiso-cabecera{
  display:flex; align-items:flex-start; gap:11px;
  padding:12px 14px; margin:0; cursor:pointer;
}
.permiso-cabecera input{ width:auto; margin:2px 0 0; flex:none; cursor:pointer; }
.permiso-textos{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.permiso-textos strong{ font-size:13.5px; }
.permiso-resumen{ font-size:11.5px; color:var(--text-faint); line-height:1.4; }
.permiso-card.activa .permiso-resumen{ color:var(--blue); }

.permiso-detalle{
  border-top:1px solid var(--border);
  background:rgba(0,0,0,.22);
  padding:8px 14px 12px 38px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:4px 14px;
  animation:permiso-abre .25s ease;
}
@keyframes permiso-abre{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }

.permiso-sub{
  display:flex; align-items:flex-start; gap:9px;
  padding:7px 8px; margin:0; border-radius:var(--radius-sm); cursor:pointer;
  transition:background .14s ease;
}
.permiso-sub:hover{ background:var(--surface-3); }
.permiso-sub input{ width:auto; margin:2px 0 0; flex:none; cursor:pointer; }
.permiso-sub-textos{ display:flex; flex-direction:column; min-width:0; }
.permiso-sub-textos strong{ font-size:12.5px; font-weight:600; text-transform:capitalize; }
.permiso-sub-textos span{ font-size:10.5px; color:var(--text-faint); line-height:1.35; }

.permisos-grupo{
  padding:10px 2px 2px; font-family:var(--font-mono);
  font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint); background:none; border:none;
}

.aviso-owner{
  display:flex; align-items:flex-start; gap:9px;
  background:rgba(139,123,255,.09); border:1px solid rgba(139,123,255,.3);
  border-radius:var(--radius); padding:12px 14px;
  font-size:12px; color:var(--text-dim); line-height:1.5;
}
.aviso-owner strong{ color:var(--violet); }

@media (max-width:640px){
  .permiso-detalle{ grid-template-columns:1fr; padding-left:20px; }
}

.permiso-card.pendiente .permiso-titulo strong{ color:var(--text-dim); }
.permiso-titulo{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

.permiso-bloqueado{
  grid-column:1 / -1;
  font-size:11px; color:var(--text-faint); line-height:1.45;
  padding:8px 10px; border-radius:var(--radius-sm);
  background:rgba(139,123,255,.07); border:1px solid rgba(139,123,255,.22);
}

.ajuste-fila{
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
  padding:14px 0; border-bottom:1px solid var(--border);
}
.ajuste-fila:last-child{ border-bottom:none; }
.ajuste-textos{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.ajuste-textos strong{ font-size:13.5px; display:flex; align-items:center; gap:8px; }
.ajuste-textos span{ font-size:11.5px; color:var(--text-faint); line-height:1.5; }
#aj-2fa-alta, #aj-2fa-baja{ margin-top:16px; padding-top:16px; border-top:1px solid var(--border); }
#aj-dispositivos .aparato-card{ margin-bottom:10px; }

body.sin-ayuda .hint{ display:none; }
body.sin-ayuda .page-head p{ display:none; }

body.sin-ayuda .aviso-owner, body.sin-ayuda .aviso-sin-clave,
body.sin-ayuda .wizard-error, body.sin-ayuda .permiso-bloqueado{ display:block; }

body.sin-animaciones *, body.sin-animaciones *::before, body.sin-animaciones *::after{
  animation:none !important; transition:none !important;
}

body.ligero *, body.ligero *::before, body.ligero *::after{
  animation:none !important;
  transition:none !important;
}
body.ligero *{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.ligero .fondo-luz,
body.ligero .luz,
body.ligero .brillo,
body.ligero .glow{ filter:none !important; opacity:.5 !important; }

body.ligero .btn:active:not(:disabled),
body.ligero .stat-card:hover,
body.ligero .tb-tabla tbody tr:hover{ transform:none !important; }

.dosfa-alta{ display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; }

.dosfa-qr{
  flex:none; display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:14px; border-radius:var(--radius);
  background:#fff; border:1px solid var(--border-strong);
  box-shadow:0 14px 34px -18px rgba(0,0,0,.7);
}
.dosfa-qr img{ display:block; width:200px; height:200px; image-rendering:pixelated; }
.dosfa-qr span{ font-size:11px; color:#3a4250; font-weight:600; }

.dosfa-pasos{ flex:1; min-width:260px; }
.dosfa-pasos ol{ margin:0 0 14px; padding-left:20px; }
.dosfa-pasos li{ font-size:13px; color:var(--text-dim); margin-bottom:6px; line-height:1.5; }
.dosfa-pasos li strong{ color:var(--text); }

.dosfa-manual{ margin-bottom:6px; }
.dosfa-manual summary{
  cursor:pointer; font-size:12px; color:var(--blue);
  list-style:none; padding:6px 0;
}
.dosfa-manual summary::-webkit-details-marker{ display:none; }
.dosfa-manual summary::before{ content:'▸ '; }
.dosfa-manual[open] summary::before{ content:'▾ '; }
.dosfa-manual .codigo-caja{ margin-top:6px; }
.dosfa-manual .codigo-valor{ font-size:13px; letter-spacing:.04em; word-break:break-all; }

@media (max-width:640px){
  .dosfa-qr{ margin:0 auto; }
  .dosfa-qr img{ width:170px; height:170px; }
}

.prod-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }

.prod-card{
  background:linear-gradient(180deg, var(--surface-2), var(--surface));
  border:1px solid var(--border); border-radius:var(--radius);
  padding:14px; cursor:pointer; overflow:hidden;
  display:flex; flex-direction:column; gap:9px;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), border-color .18s ease, box-shadow .18s ease;
}
.prod-card:hover{
  transform:translateY(-3px); border-color:var(--border-strong);
  box-shadow:0 16px 36px -18px rgba(0,0,0,.7);
}
.prod-card.es-cat{ border-left:3px solid var(--violet); }

.prod-foto{
  height:120px; margin:-14px -14px 0; overflow:hidden;
  background:var(--surface-3); display:flex; align-items:center; justify-content:center;
}
.prod-foto img{ width:100%; height:100%; object-fit:cover; display:block; }

.prod-cab{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.prod-tit{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.prod-tit strong{ font-size:14.5px; font-family:var(--font-display); }
.prod-tienda{ font-size:11px; color:var(--text-faint); }
.prod-marcas{ display:flex; flex-direction:column; gap:4px; align-items:flex-end; flex:none; }

.prod-desc{
  font-size:12px; color:var(--text-dim); margin:0; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.prod-precio{
  font-family:var(--font-mono); font-size:20px; font-weight:600; color:var(--signal);
  margin-top:auto;
}
.prod-items{
  margin-top:auto; padding-top:9px; border-top:1px solid var(--border);
  display:flex; flex-direction:column; gap:5px;
}
.prod-item{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; }
.prod-item span{ color:var(--text-dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prod-item strong{ font-family:var(--font-mono); color:var(--signal); flex:none; }

.prod-item span:not(.prod-item-foto):not(.prod-item-dur){ flex:1; }
.prod-item-dur{
  flex:none; font-size:10px; letter-spacing:.05em;
  padding:2px 7px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border);
  color:var(--text-faint) !important;
}
.prod-item-foto{
  width:22px; height:22px; flex:none; border-radius:6px; overflow:hidden;
  background:var(--surface-3); border:1px solid var(--border);
}
.prod-item-foto img{ width:100%; height:100%; object-fit:cover; display:block; }

.prod-item-foto.heredada{ border-style:dashed; opacity:.4; }

.prod-switch{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin:6px 0 14px; }
#pr-items{ margin-bottom:10px; }

.item-fila{
  display:grid; grid-template-columns:38px 96px 1fr 110px 1.2fr 32px; gap:8px;
  margin-bottom:8px; align-items:start;
}

.item-foto-zona{ position:relative; width:38px; height:38px; flex:none; }
.item-foto-x{
  position:absolute; top:-5px; right:-5px; z-index:2;
  width:17px; height:17px; border-radius:50%; cursor:pointer; padding:0;
  background:var(--danger); border:1px solid rgba(0,0,0,.5); color:#fff;
  font-size:11px; line-height:1; font-family:inherit;
  display:flex; align-items:center; justify-content:center;
  transition:transform .1s ease;
}
.item-foto-x:hover{ transform:scale(1.15); }

.item-foto{
  width:38px; height:38px; padding:0; flex:none; cursor:pointer;
  border-radius:9px; overflow:hidden;
  background:var(--surface-3); border:1px dashed var(--border-strong);
  color:var(--text-faint); font-size:15px; line-height:1; font-family:inherit;
  display:flex; align-items:center; justify-content:center;
  transition:border-color .15s ease, color .15s ease, opacity .15s ease;
}
.item-foto:hover{ border-color:var(--blue); color:var(--blue); }
.item-foto.con-foto{ border-style:solid; border-color:var(--border); }
.item-foto.cargando{ opacity:.45; cursor:progress; }
.item-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.item-fila input{ margin:0; }

.item-fila .item-desc{
  margin:0; min-height:38px; height:38px; padding:9px 12px;
  resize:none; overflow:hidden; line-height:1.3; font-family:inherit;
}
.item-precio{ text-align:right; }
.item-quitar{
  width:32px; height:38px; border-radius:var(--radius-sm);
  border:1px solid var(--border); background:var(--surface-2);
  color:var(--text-faint); cursor:pointer; font-size:16px; line-height:1;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.item-quitar:hover{ background:rgba(255,77,94,.12); color:var(--danger); border-color:rgba(255,77,94,.3); }

textarea{
  width:100%; background:var(--surface-2); border:1px solid var(--border); color:var(--text);
  padding:10px 12px; border-radius:var(--radius-sm); font-size:13.5px;
  font-family:var(--font-body); outline:none; resize:vertical;
  transition:border-color .14s ease, box-shadow .14s ease;
}
textarea:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.14); }

@media (max-width:640px){

  .item-fila{
    grid-template-columns:38px 1fr 90px 32px;
    grid-template-areas:
      'foto nombre precio quitar'
      '.    desc   desc   desc'
      'mas  mas    mas    mas';
  }
  .item-fila .item-foto-zona{ grid-area:foto; }
  .item-fila .item-nombre{ grid-area:nombre; }
  .item-fila .item-precio{ grid-area:precio; }
  .item-fila .item-quitar{ grid-area:quitar; }
  .item-fila .item-desc{ grid-area:desc; }
  .item-fila .item-mas{ grid-area:mas; }
}

@property --opt-giro{ syntax:'<angle>'; inherits:false; initial-value:0deg; }

.opt-productos-neon i:nth-child(1),
.opt-productos-neon i:nth-child(2){
  top:16%; height:64%; width:38%; border-radius:5px;
  background:conic-gradient(from var(--opt-giro),
    #ff2d6f, #ffd23f, #3bf0a0, #4fd6ff, #a06bff, #ff2d6f);
  box-shadow:inset 0 0 0 3px #0c0d11;
  animation:opt-neon 3.4s linear infinite;
}
.opt-productos-neon i:nth-child(1){ left:8%; }
.opt-productos-neon i:nth-child(2){ left:54%; animation-delay:-1.7s; }
.opt-productos-neon i:nth-child(3),
.opt-productos-neon i:nth-child(4){ display:none; }
@keyframes opt-neon{ to{ --opt-giro:360deg; } }

.opt-productos-holo i:nth-child(1),
.opt-productos-holo i:nth-child(2){
  top:10%; height:78%; width:32%; border-radius:5px;
  border:1.5px solid transparent;
  background:
    linear-gradient(#07080c, #07080c) padding-box,
    linear-gradient(115deg, #4bc8e8 0%, #8b6bd8 35%, #4bc8e8 60%, #8b6bd8 100%) border-box;
  background-size:auto, 300% 300%;
  animation:opt-holo 4.4s ease-in-out infinite;
}
.opt-productos-holo i:nth-child(1){ left:14%; }
.opt-productos-holo i:nth-child(2){ left:54%; animation-delay:-1.2s; }
.opt-productos-holo i:nth-child(3),
.opt-productos-holo i:nth-child(4){ display:none; }
@keyframes opt-holo{
  0%,100%{ background-position:0 0, 0% 50%; }
  50%{ background-position:0 0, 100% 50%; }
}

.opt-productos-terminal{
  background-image:repeating-linear-gradient(180deg,
    rgba(255,255,255,.07) 0 1px, transparent 1px 3px);
  background-color:#08110d;
}
.opt-productos-terminal i{
  left:10%; height:5px; border-radius:1px;
  background:var(--signal); opacity:.55;
}
.opt-productos-terminal i:nth-child(1){ top:14%; width:64%; opacity:.9; }
.opt-productos-terminal i:nth-child(2){ top:33%; width:48%; }
.opt-productos-terminal i:nth-child(3){ top:52%; width:70%; opacity:.4; }
.opt-productos-terminal i:nth-child(4){
  display:block;
  top:71%; width:34%; opacity:.28;
}

.opt-mini.opt-productos-poster i:nth-child(1){
  inset:14% 10%; border-radius:2px;
  background:linear-gradient(135deg, var(--blue), rgba(255,255,255,.15));
  opacity:.8;
}
.opt-mini.opt-productos-poster i:nth-child(2){
  right:14%; top:8%; width:16%; height:34%;
  background:none; border:2px solid rgba(255,255,255,.5); border-radius:2px;
  opacity:.7;
}
.opt-mini.opt-productos-poster i:nth-child(3){
  left:14%; width:44%; bottom:26%; height:7px;
  background:#fff; opacity:.92; border-radius:1px;
}
.opt-mini.opt-productos-poster i:nth-child(4){
  display:block; left:14%; right:14%; bottom:19%; height:2px;
  background:var(--signal); opacity:.85;
}
.opt-productos-poster{ animation:opt-poster 3.4s ease-in-out infinite; }
@keyframes opt-poster{ 0%,100%{ opacity:.82; } 50%{ opacity:1; } }

.opt-productos-cromo i:nth-child(1){
  left:32%; width:36%; top:8%; height:82%;
  border-radius:0;
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px),
                    calc(100% - 6px) 100%, 0 100%, 0 6px);
  background:conic-gradient(from 210deg at 50% 40%,
    #2b3547, #3a2545, #1c2c3a, #3d3222, #2b3547);
  opacity:1;
}
.opt-productos-cromo i:nth-child(2){
  left:36%; width:28%; top:14%; height:38%;
  background:var(--blue); opacity:.8; border-radius:0;
}
.opt-productos-cromo i:nth-child(3){
  left:32%; width:36%; top:8%; height:82%;
  border-radius:0;
  clip-path:polygon(6px 0, 100% 0, 100% calc(100% - 6px),
                    calc(100% - 6px) 100%, 0 100%, 0 6px);

  background:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.35) 48%,
    rgba(120,255,240,.25) 51%, transparent 58%);
  background-size:300% 300%;
  mix-blend-mode:screen; opacity:.7;
  animation:opt-cromo 5.6s ease-in-out infinite;
}
.opt-productos-cromo i:nth-child(4){
  display:block; right:31%; top:11%; width:9px; height:9px;
  border-radius:50%; background:var(--signal); opacity:.95;
}
@keyframes opt-cromo{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}

.mus-mini{
  display:flex; align-items:center; gap:9px;
  padding:5px 10px 5px 6px; border-radius:99px;
  background:var(--surface-2); border:1px solid var(--border);
}
.mus-portada{
  width:30px; height:30px; flex:none; border-radius:50%; overflow:hidden;
  background:var(--surface-3); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-faint); font-size:12px;
}
.mus-portada img{ width:100%; height:100%; object-fit:cover; }

.mus-ir{
  display:flex; align-items:center; gap:9px; min-width:0;
  background:none; border:0; padding:0; margin:0; cursor:pointer;
  font:inherit; color:inherit; text-align:left;
  transition:opacity .14s ease;
}
.mus-ir:hover{ opacity:.7; }
.mus-txt{ display:flex; flex-direction:column; min-width:0; width:104px; line-height:1.25; }
.mus-txt strong{ font-size:11px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mus-txt span{ font-size:10px; color:var(--text-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.mus-controles{ display:flex; align-items:center; gap:3px; flex:none; }
.mus-btn{
  width:24px; height:24px; border-radius:50%; cursor:pointer;
  background:transparent; border:1px solid transparent;
  color:var(--text-dim); font-size:10px; line-height:1; font-family:inherit;
  transition:background .14s ease, color .14s ease, transform .08s ease;
}
.mus-btn:hover{ background:var(--surface-3); color:var(--text); }
.mus-btn:active{ transform:scale(.9); }
.mus-btn.play{
  width:28px; height:28px; font-size:11px;
  background:var(--blue); border-color:transparent; color:#04121a;
}
.mus-btn.play:hover{ filter:brightness(1.12); background:var(--blue); }

.mus-buscador.dentro{ max-width:none; width:100%; margin-bottom:14px; }

.mus-buscador{ flex:1; min-width:0; max-width:460px; }
.mus-buscador input{
  width:100%; background:var(--surface-2); border:1px solid var(--border);
  color:var(--text); padding:9px 14px; border-radius:99px; font-size:12.5px;
  outline:none; font-family:inherit;
  transition:border-color .14s ease, box-shadow .14s ease;
}
.mus-buscador input:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.14); }

.mus-vacio{ padding:14px; font-size:12px; color:var(--text-faint); text-align:center; }

@media (max-width:900px){
  .mus-mini{ padding:4px 7px 4px 4px; gap:7px; }
  .mus-portada{ width:26px; height:26px; }
  .mus-txt{ width:78px; }

  .mus-btn{ width:35px; height:35px; font-size:12px; }
  .mus-btn.play{ width:40px; height:40px; font-size:13px; }
}

@media (max-width:560px){
  .mus-txt{ display:none; }
  .mus-mini{ padding:4px; gap:4px; }
}

.mus-reconectar{
  margin-bottom:18px; padding:14px 16px; border-radius:var(--radius);
  background:rgba(255,159,10,.07); border:1px solid rgba(255,159,10,.3);
}
.mus-reconectar strong{ display:block; font-size:13px; color:#ffc76b; margin-bottom:6px; }
.mus-reconectar p{ margin:0 0 12px; font-size:12.5px; color:var(--text-dim); line-height:1.6; }

.mus-ahora{
  display:flex; gap:20px; align-items:center;
  padding:20px; margin-bottom:22px;
  border-radius:var(--radius); background:var(--surface-2);
  border:1px solid var(--border);

  background-image:radial-gradient(120% 140% at 0% 0%, rgba(139,123,255,.10), transparent 60%);
}
.mus-ahora-portada{
  width:132px; height:132px; flex:none; border-radius:var(--radius); overflow:hidden;
  background:var(--surface-3); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-faint); font-size:34px;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
}
.mus-ahora-portada img{ width:100%; height:100%; object-fit:cover; display:block; }

.mus-ahora-info{ flex:1; min-width:0; display:flex; flex-direction:column; }
.mus-ahora-eyebrow{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--blue); margin-bottom:6px;
}
.mus-ahora-info>strong{
  font-size:20px; line-height:1.25; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-ahora-artista{
  font-size:13.5px; color:var(--text-dim); margin-top:3px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-ahora-album{
  font-size:11.5px; color:var(--text-faint); margin-top:2px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-ahora-album:empty{ display:none; }

.mus-tiempo{ display:flex; align-items:center; gap:10px; margin-top:14px; }
.mus-tiempo-n{
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint);
  flex:none; width:34px;
}
.mus-tiempo-n:last-child{ text-align:right; }
#mus-progreso{ flex:1; min-width:0; accent-color:var(--blue); cursor:pointer; }

.mus-mandos{ display:flex; align-items:center; gap:7px; margin-top:12px; flex-wrap:wrap; }
.mus-mandos-hueco{ flex:1; min-width:0; }
.mus-btn2{
  width:34px; height:34px; flex:none; border-radius:50%; cursor:pointer;
  background:transparent; border:1px solid var(--border);
  color:var(--text-dim); font-size:13px; line-height:1; font-family:inherit;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background .14s ease, color .14s ease, border-color .14s ease, transform .08s ease;
}
.mus-btn2:hover{ background:var(--surface-3); color:var(--text); border-color:var(--border-strong); }
.mus-btn2:active{ transform:scale(.92); }
.mus-btn2.play{
  width:44px; height:44px; font-size:15px;
  background:var(--blue); border-color:transparent; color:#04121a;
}
.mus-btn2.play:hover{ filter:brightness(1.12); background:var(--blue); }

.mus-btn2.puesto{ color:var(--blue); border-color:rgba(79,214,255,.5); background:rgba(79,214,255,.1); }
.mus-btn2:disabled{ opacity:.55; cursor:default; }
#mus-guardar-actual:disabled{ color:var(--danger); opacity:1; border-color:rgba(255,69,58,.4); }

.mus-btn2 svg{
  width:16px; height:16px; fill:none; stroke:currentColor;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;
}

.mus-btn2{ position:relative; }
.mus-una{
  position:absolute; right:5px; bottom:3px;
  font-size:8px; font-weight:700; line-height:1;
  background:var(--surface-2); border-radius:3px; padding:1px 2px;
  display:none;
}
.mus-btn2.solo-una .mus-una{ display:block; }

.mus-vol{ display:flex; align-items:center; gap:7px; flex:none; }
.mus-vol-ico{
  width:15px; height:15px; flex:none; opacity:.55;
  fill:none; stroke:currentColor; stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round; color:var(--text-dim);
}
#mus-volumen{ width:110px; accent-color:var(--blue); cursor:pointer; }

.mus-bloque{ margin-bottom:26px; }
.mus-bloque-cab{
  display:flex; align-items:center; gap:12px; margin-bottom:12px;
  padding-bottom:9px; border-bottom:1px solid var(--border);
}
.mus-bloque-cab h3{ font-size:14px; color:var(--text); margin:0; flex:none; }
.mus-bloque-cab .hint{ flex:1; min-width:0; margin:0; font-size:11.5px; }
.mus-bloque-cab .btn{ flex:none; margin-left:auto; }

.mus-listas{
  display:grid; gap:10px;

  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
}
.mus-lista{
  display:flex; align-items:center; gap:11px; text-align:left;
  padding:9px; border-radius:var(--radius-sm); cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  font-family:inherit; min-width:0;
  transition:background .14s ease, border-color .14s ease, transform .1s ease;
}
.mus-lista:hover{ background:var(--surface-3); border-color:var(--border-strong); transform:translateY(-1px); }
.mus-lista-portada{
  width:44px; height:44px; flex:none; border-radius:6px; overflow:hidden;
  background:var(--surface-3); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-faint); font-size:16px;
}
.mus-lista-portada img{ width:100%; height:100%; object-fit:cover; display:block; }
.mus-lista-txt{ display:flex; flex-direction:column; min-width:0; gap:2px; }
.mus-lista-txt strong{
  font-size:12.5px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-lista-txt span{ font-size:10.5px; color:var(--text-faint); }

.mus-nueva{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.mus-nueva input{ flex:1; min-width:180px; max-width:320px; margin:0; font-size:12.5px; }
.mus-nueva .btn{ flex:none; }
.mus-nueva-aviso{ font-size:11.5px; color:var(--text-faint); }

.mus-abierta{
  margin-top:14px; padding:14px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
}
.mus-abierta-cab{
  display:flex; align-items:center; gap:11px; flex-wrap:wrap;
  padding-bottom:10px; margin-bottom:6px; border-bottom:1px solid var(--border);
}
.mus-abierta-cab strong{ font-size:13.5px; color:var(--text); }
.mus-abierta-cab .hint{ margin:0; flex:1; min-width:0; font-size:11.5px; }

.mus-filas{ display:flex; flex-direction:column; }
.mus-fila{
  display:flex; align-items:center; gap:11px;
  padding:7px 9px; border-radius:var(--radius-sm);
  transition:background .12s ease;
}
.mus-fila:hover{ background:var(--surface-3); }
.mus-fila-portada{
  width:38px; height:38px; flex:none; border-radius:5px; overflow:hidden;
  background:var(--surface-3); display:flex; align-items:center; justify-content:center;
  color:var(--text-faint); font-size:14px;
}
.mus-fila-portada img{ width:100%; height:100%; object-fit:cover; display:block; }
.mus-fila-txt{ flex:1 1 40%; min-width:0; display:flex; flex-direction:column; gap:2px; }
.mus-fila-nombre{ display:flex; align-items:center; gap:6px; min-width:0; }
.mus-fila-nombre strong{
  font-size:12.5px; color:var(--text); font-weight:600;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.mus-e{
  flex:none; font-size:8.5px; font-weight:700; line-height:1;
  padding:2px 4px; border-radius:3px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}
.mus-fila-artista{
  font-size:11px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-fila-album{
  flex:1 1 28%; min-width:0; font-size:11px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-fila-dura{
  flex:none; width:42px; text-align:right;
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint);
}
.mus-fila-mandos{ display:flex; align-items:center; gap:4px; flex:none; }
.mus-fila-btn{
  width:28px; height:28px; border-radius:50%; cursor:pointer;
  background:transparent; border:1px solid transparent;
  color:var(--text-dim); font-size:11px; line-height:1; font-family:inherit;
  display:inline-flex; align-items:center; justify-content:center;

  opacity:0;
  transition:opacity .12s ease, background .14s ease, color .14s ease;
}
.mus-fila:hover .mus-fila-btn, .mus-fila-btn:focus-visible{ opacity:1; }
.mus-fila-btn:hover{ background:var(--surface-2); color:var(--text); border-color:var(--border); }

.mus-menu{

  z-index:700; min-width:190px; max-width:260px; padding:5px;
  border-radius:var(--radius); background:var(--surface-2);
  border:1px solid var(--border-strong);
  box-shadow:0 24px 50px -18px rgba(0,0,0,.9);
  animation:view-in .14s ease;
  max-height:60vh; overflow-y:auto;
}
.mus-menu-op{
  display:block; width:100%; text-align:left;
  padding:7px 10px; border-radius:var(--radius-sm);
  background:none; border:none; cursor:pointer; font-family:inherit;
  font-size:12px; color:var(--text-dim);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-menu-op:hover{ background:var(--surface-3); color:var(--text); }
.mus-menu-tit{
  padding:8px 10px 4px; margin-top:3px; border-top:1px solid var(--border);
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--text-faint);
}

.mus-config{ margin-top:8px; }
.mus-config>summary{
  cursor:pointer; list-style:none; user-select:none;
  padding:11px 14px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
  font-size:12.5px; color:var(--text-dim);
  transition:background .14s ease, color .14s ease;
}
.mus-config>summary::-webkit-details-marker{ display:none; }
.mus-config>summary::before{ content:'▸ '; color:var(--text-faint); }
.mus-config[open]>summary::before{ content:'▾ '; }
.mus-config>summary:hover{ background:var(--surface-3); color:var(--text); }
.mus-config[open]>summary{ margin-bottom:14px; }

@media (max-width:760px){

  .mus-ahora{ flex-direction:column; align-items:stretch; gap:14px; padding:16px; }

  .mus-ahora-portada{
    width:min(100%, 210px); height:auto; aspect-ratio:1; align-self:center;
    font-size:44px;
  }
  .mus-ahora-info{ align-items:center; text-align:center; }
  .mus-ahora-info>strong, .mus-ahora-artista, .mus-ahora-album{ max-width:100%; }
  .mus-ahora-info>strong{ font-size:17px; }
  .mus-tiempo{ width:100%; }

  .mus-fila-album{ display:none; }

  .mus-fila-btn{ opacity:1; width:35px; height:35px; }

  .mus-listas{ grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); }
  .mus-vol{ display:none; }
  .mus-mandos{ justify-content:center; }
  .mus-mandos-hueco{ display:none; }
}
@media (max-width:420px){
  .mus-fila-dura{ display:none; }
}

.mus-ayuda{
  margin-top:16px; padding:14px 16px; border-radius:var(--radius);
  background:rgba(255,159,10,.07); border:1px solid rgba(255,159,10,.28);
}
.mus-ayuda strong{ display:block; font-size:13px; color:#ffc76b; margin-bottom:6px; }
.mus-ayuda p{ margin:0 0 10px; font-size:12px; color:var(--text-dim); line-height:1.6; }
.mus-ayuda b{ color:var(--text); }
.mus-ayuda .codigo-caja{ margin-bottom:0; }
.mus-ayuda .codigo-valor{ font-size:13px; letter-spacing:.01em; word-break:break-all; }
.mus-ayuda-nota:empty{ display:none; }
.mus-ayuda-nota{ margin:10px 0 0 !important; color:#ffc76b !important; font-size:11.5px !important; }

.mus-alterna{ margin-top:16px; padding-top:14px; border-top:1px dashed rgba(255,159,10,.3); }
.mus-alterna>summary{ cursor:pointer; font-size:12px; color:var(--text-faint); padding:4px 0;
  list-style:none; user-select:none; transition:color .15s; }
.mus-alterna>summary::-webkit-details-marker{ display:none; }
.mus-alterna>summary::before{ content:'▸ '; }
.mus-alterna[open]>summary::before{ content:'▾ '; }
.mus-alterna>summary:hover{ color:var(--text); }
.mus-alterna p strong{ color:var(--text); }
.mus-alterna p{ margin:0 0 10px; font-size:11.5px; color:var(--text-faint); line-height:1.55; }
.mus-alterna-fila{ display:flex; gap:8px; align-items:center; }
.mus-alterna-fila input{ flex:1; font-size:12.5px; }
.mus-alterna-fila .btn{ flex:none; }
.mus-redirect-aviso{ font-size:11.5px; min-height:14px; margin-top:8px; line-height:1.5; }
.mus-redirect-aviso.es-ok{ color:var(--ok); }
.mus-redirect-aviso.es-warn{ color:#ff9f0a; }
.mus-redirect-aviso.es-mal{ color:var(--danger); }
.mus-ayuda.es-staff{ border-color:rgba(94,234,212,.28); background:rgba(94,234,212,.05); }
.mus-ayuda.es-staff strong{ color:var(--ok); }
.mus-nota-staff{ margin-top:14px; padding-top:12px; border-top:1px dashed rgba(255,159,10,.3); }
#mus-abrir-usuarios{ margin-top:6px; }

.noti-tipos{
  display:grid; grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px; margin-bottom:30px;
}

@media (max-width: 1250px){
  .noti-tipos{ grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); }
}

.noti-tipo{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:12px; align-items:flex-start;
  padding:20px 20px 18px; border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(255,255,255,.045), var(--surface-2));
  border:1px solid var(--border);
  transition:border-color .18s ease, transform .18s cubic-bezier(.34,1.4,.64,1), box-shadow .22s ease;
}
.noti-tipo::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--tono), transparent);
  opacity:.6; transition:opacity .2s ease;
}
.noti-tipo:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--tono) 55%, transparent);
  box-shadow:0 16px 34px -20px rgba(0,0,0,.9),
             0 0 26px -14px var(--tono);
}
.noti-tipo:hover::before{ opacity:1; }

.noti-tipo.tono-ambar{ --tono:var(--warn); }
.noti-tipo.tono-verde{ --tono:var(--ok); }
.noti-tipo.tono-azul{ --tono:var(--blue); }
.noti-tipo.tono-gris{ --tono:var(--text-faint); }

.noti-tipo.es-pendiente{ opacity:.5; }
.noti-tipo.es-pendiente:hover{ transform:none; box-shadow:none; border-color:var(--border); }

.noti-tipo-cab{ display:flex; align-items:center; gap:13px; }
.noti-tipo-icono{
  width:52px; height:52px; flex:none; border-radius:14px;
  display:flex; align-items:center; justify-content:center;

  font-size:27px; line-height:1;
  background:color-mix(in srgb, var(--tono) 14%, var(--surface-3));
  border:1px solid color-mix(in srgb, var(--tono) 40%, transparent);
  box-shadow:inset 0 0 18px -10px var(--tono);
}
.noti-tipo-cab strong{
  display:block; font-family:'Space Grotesk', sans-serif;
  font-size:16px; font-weight:700; color:var(--text); line-height:1.2;
}

.noti-tipo-cab div span{
  display:block; margin-top:2px;
  font-size:10px; letter-spacing:.11em; text-transform:uppercase;
  color:color-mix(in srgb, var(--tono) 85%, var(--text-dim));
}
.noti-tipo p{ margin:0; font-size:12.5px; line-height:1.65; color:var(--text-dim); flex:1; }
.noti-tipo-nota{ font-size:11px; color:var(--text-faint); font-style:italic; line-height:1.5; }
.noti-tipo .btn{ margin-top:auto; }
.noti-tipo .badge{ margin-top:auto; }

.tipo-cuenta{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;
  margin-bottom:18px;
}
.tipo-opcion{
  display:flex; flex-direction:column; gap:5px; text-align:left;
  padding:13px 14px; border-radius:var(--radius-sm); cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  font-family:inherit; color:var(--text-dim);
  transition:border-color .15s ease, background .15s ease, color .15s ease;
}
.tipo-opcion:hover{ border-color:var(--text-faint); }
.tipo-opcion .tipo-ico{ font-size:20px; line-height:1; }
.tipo-opcion strong{ font-size:13.5px; color:var(--text); }
.tipo-opcion .tipo-desc{ font-size:11.5px; line-height:1.5; }
.tipo-opcion.activa{
  border-color:var(--blue);
  background:color-mix(in srgb, var(--blue) 10%, var(--surface-2));
  box-shadow:0 0 0 1px var(--blue) inset;
}
.tipo-opcion.activa strong{ color:var(--blue); }

.tipo-cuenta.compacta{ grid-template-columns:repeat(3, 1fr); gap:7px; margin-bottom:12px; }
.tipo-cuenta.compacta .tipo-opcion{ padding:9px 10px; gap:3px; }
.tipo-cuenta.compacta .tipo-ico{ font-size:15px; }
.tipo-cuenta.compacta strong{ font-size:12px; }
.tipo-cuenta.compacta .tipo-desc{ display:none; }

.req-fila{ display:flex; gap:8px; margin-bottom:8px; }
.req-fila .req-texto{ flex:1; margin:0; }
.req-fila .btn{ flex:none; }

.item-mas{
  grid-column:1 / -1;
  margin-top:8px; padding-top:9px;
  border-top:1px dashed var(--border);
}
.item-mas summary{
  display:flex; align-items:center; gap:9px;
  cursor:pointer; list-style:none;
  font-size:11.5px; color:var(--text-faint);
}
.item-mas summary::-webkit-details-marker{ display:none; }
.item-mas summary::before{ content:'▸'; color:var(--text-faint); font-size:10px; }
.item-mas[open] summary::before{ content:'▾'; }
.item-chip{
  padding:2px 9px; border-radius:99px;
  font-size:10.5px; font-weight:600;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.item-chip.tipo-privada{ color:var(--warn); border-color:rgba(255,179,64,.4); }
.item-chip.tipo-dominio{ color:var(--violet); border-color:rgba(139,123,255,.4); }
.item-req-n{ margin-left:auto; font-family:var(--font-mono); font-size:10.5px; }

.item-chip-dur{
  padding:2px 9px; border-radius:99px;
  font-size:10.5px; font-weight:600;
  background:rgba(79,214,255,.08);
  border:1px solid rgba(79,214,255,.32);
  color:var(--blue);
}
.item-dur-campo{
  display:flex; align-items:center; gap:10px;
  margin:12px 0 4px;
}
.item-dur-label{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-faint);
}

.periodo{ display:flex; align-items:stretch; gap:8px; }
.periodo input[type="number"]{ width:104px; flex:none; }
.periodo select{ width:112px; flex:none; }

.item-dur-ayuda{
  font-size:11px; color:var(--text-faint); font-style:italic;
}
.item-dur-campo{ flex-wrap:wrap; }

.item-mas-cuerpo{ padding:12px 0 4px; }
.item-req-titulo{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-faint); margin-bottom:8px;
}

@media (max-width:640px){
  .tipo-cuenta,
  .tipo-cuenta.compacta{ grid-template-columns:1fr; }
  .tipo-cuenta.compacta .tipo-desc{ display:block; }
}

.noti-grupo-cab{
  display:flex; align-items:baseline; gap:10px;
  margin:20px 0 10px; padding-bottom:7px;
  border-bottom:1px solid var(--border);
}
.noti-grupo-cab:first-child{ margin-top:0; }
.noti-grupo-cab strong{
  font-family:'Space Grotesk', sans-serif;
  font-size:14px; color:var(--text);
}
.noti-grupo-cab span{
  font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
  margin-left:auto;
}

.bienvenida-bloque input,
.bienvenida-bloque textarea{ margin-bottom:8px; }
.bv-estilos{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
  gap:8px; margin-top:4px;
}
.bv-estilo{
  position:relative; overflow:hidden; cursor:pointer; text-align:left;
  padding:10px 12px; border-radius:10px; font-family:inherit;
  background:var(--surface-2); border:1px solid var(--border); color:var(--text);
  transition:border-color .15s ease, background .15s ease;
}
.bv-estilo:hover{ border-color:var(--border-strong); }
.bv-estilo.selected{ border-color:var(--blue); background:rgba(79,214,255,.09); }
.bv-estilo strong{ display:block; font-size:12.5px; margin-bottom:2px; }
.bv-estilo span{ display:block; font-size:10.5px; color:var(--text-faint); line-height:1.4; }

.bv-estilo i{ position:absolute; top:0; left:0; right:0; height:3px; display:block; }
.noti-mini.noti-aviso i{ background:var(--blue); width:22%; }
.noti-mini.noti-promo i{ background:linear-gradient(90deg, var(--blue), transparent); }
.noti-mini.noti-fiesta i{ background:repeating-linear-gradient(90deg, var(--blue) 0 5px, transparent 5px 11px); }
.noti-mini.noti-urgente i{ background:var(--danger); animation:bv-late 1.6s ease-in-out infinite; }
.noti-mini.noti-nota i{ background:var(--warn); opacity:.7; }
@keyframes bv-late{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }

.opcion-fila{ display:grid; grid-template-columns:1fr 32px; gap:8px; margin-bottom:8px; align-items:center; }
.opcion-fila input{ margin:0; }
.mini-label{ display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint); margin:12px 0 8px; }

.noti-lista{ display:flex; flex-direction:column; gap:12px; }
.noti-fila{
  position:relative; overflow:hidden;
  padding:14px 16px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.noti-fila.noti-promo{ border-left-color:var(--blue); }
.noti-fila.noti-fiesta{ border-left-color:var(--ok); }
.noti-fila.noti-urgente{ border-left-color:var(--danger); }
.noti-fila.noti-nota{ border-left-color:var(--warn); }
.noti-fila.noti-aviso{ border-left-color:var(--text-faint); }

.noti-fila-cab{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:6px; }
.noti-fila-cab strong{ font-size:14px; color:var(--text); }
.noti-chip{
  font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
  padding:3px 8px; border-radius:99px; flex:none;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-dim);
}
.noti-chip.tipo-global{ color:var(--blue); border-color:rgba(79,214,255,.35); }
.noti-chip.tipo-privada{ color:var(--ok); border-color:rgba(94,234,212,.32); }
.noti-chip.tipo-bienvenida{ color:var(--warn); border-color:rgba(255,159,10,.32); }

.noti-fila-cuerpo{ margin:0 0 10px; font-size:12.5px; line-height:1.6; color:var(--text-dim); white-space:pre-line; }
.noti-fila-pie{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:10px; padding-top:10px; border-top:1px solid var(--border);
  font-size:11px; color:var(--text-faint);
}
.noti-fijada{ font-style:italic; }

.noti-encuesta{ margin:10px 0; padding:12px 14px; border-radius:10px; background:var(--surface-3); }
.noti-encuesta-preg{ display:block; font-size:12.5px; color:var(--text); margin-bottom:9px; font-weight:600; }
.noti-barra{ display:grid; grid-template-columns:1fr 2fr 34px; gap:10px; align-items:center; margin-bottom:6px; }
.noti-barra-txt{ font-size:11.5px; color:var(--text-dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.noti-barra-pista{ height:7px; border-radius:99px; background:var(--surface-2); overflow:hidden; }
.noti-barra-pista i{ display:block; height:100%; background:var(--blue); border-radius:99px; transition:width .5s ease; }
.noti-barra-n{ font-family:var(--font-mono); font-size:11px; color:var(--text-faint); text-align:right; }
.noti-encuesta-total{ display:block; margin-top:8px; font-size:11px; color:var(--text-faint); }

.wizard-separador{
  display:flex; align-items:center; gap:14px;
  margin:26px 0 20px;
  font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--text-faint);
}
.wizard-separador::before,
.wizard-separador::after{ content:''; flex:1; height:1px; background:var(--border); }

.cats-lista{ display:flex; flex-direction:column; gap:9px; }

.cat-fila{
  border-radius:var(--radius); overflow:hidden;
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .16s ease, background .16s ease, opacity .16s ease;
  opacity:.55;
}
.cat-fila.encendida{ opacity:1; border-color:var(--border-strong); }

.cat-cab{
  display:flex; align-items:center; gap:12px;
  padding:13px 15px;
}

.cat-cab .cat-icono, .cat-cab .cat-txt{ cursor:pointer; }
.cat-cab .cat-txt{ transition:opacity .15s ease; }
.cat-cab .cat-txt:hover{ opacity:.78; }

.cat-plegar{
  width:30px; height:30px; flex:none; cursor:pointer; padding:0;
  border-radius:8px; background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text-dim); font-size:12px; line-height:1; font-family:inherit;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}

.cat-hueco{ width:30px; flex:none; }

.cat-estado{
  font-size:10px; letter-spacing:.1em; text-transform:uppercase; flex:none;
  margin-left:auto; padding-right:12px;
  color:color-mix(in srgb, var(--signal) 85%, var(--text-dim));
}
.cat-estado.apagada{ color:var(--text-faint); }
.cat-plegar:hover{ background:var(--surface-2); color:var(--text); border-color:var(--border-strong); }
.cat-plegar span{ display:block; transition:transform .25s cubic-bezier(.34,1.4,.64,1); }
.cat-plegar.plegado span{ transform:rotate(-90deg); }
.cat-icono{
  width:34px; height:34px; flex:none; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; font-size:15px;
  transition:border-color .16s ease;
}
.cat-fila.encendida .cat-icono{ border-color:color-mix(in srgb, var(--blue) 42%, transparent); }
.cat-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.cat-txt strong{ font-size:13px; color:var(--text); }
.cat-txt span{ font-size:11px; color:var(--text-faint); line-height:1.45; }
.cat-glob{
  font-size:8.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:1px 5px; border-radius:4px; vertical-align:middle;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}

.cat-pronto{
  font-size:8.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:1px 5px; border-radius:4px; vertical-align:middle;
  background:rgba(245,158,11,.14); border:1px solid rgba(245,158,11,.4); color:#fbbf24;
}
.cat-cab .switch{ flex:none; }

.cat-diseno{
  padding:4px 15px 15px; border-top:1px solid var(--border);
  animation:view-in .25s ease;
}
.cat-diseno .mini-label{ margin-top:12px; }

.opt-barra-cajon i:nth-child(1){
  left:0; top:0; bottom:0; width:9%; border-radius:0;
  background:var(--blue); opacity:.8;
}
.opt-barra-cajon i:nth-child(2){ left:16%; right:10%; top:10px; height:7px; opacity:.35; }
.opt-barra-cajon i:nth-child(3){
  left:0; top:0; bottom:0; width:38%; border-radius:0 4px 4px 0;
  background:var(--blue); opacity:.45;
  animation:opt-cajon 3.4s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes opt-cajon{
  0%, 12%{ transform:translateX(-100%); opacity:0; }
  30%, 62%{ transform:none; opacity:.5; }
  82%, 100%{ transform:translateX(-100%); opacity:0; }
}

.opt-anuncio-tira i:nth-child(1){ left:8%; right:36%; top:9px; height:7px; }
.opt-anuncio-tira i:nth-child(2){ left:8%; right:26%; top:22px; height:16px; opacity:.35; }
.opt-anuncio-tira i:nth-child(3){
  right:0; top:0; bottom:0; width:11px; border-radius:0;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--signal) 18%, transparent),
    color-mix(in srgb, var(--signal) 55%, transparent) 50%,
    color-mix(in srgb, var(--signal) 18%, transparent));
  opacity:1; overflow:hidden;
}

.opt-anuncio-tira i:nth-child(3)::after{
  content:''; position:absolute; left:0; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg, transparent, var(--signal) 25%, #fff 50%, var(--signal) 75%, transparent);
  box-shadow:0 0 8px var(--signal);
  animation:opt-tira 2.8s ease-in-out infinite;
}
@keyframes opt-tira{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }

.mk-panal{
  position:absolute; inset:-20%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='50' viewBox='0 0 56 100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='3'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100'/%3E%3Cpath d='M28 0L28 34L0 50'/%3E%3Cpath d='M28 34L56 50'/%3E%3C/g%3E%3C/svg%3E");
  background-size:20px 36px; opacity:.5;
  animation:mk-panal-deriva 14s linear infinite;
}
@keyframes mk-panal-deriva{ to{ background-position:0 72px; } }
.mk-panal-luz{
  position:absolute; inset:0;
  background:
    radial-gradient(15px 15px at 26% 34%, var(--t2), transparent 60%),
    radial-gradient(12px 12px at 68% 58%, #fff, transparent 62%),
    radial-gradient(17px 17px at 44% 78%, var(--t2), transparent 58%);
  opacity:.85; filter:blur(1px);
  animation:mk-panal-celdas 5s ease-in-out infinite alternate;
}
@keyframes mk-panal-celdas{
  0%{ opacity:.45; transform:translate(0,0); }
  100%{ opacity:1; transform:translate(-4px, 3px); }
}
.mk-panal-onda{
  position:absolute; inset:-40%;
  background:linear-gradient(115deg, transparent 44%, rgba(255,255,255,.55) 50%, transparent 56%);
  animation:mk-panal-onda 4s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes mk-panal-onda{
  0%{ transform:translate(-45%,-30%); opacity:0; }
  20%{ opacity:1; }
  70%,100%{ transform:translate(45%,30%); opacity:0; }
}

.mk-gas{
  position:absolute; inset:-45%;
  background:
    radial-gradient(38% 32% at 34% 40%, var(--t2), transparent 62%),
    radial-gradient(32% 28% at 62% 58%, #818cf8, transparent 64%),
    radial-gradient(28% 24% at 50% 26%, #38bdf8, transparent 64%);
  opacity:.9; filter:blur(6px) saturate(150%);
  animation:mk-gas-gira 16s linear infinite;
}
.mk-gas-2{
  background:
    radial-gradient(26% 22% at 64% 46%, #e0f2fe, transparent 60%),
    radial-gradient(22% 20% at 34% 64%, #67e8f9, transparent 62%);
  opacity:.5; filter:blur(9px); mix-blend-mode:screen;
  animation:mk-gas-gira 26s linear infinite reverse;
}
@keyframes mk-gas-gira{ to{ transform:rotate(360deg); } }
.mk-estrellas{
  position:absolute; inset:0;
  background-image:
    radial-gradient(1.4px 1.4px at 14% 22%, #fff, transparent),
    radial-gradient(1.1px 1.1px at 38% 58%, #e0f2fe, transparent),
    radial-gradient(1.6px 1.6px at 62% 30%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 80% 66%, #bae6fd, transparent),
    radial-gradient(1.3px 1.3px at 28% 80%, #fff, transparent),
    radial-gradient(1.1px 1.1px at 90% 40%, #fff, transparent);
  animation:mk-estrellas 5s ease-in-out infinite alternate;
}
@keyframes mk-estrellas{
  0%{ transform:scale(1); opacity:.65; }
  100%{ transform:scale(1.22); opacity:1; }
}

.mk-esquirlas{
  position:absolute; inset:-20%;
  background:
    linear-gradient(118deg, rgba(255,255,255,.26) 0 22%, transparent 22%),
    linear-gradient(-64deg, rgba(165,180,252,.32) 0 28%, transparent 28%),
    linear-gradient(34deg, rgba(255,255,255,.18) 0 40%, transparent 40%),
    linear-gradient(-142deg, rgba(56,189,248,.28) 0 32%, transparent 32%);
  animation:mk-esquirlas 7s ease-in-out infinite alternate;
}
@keyframes mk-esquirlas{
  0%{ transform:translate(0,0) rotate(0deg); }
  100%{ transform:translate(-3px,2px) rotate(-2deg); }
}

.mk-brillo{
  position:absolute; inset:-20%;
  background:
    linear-gradient(118deg, transparent 21.4%, rgba(255,255,255,.9) 22%, transparent 22.6%),
    linear-gradient(-64deg, transparent 27.4%, rgba(224,242,254,.8) 28%, transparent 28.6%),
    linear-gradient(34deg, transparent 39.4%, rgba(255,255,255,.7) 40%, transparent 40.6%),
    linear-gradient(-142deg, transparent 31.4%, rgba(186,230,253,.8) 32%, transparent 32.6%);
  animation:mk-esquirlas 7s ease-in-out infinite alternate;
}
.mk-prisma{
  position:absolute; inset:-40%;
  background:linear-gradient(108deg, transparent 42%,
    #38bdf8 46%, #fff 49%, #a78bfa 52%, #2dd4bf 55%, transparent 59%);
  filter:blur(2px); opacity:.9;
  animation:mk-prisma 4.5s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes mk-prisma{
  0%{ transform:translateX(-62%); opacity:0; }
  16%{ opacity:.95; }
  64%{ opacity:.95; }
  80%,100%{ transform:translateX(62%); opacity:0; }
}

.lc-terminal{ display:flex; align-items:center; justify-content:center; height:100%; }
.lc-terminal .card{
  width:74%; border-radius:4px; overflow:hidden;
  background:rgba(0,0,0,.6); border:1px solid color-mix(in srgb, var(--t2) 60%, transparent);
}
.lc-terminal .tbar{
  display:flex; align-items:center; gap:3px; padding:4px 5px;
  background:rgba(255,255,255,.1);
  border-bottom:1px solid color-mix(in srgb, var(--t2) 34%, transparent);
}
.lc-terminal .tbar i{
  width:3px; height:3px; border-radius:50%;
  background:color-mix(in srgb, var(--t2) 80%, transparent);
}
.lc-terminal .tbar i:last-child{ animation:lc-term-cursor 1.2s steps(1) infinite; }
@keyframes lc-term-cursor{ 0%,50%{ opacity:1; } 51%,100%{ opacity:.2; } }
.lc-terminal .body{ padding:6px 6px 7px; display:flex; flex-direction:column; gap:3px; }
.lc-terminal .f{ height:5px; border-radius:1px; background:rgba(255,255,255,.24); }
.lc-terminal .b{ height:6px; border-radius:1px; background:var(--t2); margin-top:2px; }

.lc-marco{ display:flex; align-items:center; justify-content:center; height:100%; }
.lc-marco .card{
  position:relative; width:66%; padding:9px 8px 8px;
  display:flex; flex-direction:column; gap:4px;
  border-radius:7px; background:rgba(0,0,0,.55);
  border:2px solid var(--t2);
  box-shadow:0 0 12px -3px var(--t2), inset 0 0 14px -8px var(--t2);
  animation:lc-marco-enciende 2.8s ease-in-out infinite;
}
@keyframes lc-marco-enciende{
  0%,44%,100%{ opacity:1; }
  48%{ opacity:.45; }
  52%{ opacity:1; }
  56%{ opacity:.65; }
  60%{ opacity:1; }
}
.lc-marco .rot{
  position:absolute; top:-3px; left:50%; transform:translateX(-50%);
  width:52%; height:5px; border-radius:2px;
  background:#0c0d11;
}
.lc-marco .rot::after{
  content:''; position:absolute; inset:1px 3px;
  border-radius:1px; background:var(--t2);
  box-shadow:0 0 7px var(--t2);
}
.lc-marco .f{ height:5px; border-radius:1px; background:rgba(255,255,255,.24); }
.lc-marco .b{ height:6px; border-radius:2px; background:var(--t2); margin-top:2px; }

.lc-ficha{ position:relative; display:flex; align-items:center; justify-content:center; height:100%; }
.lc-ficha .atras{
  position:absolute; left:22%; right:16%; top:32%; bottom:16%;
  border-radius:5px; background:color-mix(in srgb, var(--t2) 22%, transparent);
  border:1px solid color-mix(in srgb, var(--t2) 45%, transparent);
  transform:rotate(4deg);
  animation:lc-ficha-atras 4s ease-in-out infinite alternate;
}
@keyframes lc-ficha-atras{ to{ transform:rotate(1.5deg); } }
.lc-ficha .rot{
  position:absolute; top:16%; left:50%; z-index:3;
  width:44%; height:9px; border-radius:3px;
  background:linear-gradient(140deg, color-mix(in srgb, var(--t2) 55%, transparent), rgba(0,0,0,.8));
  border:1px solid var(--t2);
  transform:translateX(-50%) rotate(-3deg);
  animation:lc-ficha-rot 4s ease-in-out infinite alternate;
}
@keyframes lc-ficha-rot{ to{ transform:translateX(-50%) rotate(0deg); } }
.lc-ficha .card{
  position:relative; z-index:2; width:62%; margin-top:8px;
  padding:9px 8px 8px; display:flex; flex-direction:column; gap:4px;
  border-radius:6px; background:rgba(0,0,0,.72);
  border:1px solid color-mix(in srgb, var(--t2) 60%, transparent);
}
.lc-ficha .f{ height:5px; border-radius:1px; background:rgba(255,255,255,.24); }
.lc-ficha .b{ height:6px; border-radius:2px; background:var(--t2); margin-top:2px; }

.opt-grid-3{ grid-template-columns:repeat(3, 1fr) !important; }
@media (max-width:620px){ .opt-grid-3{ grid-template-columns:repeat(2, 1fr) !important; } }
.bloque-anuncio{ border:1px solid var(--border); border-radius:var(--radius); padding:14px 15px; }
.bloque-anuncio .mini-label:first-of-type{ margin-top:0; }
#w-anuncio-ajustes{ animation:view-in .25s ease; }

[class*="opt-anuncioTam-"] i:nth-child(1){ left:8%; right:8%; top:8px; height:5px; opacity:.28; }
[class*="opt-anuncioTam-"] i:nth-child(2){
  left:8%; top:50%; transform:translateY(-50%); border-radius:2px;
  background:var(--signal); opacity:1;
}
[class*="opt-anuncioTam-"] i:nth-child(3){ left:8%; right:8%; bottom:8px; height:5px; opacity:.28; }
[class*="opt-anuncioTam-"] i:nth-child(4){ display:none; }
.opt-anuncioTam-chico i:nth-child(2){ width:34%; height:5px; }
.opt-anuncioTam-normal i:nth-child(2){ width:52%; height:8px; }
.opt-anuncioTam-grande i:nth-child(2){ width:76%; height:13px; }

[class*="opt-anuncioLetra-"] i:nth-child(1){ left:10%; right:10%; top:10px; height:5px; opacity:.25; }
[class*="opt-anuncioLetra-"] i:nth-child(2){ left:10%; right:10%; top:22px; height:9px; background:none; opacity:1; }
[class*="opt-anuncioLetra-"] i:nth-child(3){ left:10%; right:40%; bottom:9px; height:5px; opacity:.25; }
[class*="opt-anuncioLetra-"] i:nth-child(4){ display:none; }

.opt-anuncioLetra-bloque i:nth-child(2){
  background-image:repeating-linear-gradient(90deg, var(--signal) 0 9px, transparent 9px 12px);
}

.opt-anuncioLetra-mono i:nth-child(2){
  background-image:repeating-linear-gradient(90deg, var(--signal) 0 4px, transparent 4px 13px);
}

.opt-anuncioLetra-fina i:nth-child(2){
  top:20px; height:12px;
  background-image:repeating-linear-gradient(90deg, var(--signal) 0 2px, transparent 2px 11px);
  opacity:.85;
}

[class*="opt-anuncioNeon-"] i:nth-child(1){ left:12%; right:12%; top:11px; height:5px; opacity:.25; }
[class*="opt-anuncioNeon-"] i:nth-child(2){
  left:12%; right:12%; top:23px; height:8px; border-radius:2px;
  background:var(--signal); opacity:1;
}
[class*="opt-anuncioNeon-"] i:nth-child(3){ left:12%; right:44%; bottom:10px; height:5px; opacity:.25; }
[class*="opt-anuncioNeon-"] i:nth-child(4){ display:none; }

.opt-grid-4{ grid-template-columns:repeat(4, 1fr) !important; }
@media (max-width:760px){ .opt-grid-4{ grid-template-columns:repeat(2, 1fr) !important; } }

[class*="opt-compra-"] i:nth-child(1){ left:8%; width:24%; top:10px; height:16px; opacity:.3; }
[class*="opt-compra-"] i:nth-child(2){ left:38%; width:24%; top:10px; height:16px; opacity:.3; }
[class*="opt-compra-"] i:nth-child(4){ display:none; }

.opt-compra-cajon i:nth-child(3){
  right:0; top:0; bottom:0; width:44%; border-radius:0;
  background:linear-gradient(140deg, var(--signal), color-mix(in srgb, var(--signal) 45%, transparent));
  opacity:1; animation:opt-compra-cajon 3.2s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes opt-compra-cajon{
  0%, 10%{ transform:translateX(100%); }
  34%, 72%{ transform:none; }
  94%, 100%{ transform:translateX(100%); }
}

.opt-compra-centro i:nth-child(3){
  left:26%; right:26%; top:10px; bottom:10px; border-radius:5px;
  background:linear-gradient(140deg, var(--signal), color-mix(in srgb, var(--signal) 45%, transparent));
  opacity:1; transform-origin:center;
  animation:opt-compra-centro 3.2s cubic-bezier(.34,1.5,.64,1) infinite;
}
@keyframes opt-compra-centro{
  0%, 10%{ transform:scale(.35); opacity:0; }
  34%, 72%{ transform:scale(1); opacity:1; }
  94%, 100%{ transform:scale(.35); opacity:0; }
}

.opt-compra-hoja i:nth-child(3){
  left:12%; right:12%; bottom:0; height:60%; border-radius:6px 6px 0 0;
  background:linear-gradient(160deg, var(--signal), color-mix(in srgb, var(--signal) 45%, transparent));
  opacity:1; animation:opt-compra-hoja 3.2s cubic-bezier(.4,0,.2,1) infinite;
}

.opt-compra-hoja i:nth-child(3)::after{
  content:''; position:absolute; top:4px; left:50%; transform:translateX(-50%);
  width:26%; height:2px; border-radius:99px; background:rgba(0,0,0,.45);
}
@keyframes opt-compra-hoja{
  0%, 10%{ transform:translateY(100%); }
  34%, 72%{ transform:none; }
  94%, 100%{ transform:translateY(100%); }
}

.opt-compra-pantalla i:nth-child(3){
  inset:0; border-radius:0;
  background:
    radial-gradient(22px 22px at 50% 30%, color-mix(in srgb, var(--signal) 90%, white), transparent 62%),
    linear-gradient(160deg, color-mix(in srgb, var(--signal) 70%, transparent), color-mix(in srgb, var(--signal) 28%, transparent));
  opacity:1; animation:opt-compra-pantalla 3.2s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes opt-compra-pantalla{
  0%, 10%{ transform:scale(1.18); opacity:0; }
  34%, 72%{ transform:none; opacity:1; }
  94%, 100%{ transform:scale(1.18); opacity:0; }
}

[class*="opt-catPanel-"] i:nth-child(1){ left:10%; width:34%; top:7px; height:5px; opacity:.3; }
[class*="opt-catPanel-"] i:nth-child(4){ display:none; }

.opt-catPanel-tarjetas i:nth-child(2),
.opt-catPanel-tarjetas i:nth-child(3){
  width:36%; height:15px; border-radius:3px; background:var(--signal); opacity:.9;
}
.opt-catPanel-tarjetas i:nth-child(2){ left:10%; top:17px; }
.opt-catPanel-tarjetas i:nth-child(3){ left:52%; top:17px; }
.opt-catPanel-tarjetas{ animation:opt-cat-tarjetas 3s ease-in-out infinite; }
@keyframes opt-cat-tarjetas{ 0%,100%{ opacity:.85; } 50%{ opacity:1; } }

.opt-catPanel-lista i:nth-child(2),
.opt-catPanel-lista i:nth-child(3){
  left:10%; right:10%; height:8px; border-radius:2px; background:var(--signal); opacity:.85;
}
.opt-catPanel-lista i:nth-child(2){ top:17px; }
.opt-catPanel-lista i:nth-child(3){ top:29px; }

.opt-catPanel-lista i:nth-child(2)::after,
.opt-catPanel-lista i:nth-child(3)::after{
  content:''; position:absolute; right:3px; top:2px; width:16px; height:4px;
  border-radius:1px; background:rgba(0,0,0,.5);
}

.opt-catPanel-lista i:nth-child(2){ animation:opt-cat-lista 3s ease-in-out infinite; }
.opt-catPanel-lista i:nth-child(3){ animation:opt-cat-lista 3s ease-in-out infinite 1.5s; }
@keyframes opt-cat-lista{
  0%, 40%, 100%{ opacity:.55; transform:translateX(0); }
  15%, 28%{ opacity:1; transform:translateX(3px); }
}

.opt-catPanel-comparativa i:nth-child(2),
.opt-catPanel-comparativa i:nth-child(3){
  width:26%; top:16px; height:24px; border-radius:3px;
  background:linear-gradient(180deg, var(--signal) 0 9px, color-mix(in srgb, var(--signal) 30%, transparent) 9px);
  opacity:.95;
}
.opt-catPanel-comparativa i:nth-child(2){ left:20%; }
.opt-catPanel-comparativa i:nth-child(3){ left:54%; }
.opt-catPanel-comparativa i:nth-child(3){ animation:opt-cat-comp 2.6s ease-in-out infinite; }
@keyframes opt-cat-comp{
  0%,100%{ box-shadow:none; transform:translateY(0); }
  50%{ box-shadow:0 0 12px -2px var(--signal); transform:translateY(-2px); }
}

.opt-catPanel-carrusel i:nth-child(2),
.opt-catPanel-carrusel i:nth-child(3){
  top:16px; height:22px; border-radius:3px; background:var(--signal);
}
.opt-catPanel-carrusel i:nth-child(2){ left:10%; width:30%; opacity:.95; }
.opt-catPanel-carrusel i:nth-child(3){ left:46%; width:30%; opacity:.6; }
.opt-catPanel-carrusel{ animation:opt-cat-carrusel 3.4s cubic-bezier(.5,0,.5,1) infinite; }
@keyframes opt-cat-carrusel{
  0%, 18%{ transform:translateX(0); }
  48%, 66%{ transform:translateX(-26px); }
  92%, 100%{ transform:translateX(0); }
}

[class*="opt-catAbre-"] i:nth-child(1){ left:8%; width:24%; top:10px; height:16px; opacity:.3; }
[class*="opt-catAbre-"] i:nth-child(2){ left:38%; width:24%; top:10px; height:16px; opacity:.3; }
[class*="opt-catAbre-"] i:nth-child(4){ display:none; }

[class*="opt-catAbre-"] i:nth-child(3){
  background:
    linear-gradient(var(--signal), var(--signal)) 14% 30% / 32% 40% no-repeat,
    linear-gradient(var(--signal), var(--signal)) 54% 30% / 32% 40% no-repeat,
    color-mix(in srgb, var(--signal) 26%, rgba(0,0,0,.75));
  opacity:1;
}
.opt-catAbre-cajon i:nth-child(3){
  right:0; top:0; bottom:0; width:48%; border-radius:0;
  animation:opt-compra-cajon 3.2s cubic-bezier(.4,0,.2,1) infinite;
}
.opt-catAbre-centro i:nth-child(3){
  left:20%; right:20%; top:10px; bottom:10px; border-radius:5px;
  transform-origin:center;
  animation:opt-compra-centro 3.2s cubic-bezier(.34,1.5,.64,1) infinite;
}
.opt-catAbre-hoja i:nth-child(3){
  left:10%; right:10%; bottom:0; height:64%; border-radius:6px 6px 0 0;
  animation:opt-compra-hoja 3.2s cubic-bezier(.4,0,.2,1) infinite;
}
.opt-catAbre-pantalla i:nth-child(3){
  inset:0; border-radius:0;
  animation:opt-compra-pantalla 3.2s cubic-bezier(.16,1,.3,1) infinite;
}

#w-cat-estilo{ animation:view-in .25s ease; }

.noti-quien{ display:flex; align-items:center; gap:9px; }
.noti-autor{
  font-size:10px; letter-spacing:.06em;
  padding:2px 8px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border);
  color:var(--text-dim);
}
.noti-autor::before{ content:'✍ '; opacity:.6; }

.noti-lista .hint{
  padding:34px 20px; text-align:center; font-size:12.5px;
  border:1px dashed var(--border); border-radius:var(--radius);
  background:var(--surface-2);
}

.bloque-sonidos{ border:1px solid var(--border); border-radius:var(--radius); padding:14px 15px; }
.bloque-sonidos .mini-label:first-of-type{ margin-top:0; }
#w-sonidos-ajustes{ animation:view-in .25s ease; }

[class*="opt-ajustesVista-"] i:nth-child(4){ display:none; }

.opt-ajustesVista-bloques i:nth-child(1),
.opt-ajustesVista-bloques i:nth-child(2),
.opt-ajustesVista-bloques i:nth-child(3){
  left:12%; right:12%; height:12px; border-radius:3px;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 2px 0 -1px var(--signal);
}
.opt-ajustesVista-bloques i:nth-child(1){ top:5px; }
.opt-ajustesVista-bloques i:nth-child(2){ top:20px; }
.opt-ajustesVista-bloques i:nth-child(3){ top:35px; box-shadow:inset 0 2px 0 -1px var(--signal); }
.opt-ajustesVista-bloques i:nth-child(2){ animation:opt-aj-brilla 3s ease-in-out infinite; }
@keyframes opt-aj-brilla{ 0%,100%{ box-shadow:inset 0 2px 0 -1px var(--signal); } 50%{ box-shadow:inset 0 2px 0 -1px var(--signal), 0 0 12px -3px var(--signal); } }

.opt-ajustesVista-pestanas i:nth-child(1){
  left:10%; right:10%; top:7px; height:14px; border-radius:99px;
  background:rgba(255,255,255,.09); opacity:1;
}
.opt-ajustesVista-pestanas i:nth-child(2){
  left:12%; width:24%; top:9px; height:10px; border-radius:99px;
  background:var(--signal); opacity:.95;
  animation:opt-aj-pildora 4s cubic-bezier(.34,1.4,.64,1) infinite;
}
@keyframes opt-aj-pildora{
  0%,22%{ transform:translateX(0); }
  30%,55%{ transform:translateX(26px); }
  63%,88%{ transform:translateX(52px); }
  100%{ transform:translateX(0); }
}
.opt-ajustesVista-pestanas i:nth-child(3){ left:10%; right:10%; top:26px; bottom:7px; opacity:.32; border-radius:5px; }

.opt-ajustesVista-acordeon i:nth-child(1){ left:12%; right:12%; top:5px; height:8px; opacity:.3; border-radius:3px; }
.opt-ajustesVista-acordeon i:nth-child(2){
  left:12%; right:12%; top:17px; height:20px; border-radius:4px;
  background:rgba(255,255,255,.1); opacity:1;
  box-shadow:inset 3px 0 0 -1px var(--signal), 0 0 14px -6px var(--signal);
  animation:opt-acordeon 3.2s ease-in-out infinite;
}
@keyframes opt-acordeon{ 0%,100%{ height:20px; } 50%{ height:9px; } }
.opt-ajustesVista-acordeon i:nth-child(3){ left:12%; right:12%; top:41px; height:8px; opacity:.3; border-radius:3px; }

.opt-ajustesVista-panel i:nth-child(1){
  left:6%; width:28%; top:6px; bottom:6px; border-radius:6px;
  background:rgba(255,255,255,.09); opacity:1;
}
.opt-ajustesVista-panel i:nth-child(2){
  left:7%; width:3px; top:11px; height:9px; border-radius:0 2px 2px 0;
  background:var(--signal); opacity:1; box-shadow:0 0 8px var(--signal);
  animation:opt-aj-marca 4s cubic-bezier(.34,1.4,.64,1) infinite;
}
@keyframes opt-aj-marca{
  0%,22%{ transform:translateY(0); }
  30%,55%{ transform:translateY(12px); }
  63%,88%{ transform:translateY(24px); }
  100%{ transform:translateY(0); }
}
.opt-ajustesVista-panel i:nth-child(3){ left:40%; right:6%; top:6px; bottom:6px; opacity:.32; border-radius:6px; }

[class*="opt-notisVista-"] i:nth-child(4){ display:none; }

.opt-notisVista-muro i:nth-child(1){
  left:10%; right:10%; top:5px; height:19px; border-radius:4px;
  background:rgba(255,255,255,.14); opacity:1;
  box-shadow:inset 0 2px 0 -1px var(--signal);
  animation:opt-noti-sube 3.2s ease-in-out infinite;
}
@keyframes opt-noti-sube{ 0%,100%{ transform:none; } 50%{ transform:translateY(-2px); } }
.opt-notisVista-muro i:nth-child(2){
  left:10%; right:10%; top:28px; height:19px; border-radius:4px;
  background:rgba(255,255,255,.09); opacity:1;
}
.opt-notisVista-muro i:nth-child(3){ display:none; }

.opt-notisVista-bandeja i:nth-child(1),
.opt-notisVista-bandeja i:nth-child(2),
.opt-notisVista-bandeja i:nth-child(3){
  left:10%; right:10%; height:11px; border-radius:0;
  background:rgba(255,255,255,.12); opacity:1;
}
.opt-notisVista-bandeja i:nth-child(1){ top:8px; border-radius:4px 4px 0 0;
  background:
    radial-gradient(2.5px 2.5px at 7px 50%, var(--signal), transparent 60%),
    rgba(255,255,255,.16);
}
.opt-notisVista-bandeja i:nth-child(2){ top:20px;
  background:
    radial-gradient(2.5px 2.5px at 7px 50%, var(--signal), transparent 60%),
    rgba(255,255,255,.1); }
.opt-notisVista-bandeja i:nth-child(3){ top:32px; border-radius:0 0 4px 4px;
  background:
    radial-gradient(2.5px 2.5px at 7px 50%, var(--signal), transparent 60%),
    rgba(255,255,255,.1); }

.opt-notisVista-linea i:nth-child(1){
  left:15%; top:6px; bottom:6px; width:2px; border-radius:2px;
  background:linear-gradient(180deg, var(--signal), rgba(255,255,255,.1));
  opacity:.85;
}
.opt-notisVista-linea i:nth-child(2){
  left:13%; width:7px; height:7px; top:11px; border-radius:50%;
  background:var(--signal); opacity:1;
  box-shadow:0 0 0 2px #0c0d11, 0 0 0 3px rgba(0,229,160,.4), 0 0 10px var(--signal);
  animation:opt-noti-nodo 3.4s ease-in-out infinite;
}
@keyframes opt-noti-nodo{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(15px); }
}
.opt-notisVista-linea i:nth-child(3){
  left:26%; right:12%; top:9px; height:11px; border-radius:3px;
  background:rgba(255,255,255,.13); opacity:1;
  box-shadow:0 15px 0 -1px rgba(255,255,255,.09), 0 30px 0 -1px rgba(255,255,255,.09);
}

.opt-notisVista-tarjetas i:nth-child(1){
  left:8%; width:40%; top:7px; height:18px; border-radius:4px;
  background:rgba(255,255,255,.16); opacity:1;
  box-shadow:inset 0 2px 0 -1px var(--signal);
  animation:opt-noti-sube 3.2s ease-in-out infinite;
}
.opt-notisVista-tarjetas i:nth-child(2){ left:52%; width:40%; top:7px; height:18px; border-radius:4px; background:rgba(255,255,255,.1); opacity:1; }
.opt-notisVista-tarjetas i:nth-child(3){ left:8%; width:40%; top:29px; height:18px; border-radius:4px; background:rgba(255,255,255,.1); opacity:1;
  box-shadow:44px 0 0 0 rgba(255,255,255,.06); }

[class*="opt-notisAbre-"] i:nth-child(1){ left:9%; right:9%; top:8px; height:7px; opacity:.3; }
[class*="opt-notisAbre-"] i:nth-child(2){ left:9%; right:9%; bottom:8px; height:7px; opacity:.3; }
[class*="opt-notisAbre-"] i:nth-child(4){ display:none; }
[class*="opt-notisAbre-"] i:nth-child(3){ background:var(--signal); opacity:1; }
.opt-notisAbre-inline i:nth-child(3){
  left:9%; right:9%; top:19px; height:14px; border-radius:3px;
  animation:opt-inline 3s ease-in-out infinite;
}
@keyframes opt-inline{ 0%,100%{ height:6px; } 50%{ height:16px; } }
.opt-notisAbre-centro i:nth-child(3){
  left:22%; right:22%; top:11px; bottom:11px; border-radius:5px;
  animation:opt-compra-centro 3.2s cubic-bezier(.34,1.5,.64,1) infinite;
}
.opt-notisAbre-hoja i:nth-child(3){
  left:12%; right:12%; bottom:0; height:62%; border-radius:6px 6px 0 0;
  animation:opt-compra-hoja 3.2s cubic-bezier(.4,0,.2,1) infinite;
}
.opt-notisAbre-lateral i:nth-child(3){
  right:0; top:0; bottom:0; width:48%; border-radius:0;
  animation:opt-compra-cajon 3.2s cubic-bezier(.4,0,.2,1) infinite;
}

[class*="opt-son"] i:nth-child(1){ left:0; right:0; top:50%; height:1px; opacity:.18; border-radius:0; }
[class*="opt-son"] i:nth-child(3),
[class*="opt-son"] i:nth-child(4){ display:none; }
[class*="opt-son"] i:nth-child(2){
  left:10%; right:10%; top:14px; height:24px; border-radius:0;
  background-color:transparent; background-repeat:no-repeat;
  animation:opt-onda 2.4s ease-in-out infinite;
}
@keyframes opt-onda{ 0%,100%{ opacity:.6; } 50%{ opacity:1; } }

.opt-sonEntrar-campana i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:3px 100%, 3px 74%, 3px 50%, 3px 30%, 3px 14%;
  background-position:6% 50%, 26% 50%, 46% 50%, 66% 50%, 86% 50%;
}

.opt-sonEntrar-arpegio i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:5px 34%, 5px 64%, 5px 96%;
  background-position:14% 50%, 48% 50%, 82% 50%;
}

.opt-sonEntrar-pulso i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:9px 96%, 9px 52%;
  background-position:26% 50%, 62% 50%;
}

.opt-sonEntrar-burbuja i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:4px 20%, 4px 44%, 4px 70%, 4px 96%;
  background-position:12% 50%, 38% 50%, 64% 50%, 90% 50%;
}

.opt-sonClic-tic i:nth-child(2){
  background-image:linear-gradient(var(--signal),var(--signal));
  background-size:3px 96%; background-position:50% 50%;
}
.opt-sonClic-gota i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:4px 96%, 4px 56%, 4px 24%;
  background-position:34% 50%, 52% 50%, 70% 50%;
}
.opt-sonClic-suave i:nth-child(2){
  background-image:linear-gradient(var(--signal),var(--signal));
  background-size:14px 34%; background-position:50% 50%; opacity:.55;
}
.opt-sonClic-digital i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:6px 96%, 6px 96%;
  background-position:38% 50%, 58% 50%;
}

.opt-sonNoti-ding i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:4px 96%, 4px 60%, 4px 28%;
  background-position:34% 50%, 54% 50%, 74% 50%;
}
.opt-sonNoti-doble i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:7px 80%, 7px 96%;
  background-position:32% 50%, 62% 50%;
}
.opt-sonNoti-radar i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:4px 96%, 4px 70%, 4px 46%, 4px 22%;
  background-position:14% 50%, 38% 50%, 62% 50%, 86% 50%;
}
.opt-sonNoti-cristal i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:2px 96%, 2px 74%, 2px 96%, 2px 54%, 2px 80%, 2px 34%;
  background-position:8% 50%, 24% 50%, 40% 50%, 56% 50%, 72% 50%, 88% 50%;
}

.opt-sonEntrar-portal i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:3px 26%, 3px 54%, 3px 82%, 9px 96%;
  background-position:8% 50%, 28% 50%, 48% 50%, 82% 50%;
}

.opt-sonEntrar-coro i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:5px 96%, 5px 84%, 5px 72%;
  background-position:40% 50%, 50% 50%, 60% 50%;
}

.opt-sonEntrar-arranque i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:7px 34%, 7px 62%, 7px 90%, 2px 96%;
  background-position:10% 50%, 32% 50%, 54% 50%, 84% 50%;
}

.opt-sonEntrar-eco i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:4px 96%, 4px 56%, 4px 26%;
  background-position:18% 50%, 48% 50%, 78% 50%;
}

.opt-sonClic-madera i:nth-child(2){
  background-image:linear-gradient(var(--signal),var(--signal));
  background-size:11px 70%; background-position:50% 50%;
}

.opt-sonClic-chispa i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:2px 96%, 2px 76%;
  background-position:46% 50%, 56% 50%;
}

.opt-sonClic-pop i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:5px 48%, 5px 96%;
  background-position:44% 50%, 56% 50%;
}

.opt-sonClic-palanca i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:6px 62%, 6px 96%;
  background-position:38% 50%, 60% 50%;
}

.opt-sonNoti-campanita i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal));
  background-size:4px 96%, 3px 66%, 3px 40%, 3px 20%;
  background-position:14% 50%, 38% 50%, 60% 50%, 82% 50%;
}

.opt-sonNoti-triple i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:5px 80%, 5px 80%, 5px 96%;
  background-position:30% 50%, 50% 50%, 70% 50%;
}

.opt-sonNoti-sonar i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:5px 96%, 3px 68%, 3px 48%, 3px 32%, 3px 18%;
  background-position:8% 50%, 30% 50%, 48% 50%, 66% 50%, 86% 50%;
}

.opt-sonNoti-alerta i:nth-child(2){
  background-image:
    linear-gradient(var(--signal),var(--signal)), linear-gradient(var(--signal),var(--signal)),
    linear-gradient(var(--signal),var(--signal));
  background-size:5px 62%, 5px 96%, 5px 62%;
  background-position:28% 50%, 50% 50%, 72% 50%;
}

.tk-resumen{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:12px; margin-bottom:24px;
}

.tk-ficha{
  flex:none;
  background:var(--surface-2); border-bottom:1px solid var(--border);
}

.tk-ficha-abrir{
  display:flex; align-items:center; gap:9px; width:100%;
  padding:9px 16px; border:0; background:none; cursor:pointer;
  color:var(--text-dim); font:inherit; font-size:12.5px; text-align:left;
}
.tk-ficha-abrir:hover{ color:var(--text); background:rgba(255,255,255,.03); }
.tk-ficha-abrir-ico{ font-size:14px; }
.tk-ficha-flecha{
  margin-left:auto; font-size:10px; transition:transform .15s ease;
}
.tk-ficha-abrir.abierta .tk-ficha-flecha{ transform:rotate(180deg); }

.tk-ficha-ojo{
  margin-left:auto; padding:2px 9px; border-radius:99px;
  background:rgba(255,199,64,.14); border:1px solid rgba(255,199,64,.38);
  color:#ffd47a; font-size:11px;
}
.tk-ficha-abrir.abierta .tk-ficha-ojo{ margin-left:0; }

.tk-ficha-cuerpo{
  padding:0 16px 12px;
}
.tk-ficha-nums{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
}
.tk-ficha-dato{
  display:flex; flex-direction:column; align-items:center; gap:1px;
  min-width:62px; padding:5px 10px; border-radius:8px;
  background:var(--surface-3); border:1px solid var(--border);
}
.tk-ficha-n{ font-size:15px; font-weight:700; color:var(--text); font-variant-numeric:tabular-nums; }
.tk-ficha-e{
  font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-faint);
}

.tk-ficha-dato.ojo{
  background:rgba(255,179,64,.10); border-color:rgba(255,179,64,.40);
}
.tk-ficha-dato.ojo .tk-ficha-n{ color:var(--warn); }

.tk-ficha-pie{
  display:flex; flex-wrap:wrap; gap:4px 14px; margin-left:auto;
  font-size:11px; color:var(--text-dim); text-align:right;
}
.tk-ficha-mal{ color:var(--danger); font-weight:600; }

@media (max-width:640px){
  .tk-ficha-pie{ margin-left:0; width:100%; text-align:left; }
}

.tk-dato{
  position:relative; overflow:hidden;
  padding:16px 18px; border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(255,255,255,.04), var(--surface-2));
  border:1px solid var(--border);
}
.tk-dato::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--tono), transparent); opacity:.7;
}
.tk-dato strong{
  display:block; font-family:var(--font-display); font-size:26px; font-weight:700;
  color:var(--tono); line-height:1;
}
.tk-dato span{ display:block; margin-top:5px; font-size:11px; color:var(--text-dim); }
.tk-dato.tono-ambar{ --tono:var(--warn); }
.tk-dato.tono-azul{ --tono:var(--blue); }
.tk-dato.tono-verde{ --tono:var(--ok); }
.tk-dato.tono-violeta{ --tono:var(--violet); }

.tk-filtros{ display:flex; gap:4px; padding:3px; border-radius:99px; flex:none;
  background:var(--surface-3); border:1px solid var(--border); }
.tk-filtro{
  padding:6px 14px; border-radius:99px; cursor:pointer; font-family:inherit;
  font-size:11.5px; background:none; border:none; color:var(--text-dim);
  transition:background .15s ease, color .15s ease;
}
.tk-filtro:hover{ color:var(--text); }
.tk-filtro.activo{ background:var(--surface); color:var(--text); font-weight:600; }

.tk-lista{ display:flex; flex-direction:column; }
.tk-fila{
  position:relative; display:flex; align-items:center; gap:14px; cursor:pointer;
  padding:14px 16px 14px 18px;
  border-bottom:1px solid var(--border);
  transition:background .15s ease, padding-left .18s ease;
}
.tk-fila:last-child{ border-bottom:none; }
.tk-fila:hover{ background:var(--surface-2); padding-left:22px; }

.tk-fila::before{
  content:''; position:absolute; left:0; top:14px; bottom:14px; width:3px;
  border-radius:0 3px 3px 0; background:var(--tono);
}
.tk-fila.est-ambar{ --tono:var(--warn); }
.tk-fila.est-azul{ --tono:var(--blue); }
.tk-fila.est-verde{ --tono:var(--ok); }
.tk-fila.est-gris{ --tono:var(--text-faint); }
.tk-fila.es-escalado{ background:rgba(139,123,255,.05); }

.tk-avatar{
  width:38px; height:38px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:14px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.tk-centro{ flex:1; min-width:0; }
.tk-fila-cab{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:4px; }
.tk-fila-cab strong{ font-size:13.5px; color:var(--text); }
.tk-fila-sub{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:11.5px; color:var(--text-faint); }
.tk-punto{ opacity:.4; }
.tk-atiende{ color:var(--text-dim); }
.tk-atiende.es-mio{ color:var(--blue); font-weight:600; }
.tk-der{ display:flex; align-items:center; gap:12px; flex:none; }
.tk-fecha{ font-size:11px; color:var(--text-faint); white-space:nowrap; }

.tk-chip{
  font-size:9px; letter-spacing:.09em; text-transform:uppercase; font-weight:700;
  padding:3px 9px; border-radius:99px; flex:none;
}
.tk-chip.ambar{ background:rgba(255,179,64,.14); border:1px solid rgba(255,179,64,.42); color:var(--warn); }
.tk-chip.azul{ background:rgba(79,214,255,.14); border:1px solid rgba(79,214,255,.42); color:var(--blue); }
.tk-chip.verde{ background:rgba(94,234,212,.14); border:1px solid rgba(94,234,212,.42); color:var(--ok); }
.tk-chip.gris{ background:rgba(255,255,255,.05); border:1px solid var(--border-strong); color:var(--text-faint); }
.tk-chip.violeta{ background:rgba(139,123,255,.16); border:1px solid rgba(139,123,255,.5); color:var(--violet); }

.tk-box{ width:940px; max-width:94vw; height:76vh; }

@media (max-width:760px){
  .tk-box{
    width:100%; height:100%; max-width:none; max-height:none;
    margin:0; border-radius:0;
  }
}
.tk-barra{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; flex:none;
  padding:12px 20px; border-bottom:1px solid var(--border); background:var(--surface-2);
}
.tk-lleva{ font-size:11.5px; color:var(--text-dim); }
.tk-acciones{ display:flex; gap:7px; flex-wrap:wrap; margin-left:auto; }
.tk-cuerpo{ flex:1; min-height:0; padding:0; overflow:hidden; display:flex; }
.tk-hilo{
  flex:1; overflow-y:auto; padding:18px 20px;
  display:flex; flex-direction:column; gap:14px;
}
.tk-msg{ display:flex; gap:11px; align-items:flex-start; }
.tk-msg.es-cliente{ flex-direction:row-reverse; }
.tk-msg-avatar{
  width:30px; height:30px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:12px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.tk-msg-avatar.es-staff{
  background:rgba(79,214,255,.16); border-color:rgba(79,214,255,.5); color:var(--blue);
}
.tk-msg-cuerpo{ min-width:0; max-width:76%; }
.tk-msg.es-cliente .tk-msg-cab{ flex-direction:row-reverse; }
.tk-msg-cab{ display:flex; align-items:baseline; gap:8px; margin-bottom:5px; }
.tk-msg-cab strong{ font-size:12.5px; color:var(--text); }
.tk-msg-rol{
  font-size:8.5px; letter-spacing:.09em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}
.tk-msg-hora{ font-size:10.5px; color:var(--text-faint); font-family:var(--font-mono); }
.tk-msg-texto{
  padding:11px 14px; border-radius:14px 14px 14px 4px;
  background:var(--surface-2); border:1px solid var(--border);
}
.tk-msg.es-cliente .tk-msg-texto{
  border-radius:14px 14px 4px 14px;
  background:rgba(79,214,255,.08); border-color:rgba(79,214,255,.24);
}
.tk-msg-texto p{ margin:0 0 5px; font-size:13px; line-height:1.6; color:var(--text); }
.tk-msg-texto p:last-child{ margin-bottom:0; }
.tk-sistema{
  align-self:center; max-width:82%; text-align:center;
  padding:6px 15px; border-radius:99px; font-size:11px;
  background:var(--surface-2); border:1px dashed var(--border-strong); color:var(--text-faint);
}
.tk-responder{
  display:flex; gap:10px; align-items:flex-end; flex:none;
  padding:14px 20px; border-top:1px solid var(--border); background:var(--surface-2);
}
.tk-responder textarea{ flex:1; margin:0; resize:vertical; min-height:44px; }
.tk-responder .btn{ flex:none; }

@media (max-width:640px){
  .tk-fila{ flex-wrap:wrap; }
  .tk-der{ width:100%; justify-content:space-between; }
  .tk-msg-cuerpo{ max-width:86%; }
}

[class*="opt-soporteVista-"] i:nth-child(4){ display:none; }

.opt-soporteVista-burbujas i:nth-child(1){ left:10%; width:46%; top:8px; height:12px; border-radius:7px 7px 7px 2px; background:rgba(255,255,255,.22); opacity:1; }
.opt-soporteVista-burbujas i:nth-child(2){ right:10%; width:40%; top:24px; height:12px; border-radius:7px 7px 2px 7px; background:var(--signal); opacity:.9; }
.opt-soporteVista-burbujas i:nth-child(3){ left:10%; width:34%; top:40px; height:9px; border-radius:6px 6px 6px 2px; background:rgba(255,255,255,.16); opacity:1; }

.opt-soporteVista-hilo i:nth-child(1){ left:6%; width:66%; top:6px; height:13px; border-radius:0; background:color-mix(in srgb, var(--signal) 22%, transparent); opacity:1;
  box-shadow:inset 3px 0 0 -1px var(--signal); }
.opt-soporteVista-hilo i:nth-child(2){ right:6%; width:60%; top:21px; height:13px; border-radius:0; background:rgba(255,255,255,.12); opacity:1;
  box-shadow:inset -3px 0 0 -1px rgba(255,255,255,.6); }
.opt-soporteVista-hilo i:nth-child(3){ left:6%; width:52%; top:36px; height:13px; border-radius:0; background:color-mix(in srgb, var(--signal) 22%, transparent); opacity:1;
  box-shadow:inset 3px 0 0 -1px var(--signal); }

.opt-soporteVista-consola i:nth-child(1){ left:8%; width:14%; top:9px; height:6px; background:var(--signal); opacity:.9; border-radius:1px;
  box-shadow:26px 0 0 0 rgba(255,255,255,.28), 46px 0 0 0 rgba(255,255,255,.28), 0 26px 0 0 var(--signal), 26px 26px 0 0 rgba(255,255,255,.28); }
.opt-soporteVista-consola i:nth-child(2){ right:8%; width:14%; top:22px; height:6px; background:rgba(255,255,255,.65); opacity:1; border-radius:1px;
  box-shadow:-26px 0 0 0 rgba(255,255,255,.28), -46px 0 0 0 rgba(255,255,255,.28); }
.opt-soporteVista-consola i:nth-child(3){ left:34%; width:26%; top:9px; height:6px; opacity:.28; border-radius:1px;
  box-shadow:0 26px 0 0 rgba(255,255,255,.24); }

.opt-soporteVista-fichas i:nth-child(1){ left:8%; width:64%; top:6px; height:14px; border-radius:4px; background:rgba(255,255,255,.14); opacity:1;
  box-shadow:inset 3px 0 0 -1px var(--signal); }
.opt-soporteVista-fichas i:nth-child(2){ right:8%; width:58%; top:23px; height:14px; border-radius:4px; background:rgba(255,255,255,.09); opacity:1;
  box-shadow:inset -3px 0 0 -1px rgba(255,255,255,.6); }
.opt-soporteVista-fichas i:nth-child(3){ left:8%; width:50%; top:40px; height:11px; border-radius:4px; background:rgba(255,255,255,.14); opacity:1;
  box-shadow:inset 3px 0 0 -1px var(--signal); }

.tk-llamada{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:16px;
  padding:16px 18px; margin-bottom:16px; border-radius:var(--radius);
  background:linear-gradient(120deg, rgba(139,123,255,.16), rgba(139,123,255,.05));
  border:1px solid rgba(139,123,255,.5);
  animation:tk-llamada-late 1.6s ease-in-out infinite;
}
@keyframes tk-llamada-late{
  0%,100%{ box-shadow:0 0 0 0 rgba(139,123,255,.4), 0 10px 30px -20px rgba(0,0,0,.9); }
  50%{ box-shadow:0 0 30px -4px rgba(139,123,255,.6), 0 10px 30px -20px rgba(0,0,0,.9); }
}

.tk-llamada-ico{
  position:relative; width:44px; height:44px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:19px;
  background:rgba(139,123,255,.2); border:1px solid rgba(139,123,255,.55);
  animation:tk-timbre 1.1s ease-in-out infinite;
}
@keyframes tk-timbre{
  0%,100%{ transform:rotate(0deg); }
  20%{ transform:rotate(-14deg); }
  40%{ transform:rotate(12deg); }
  60%{ transform:rotate(-8deg); }
  80%{ transform:rotate(5deg); }
}
.tk-llamada-ico::after{
  content:''; position:absolute; inset:-6px; border-radius:50%;
  border:2px solid rgba(139,123,255,.6);
  animation:tk-onda 1.6s ease-out infinite;
}
@keyframes tk-onda{
  0%{ transform:scale(.85); opacity:.9; }
  100%{ transform:scale(1.5); opacity:0; }
}
.tk-llamada-txt{ flex:1; min-width:0; }
.tk-llamada-txt strong{
  display:block; font-family:var(--font-display); font-size:15px; color:var(--text);
}
.tk-llamada-txt span{
  display:block; margin-top:3px; font-size:11.5px; color:var(--text-dim);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tk-llamada-btn{
  flex:none; padding:11px 24px; border-radius:99px; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:700; border:none;
  background:var(--violet); color:#0a0812;
  transition:filter .15s ease, transform .08s ease;
}
.tk-llamada-btn:hover{ filter:brightness(1.12); }
.tk-llamada-btn:active{ transform:scale(.97); }

@media (max-width:640px){
  .tk-llamada{ flex-wrap:wrap; }
  .tk-llamada-btn{ width:100%; }
}

.tk-responder{ align-items:flex-end; }
.tk-campo{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.tk-campo textarea{ width:100%; margin:0; resize:vertical; min-height:44px; }
.tk-clip{
  flex:none; width:44px; height:44px; border-radius:var(--radius-sm); cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:16px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.tk-clip:hover{ border-color:var(--blue); color:var(--blue); background:rgba(79,214,255,.08); }

.tk-responder #tk-mandar{ height:44px; padding-inline:20px; }

.tk-adjunto{ position:relative; width:96px; }
.tk-adjunto img{
  display:block; width:96px; height:72px; object-fit:cover;
  border-radius:var(--radius-sm); border:1px solid var(--border-strong);
}
.tk-adjunto button{
  position:absolute; top:-7px; right:-7px; width:21px; height:21px; padding:0;
  border-radius:50%; cursor:pointer; font-size:10px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  background:var(--surface); border:1px solid var(--border-strong); color:var(--text-dim);
}
.tk-adjunto button:hover{ border-color:var(--danger); color:var(--danger); }

.tk-msg-foto{
  display:block; margin-top:8px; max-width:260px; max-height:220px;
  border-radius:10px; cursor:zoom-in;
  border:1px solid var(--border-strong);
  transition:border-color .15s ease, transform .15s ease;
}
.tk-msg-foto:first-child{ margin-top:0; }
.tk-msg-foto:hover{ border-color:var(--blue); transform:scale(1.015); }

.stat-card.v-ok::before{ background:linear-gradient(90deg, var(--ok), var(--signal)); }
.stat-card.v-warn::before{ background:linear-gradient(90deg, var(--warn), #ff7a45); }
.stat-card.v-ok .stat-value{ color:var(--ok); }
.stat-card.v-warn .stat-value{ color:var(--warn); }
.stat-card.v-violet .stat-value{ color:var(--violet); }

.stat-card.v-owner::before{
  background:linear-gradient(90deg,#ff4d5e,#ffb340,#00e5a0,#4fd6ff,#8b7bff,#ff4d5e);
  background-size:300% 100%;
  animation:sv-rgb 6s linear infinite;
}

.res-dos{ display:grid; grid-template-columns:1fr 1fr; gap:0 24px; align-items:start; }
@media (max-width:900px){ .res-dos{ grid-template-columns:1fr; } }

.res-lista{ display:flex; flex-direction:column; }
.res-fila{
  display:flex; align-items:center; gap:12px;
  padding:11px 2px; border-bottom:1px solid var(--border);
}
.res-fila:last-child{ border-bottom:none; }
.res-ini{
  width:32px; height:32px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:12.5px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.res-ini.es-owner{
  background:rgba(139,123,255,.16); border-color:rgba(139,123,255,.5); color:var(--violet);
}
.res-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.res-txt strong{ font-size:13px; color:var(--text); }
.res-txt span{ font-size:11.5px; color:var(--text-faint); }
.res-cuando{ flex:none; font-size:11px; color:var(--text-faint); white-space:nowrap; }
.res-cuando.es-baja{ color:var(--danger); }

.res-mov{
  position:relative;

  display:flex; align-items:center; flex-wrap:wrap; gap:12px;
  padding:11px 14px 11px 12px;
  border-bottom:1px solid var(--border);
  font-size:12.5px;
  transition:background .14s ease;
}
.res-mov:last-child{ border-bottom:none; }
.res-mov:hover{ background:var(--surface-2); }

.res-mov::before{
  content:''; position:absolute; left:0; top:9px; bottom:9px; width:2px;
  border-radius:0 2px 2px 0; background:var(--tono); opacity:.75;
}
.res-mov.tono-neutro { --tono:var(--text-faint); }
.res-mov.tono-azul   { --tono:var(--blue); }
.res-mov.tono-verde  { --tono:var(--ok); }
.res-mov.tono-violeta{ --tono:var(--violet); }
.res-mov.tono-rojo   { --tono:var(--danger); }

.res-mov-ico{
  width:26px; height:26px; flex:none; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; line-height:1;
  background:color-mix(in srgb, var(--tono) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--tono) 38%, transparent);
  color:var(--tono);
}

.res-mov-quien{ flex:none; display:flex; align-items:center; gap:7px; min-width:0; }
.res-mov-quien strong{ font-size:12.5px; color:var(--text); font-weight:600; }

.res-rango{
  flex:none; padding:2px 7px; border-radius:99px;
  font-family:var(--font-display); font-size:8.5px; font-weight:700;
  letter-spacing:.09em; line-height:1.5;
}
.res-rango.owner{
  background:rgba(139,123,255,.16); border:1px solid rgba(139,123,255,.5); color:var(--violet);
}
.res-rango.staff{
  background:rgba(79,214,255,.13); border:1px solid rgba(79,214,255,.42); color:var(--blue);
}

.res-rango.de-baja{ opacity:.45; text-decoration:line-through; }

.res-mov-que{
  flex:1; min-width:0; display:flex; align-items:baseline; gap:7px;
  overflow:hidden;
}
.res-mov-verbo{ flex:none; color:var(--text-dim); }
.res-mov-detalle{
  min-width:0; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.res-mov-aviso{
  flex:1 1 100%; padding-left:38px; margin-top:-4px;
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
}
.res-mov-ip{
  font-family:var(--font-mono); font-size:10.5px;
  padding:2px 7px; border-radius:5px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}

.res-mov-mismo{
  font-size:11.5px; line-height:1.45; color:#ffb4b4;
  padding:2px 9px; border-radius:99px;
  background:rgba(255,69,58,.1); border:1px solid rgba(255,69,58,.32);
}

.res-mov-donde{
  flex:none; padding:2px 8px; border-radius:5px;
  font-family:var(--font-mono); font-size:10px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}

@media (max-width:760px){
  .res-mov{ gap:8px 10px; }
  .res-mov-que{ flex:1 1 100%; padding-left:38px; }
  .res-mov-donde{ margin-left:38px; }
  .res-mov-aviso{ margin-top:0; }
}

.nav-globo{
  margin-left:auto; min-width:19px; height:19px; padding:0 6px;
  border-radius:99px; display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:10.5px; font-weight:700; line-height:1;
  background:var(--warn); color:#1a1206;
}
.nav-globo.es-llamada{
  background:var(--violet); color:#0d0a1f;
  animation:globo-late 1.4s ease-in-out infinite;
}
@keyframes globo-late{
  0%,100%{ box-shadow:0 0 0 0 rgba(139,123,255,.55); }
  50%    { box-shadow:0 0 0 6px rgba(139,123,255,0); }
}

.tk-avisos{
  position:fixed; top:74px; right:22px; z-index:400;
  display:flex; flex-direction:column; gap:10px;
  pointer-events:none;
}
.tk-aviso{
  pointer-events:auto; cursor:pointer;
  display:flex; align-items:center; gap:12px;
  width:min(330px, calc(100vw - 44px));
  padding:13px 16px; border-radius:var(--radius);
  background:linear-gradient(160deg, rgba(255,255,255,.06), var(--surface-2));
  border:1px solid var(--border-strong);
  box-shadow:0 20px 44px -22px rgba(0,0,0,.9);
  animation:aviso-entra .34s cubic-bezier(.16,1,.3,1);
  transition:border-color .16s ease, transform .16s ease;
}
.tk-aviso:hover{ border-color:var(--blue); transform:translateX(-3px); }
.tk-aviso.se-va{ animation:aviso-sale .38s ease forwards; }
.tk-aviso-ico{
  width:34px; height:34px; flex:none; border-radius:10px;
  display:flex; align-items:center; justify-content:center; font-size:16px;
  background:rgba(79,214,255,.13); border:1px solid rgba(79,214,255,.4);
}
.tk-aviso div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.tk-aviso strong{ font-size:13px; color:var(--text); }
.tk-aviso span:not(.tk-aviso-ico){ font-size:11.5px; color:var(--text-faint); }
@keyframes aviso-entra{ from{ opacity:0; transform:translateX(28px); } to{ opacity:1; transform:none; } }
@keyframes aviso-sale { to{ opacity:0; transform:translateX(28px); } }

.mus-app{ margin-top:18px; padding-top:18px; border-top:1px solid var(--border); }
.mus-app-cab strong{ display:flex; align-items:center; gap:9px; font-size:14px; color:var(--text); }
.mus-app-cab p{ margin:6px 0 0; font-size:12.5px; line-height:1.6; color:var(--text-faint); }

.mus-app.esta-listo .mus-pasos{ display:none; }
.mus-app.esta-listo .mus-app-cab p{ display:none; }

.mus-pasos{ list-style:none; margin:18px 0 0; padding:0;
  display:flex; flex-direction:column; gap:2px; counter-reset:none; }
.mus-pasos li{
  display:flex; gap:14px; padding:14px 0;
  border-bottom:1px solid var(--border);
}
.mus-pasos li:last-child{ border-bottom:none; padding-bottom:0; }
.mus-paso-n{
  width:26px; height:26px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:12px; font-weight:700;
  background:rgba(79,214,255,.13); border:1px solid rgba(79,214,255,.42); color:var(--blue);
}
.mus-pasos li > div{ flex:1; min-width:0; }
.mus-pasos strong{ display:block; font-size:13px; color:var(--text); margin-bottom:4px; }
.mus-pasos p{ margin:0 0 10px; font-size:12.5px; line-height:1.6; color:var(--text-faint); }
.mus-pasos p:last-child{ margin-bottom:0; }
.mus-pasos b{ color:var(--text-dim); font-weight:600; }

.mus-claves{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:11px; }
@media (max-width:720px){ .mus-claves{ grid-template-columns:1fr; } }
.mus-claves label{ display:flex; flex-direction:column; gap:6px; }
.mus-claves span{ font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-faint); }
.mus-claves input{ width:100%; margin:0; font-size:12.5px; }
.mus-claves-pie{ display:flex; gap:9px; flex-wrap:wrap; }

.tk-pregunta-fondo{
  position:fixed; inset:0; z-index:500;
  display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(4,5,8,.72); backdrop-filter:blur(5px);
  animation:tkp-fondo .18s ease;
}
@keyframes tkp-fondo{ from{ opacity:0; } to{ opacity:1; } }
.tk-pregunta{
  width:440px; max-width:100%; padding:22px;
  border-radius:var(--radius); background:var(--surface);
  border:1px solid var(--border-strong);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.95);
  animation:tkp-caja .26s cubic-bezier(.16,1,.3,1);
}
@keyframes tkp-caja{ from{ opacity:0; transform:translateY(14px) scale(.98); } to{ opacity:1; transform:none; } }
.tk-pregunta h3{ margin:0 0 7px; font-size:16px; color:var(--text); }
.tk-pregunta > p{ margin:0 0 15px; font-size:12.5px; line-height:1.6; color:var(--text-faint); }
.tk-pregunta textarea{ width:100%; margin:0; resize:vertical; font-size:13px; }
.tk-pregunta-error{ min-height:17px; margin-top:7px; font-size:12px; color:var(--danger); }
.tk-pregunta-pie{ display:flex; justify-content:flex-end; gap:9px; margin-top:12px; }

.tk-gente{
  display:flex; flex-direction:column; gap:6px; margin-bottom:13px;
  max-height:210px; overflow-y:auto;
}
.tk-gente-fila{
  display:flex; align-items:center; gap:11px; width:100%;
  padding:9px 11px; border-radius:var(--radius-sm); cursor:pointer;
  font-family:inherit; text-align:left;
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .15s ease, background .15s ease;
}
.tk-gente-fila:hover{ border-color:var(--border-strong); background:var(--surface-3); }
.tk-gente-fila.elegido{ border-color:var(--blue); background:rgba(79,214,255,.09); }
.tk-gente-ini{
  width:30px; height:30px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:12px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.tk-gente-fila.elegido .tk-gente-ini{
  background:rgba(79,214,255,.16); border-color:rgba(79,214,255,.5); color:var(--blue);
}
.tk-gente-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.tk-gente-txt strong{ font-size:13px; color:var(--text); }
.tk-gente-txt span{ font-size:11px; color:var(--text-faint); }

.tk-motivo{
  font-size:11.5px; font-style:italic; color:var(--text-dim);
  max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.mus-sintonia{
  margin-top:16px; padding:15px 17px; border-radius:var(--radius);
  background:linear-gradient(150deg, rgba(139,123,255,.09), var(--surface-2));
  border:1px solid var(--border-strong);
  transition:border-color .3s ease;
}
.mus-sintonia.sonando{ border-color:rgba(139,123,255,.45); }

.mus-sintonia-cab{ display:flex; align-items:center; gap:11px; margin-bottom:13px; }
.mus-sintonia-cab strong{ display:block; font-size:13px; color:var(--text); }
.mus-sintonia-cab span{ font-size:11.5px; color:var(--text-faint); }

.mus-sintonia-onda{ display:flex; align-items:flex-end; gap:2px; height:17px; flex:none; }

.mus-sintonia-onda i{
  width:3px; height:17px; border-radius:2px; background:var(--violet); opacity:.45;
  transform-origin:bottom; transform:scaleY(.3);
}
.mus-sintonia.sonando .mus-sintonia-onda i{
  opacity:1; animation:sint-onda .9s ease-in-out infinite;
}
.mus-sintonia.sonando .mus-sintonia-onda i:nth-child(2){ animation-delay:.15s; }
.mus-sintonia.sonando .mus-sintonia-onda i:nth-child(3){ animation-delay:.3s; }
.mus-sintonia.sonando .mus-sintonia-onda i:nth-child(4){ animation-delay:.45s; }
@keyframes sint-onda{ 0%,100%{ transform:scaleY(.3); } 50%{ transform:scaleY(1); } }

.mus-sintonia-tema{ display:flex; align-items:center; gap:13px; }
.mus-sintonia-portada{
  width:46px; height:46px; flex:none; border-radius:9px;
  display:flex; align-items:center; justify-content:center; font-size:17px;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-faint);
  background-size:cover; background-position:center;
}
.mus-sintonia-portada.con-foto span{ display:none; }
.mus-sintonia-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mus-sintonia-txt strong{
  font-size:13.5px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-sintonia-txt span{
  font-size:11.5px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mus-sintonia-tema .btn{ flex:none; }

@media (max-width:600px){
  .mus-sintonia-tema{ flex-wrap:wrap; }
  .mus-sintonia-tema .btn{ width:100%; }
}

[class*="opt-soporteAbrir-"] i:nth-child(4){ display:none; }

.opt-soporteAbrir-tarjeta i:nth-child(1){ left:40%; width:20%; top:5px; height:10px; border-radius:3px; background:var(--signal); opacity:.85; }
.opt-soporteAbrir-tarjeta i:nth-child(2){ left:22%; right:22%; top:20px; height:7px; border-radius:3px; opacity:.32;
  box-shadow:0 11px 0 0 rgba(255,255,255,.16); }
.opt-soporteAbrir-tarjeta i:nth-child(3){ left:22%; right:22%; top:43px; height:7px; border-radius:99px; background:var(--signal); opacity:.9; }

.opt-soporteAbrir-panel i:nth-child(1){ left:0; width:42%; top:0; bottom:0; height:auto; border-radius:0; opacity:1;
  background:linear-gradient(160deg, color-mix(in srgb, var(--signal) 30%, transparent), transparent); }
.opt-soporteAbrir-panel i:nth-child(2){ left:48%; right:7%; top:9px; height:8px; border-radius:3px; opacity:.35;
  box-shadow:0 12px 0 0 rgba(255,255,255,.16); }
.opt-soporteAbrir-panel i:nth-child(3){ left:48%; width:24%; top:36px; height:8px; border-radius:99px; background:var(--signal); opacity:.9; }

.opt-soporteAbrir-formulario i:nth-child(1){ left:16%; width:2px; top:8px; bottom:8px; height:auto; border-radius:2px; background:var(--signal); opacity:.5; }
.opt-soporteAbrir-formulario i:nth-child(2){ left:24%; right:8%; top:9px; height:7px; border-radius:2px; opacity:.32;
  box-shadow:0 13px 0 0 rgba(255,255,255,.16); }
.opt-soporteAbrir-formulario i:nth-child(3){ left:24%; width:26%; top:37px; height:7px; border-radius:2px; background:var(--signal); opacity:.9; }

.opt-soporteAbrir-cinta i:nth-child(1){ left:36%; width:28%; top:6px; height:8px; border-radius:3px; background:var(--signal); opacity:.7; }
.opt-soporteAbrir-cinta i:nth-child(2){ left:6%; right:6%; top:32px; height:7px; border-radius:99px; opacity:.3; }
.opt-soporteAbrir-cinta i:nth-child(3){ left:6%; right:6%; top:43px; height:7px; border-radius:99px; background:var(--signal); opacity:.9; }

.opt-soporteAbrir-mostrador i:nth-child(1){ left:0; right:0; top:0; height:18px; border-radius:0; opacity:1;
  background:linear-gradient(180deg, color-mix(in srgb, var(--signal) 34%, transparent), transparent); }
.opt-soporteAbrir-mostrador i:nth-child(2){ left:7%; width:38%; top:24px; height:7px; border-radius:3px; opacity:.35;
  box-shadow:0 10px 0 0 rgba(255,255,255,.16); }
.opt-soporteAbrir-mostrador i:nth-child(3){ right:7%; width:38%; top:24px; height:17px; border-radius:3px; background:var(--signal); opacity:.45; }

[class*="opt-soporteHist-"] i:nth-child(4){ display:none; }

.opt-soporteHist-lista i:nth-child(1){ left:7%; right:7%; top:8px; height:10px; border-radius:3px; opacity:.3; }
.opt-soporteHist-lista i:nth-child(2){ left:7%; right:7%; top:21px; height:10px; border-radius:3px; opacity:.3; }
.opt-soporteHist-lista i:nth-child(3){ left:7%; right:7%; top:34px; height:10px; border-radius:3px; background:var(--signal); opacity:.55; }

.opt-soporteHist-tarjetas i:nth-child(1){ left:8%; width:38%; top:8px; height:17px; border-radius:4px; opacity:.32;
  box-shadow:0 21px 0 0 rgba(255,255,255,.14); }
.opt-soporteHist-tarjetas i:nth-child(2){ right:8%; width:38%; top:8px; height:17px; border-radius:4px; background:var(--signal); opacity:.5; }
.opt-soporteHist-tarjetas i:nth-child(3){ right:8%; width:38%; top:29px; height:17px; border-radius:4px; opacity:.2; }

.opt-soporteHist-linea i:nth-child(1){ left:11%; width:3px; top:6px; bottom:6px; height:auto; border-radius:2px; background:var(--signal); opacity:.4; }
.opt-soporteHist-linea i:nth-child(2){ left:8%; width:9px; height:9px; top:11px; border-radius:50%; background:var(--signal); opacity:1;
  box-shadow:0 15px 0 0 var(--signal), 0 30px 0 0 rgba(255,255,255,.3); }
.opt-soporteHist-linea i:nth-child(3){ left:24%; right:8%; top:13px; height:6px; border-radius:2px; opacity:.3;
  box-shadow:0 15px 0 0 rgba(255,255,255,.22), 0 30px 0 0 rgba(255,255,255,.14); }

.opt-soporteHist-archivo i:nth-child(1){ left:0; right:0; top:6px; height:9px; border-radius:0; opacity:1;
  background:color-mix(in srgb, var(--signal) 26%, transparent); }
.opt-soporteHist-archivo i:nth-child(2){ left:0; right:0; top:17px; height:8px; border-radius:0; opacity:.16;
  box-shadow:0 10px 0 0 rgba(255,255,255,.1), 0 20px 0 0 rgba(255,255,255,.16); }
.opt-soporteHist-archivo i:nth-child(3){ left:46%; width:2px; top:6px; bottom:6px; height:auto; border-radius:0; opacity:.3; }

.opt-soporteHist-plegado i:nth-child(1){ left:7%; right:7%; top:6px; height:19px; border-radius:4px; background:var(--signal); opacity:.42; }
.opt-soporteHist-plegado i:nth-child(2){ left:7%; right:7%; top:29px; height:7px; border-radius:3px; opacity:.28;
  box-shadow:0 10px 0 0 rgba(255,255,255,.18); }
.opt-soporteHist-plegado i:nth-child(3){ right:11%; width:7px; height:7px; top:12px; border-radius:2px; opacity:.85; }

.opt-soporteVista-papel i:nth-child(1){ left:8%; width:20%; top:7px; height:5px; border-radius:2px; background:var(--signal); opacity:.9; }
.opt-soporteVista-papel i:nth-child(2){ left:8%; right:20%; top:16px; height:5px; border-radius:2px; opacity:.28;
  box-shadow:0 9px 0 0 rgba(255,255,255,.2); }
.opt-soporteVista-papel i:nth-child(3){ right:8%; width:20%; top:34px; height:5px; border-radius:2px; background:rgba(255,255,255,.7); opacity:.9;
  box-shadow:0 9px 0 0 rgba(255,255,255,.22); }

.resc-caja{
  margin-top:14px; padding:16px 18px; border-radius:var(--radius);
  background:rgba(255,179,64,.07); border:1px solid rgba(255,179,64,.35);
}
.resc-aviso{ margin:0 0 12px; font-size:12.5px; line-height:1.6; color:var(--warn); }
.resc-caja .codigo-valor{ font-size:15px; letter-spacing:.06em; }
.resc-caja .btn.ghost{ margin-top:12px; }

.cop-lista{ display:flex; flex-direction:column; }
.cop-fila{
  display:flex; align-items:center; gap:12px;
  padding:11px 2px; border-bottom:1px solid var(--border);
}
.cop-fila:last-child{ border-bottom:none; }
.cop-ico{
  width:30px; height:30px; flex:none; border-radius:8px;
  display:flex; align-items:center; justify-content:center; font-size:14px;
  background:var(--surface-3); border:1px solid var(--border-strong);
}

.cop-fila.es-nueva .cop-ico{
  background:rgba(94,234,212,.14); border-color:rgba(94,234,212,.45);
}
.cop-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.cop-txt strong{ font-size:13px; color:var(--text); }
.cop-txt span{ font-size:11.5px; color:var(--text-faint); font-family:var(--font-mono); }
.cop-fila .btn{ flex:none; }

[class*="opt-soporteLado-"] i:nth-child(4){ display:none; }

.opt-soporteLado-derecha i:nth-child(1){ left:8%; width:46%; top:8px; height:11px; border-radius:5px; background:var(--signal); opacity:.55; }
.opt-soporteLado-derecha i:nth-child(2){ right:8%; width:40%; top:24px; height:11px; border-radius:5px; background:rgba(255,255,255,.5); opacity:1; }
.opt-soporteLado-derecha i:nth-child(3){ left:8%; width:34%; top:40px; height:9px; border-radius:5px; background:var(--signal); opacity:.4; }

.opt-soporteLado-izquierda i:nth-child(1){ right:8%; width:46%; top:8px; height:11px; border-radius:5px; background:var(--signal); opacity:.55; }
.opt-soporteLado-izquierda i:nth-child(2){ left:8%; width:40%; top:24px; height:11px; border-radius:5px; background:rgba(255,255,255,.5); opacity:1; }
.opt-soporteLado-izquierda i:nth-child(3){ right:8%; width:34%; top:40px; height:9px; border-radius:5px; background:var(--signal); opacity:.4; }

.opt-soporteLado-alterno i:nth-child(1){ left:8%; width:44%; top:8px; height:11px; border-radius:5px; background:var(--signal); opacity:.5; }
.opt-soporteLado-alterno i:nth-child(2){ right:8%; width:44%; top:24px; height:11px; border-radius:5px; background:rgba(255,255,255,.45); opacity:1; }
.opt-soporteLado-alterno i:nth-child(3){ left:8%; width:44%; top:40px; height:9px; border-radius:5px; background:var(--signal); opacity:.5; }

.opt-soporteLado-plano i:nth-child(1){ left:8%; width:60%; top:8px; height:11px; border-radius:5px; background:var(--signal); opacity:.5; }
.opt-soporteLado-plano i:nth-child(2){ left:8%; width:52%; top:24px; height:11px; border-radius:5px; background:rgba(255,255,255,.45); opacity:1; }
.opt-soporteLado-plano i:nth-child(3){ left:8%; width:44%; top:40px; height:9px; border-radius:5px; background:var(--signal); opacity:.5; }

.opt-soporteLado-ancho i:nth-child(1){ left:6%; right:6%; top:8px; height:11px; border-radius:2px; opacity:.22;
  box-shadow:inset 3px 0 0 -1px var(--signal); }
.opt-soporteLado-ancho i:nth-child(2){ left:6%; right:6%; top:24px; height:11px; border-radius:2px; opacity:.3;
  box-shadow:inset 3px 0 0 -1px rgba(255,255,255,.7); }
.opt-soporteLado-ancho i:nth-child(3){ left:6%; right:6%; top:40px; height:9px; border-radius:2px; opacity:.22;
  box-shadow:inset 3px 0 0 -1px var(--signal); }

.cli-chip{ margin-left:8px; vertical-align:middle; }
tr.es-suspendido td{ opacity:.55; }
tr.es-suspendido strong{ text-decoration:line-through; }
.cli-suspendido{
  padding:14px 16px; margin-bottom:14px; border-radius:var(--radius);
  background:rgba(255,77,94,.08); border:1px solid rgba(255,77,94,.35);
}
.cli-suspendido strong{ display:block; font-size:13px; color:var(--danger); margin-bottom:6px; }
.cli-suspendido p{ margin:0 0 4px; font-size:12.5px; line-height:1.6; color:var(--text-dim); }
.cli-suspendido p:last-child{ margin-bottom:0; }
.cli-acciones{ display:flex; gap:9px; flex-wrap:wrap; margin-bottom:10px; }

.st-tabs{
  display:flex; gap:4px; padding:4px; margin:0 0 20px;
  border-radius:99px; width:fit-content; max-width:100%; flex-wrap:wrap;
  background:var(--surface-3); border:1px solid var(--border);
}
.st-tab{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 18px; border-radius:99px; cursor:pointer;
  font-family:inherit; font-size:12.5px;
  background:none; border:none; color:var(--text-dim);
  transition:background .15s ease, color .15s ease;
}
.st-tab:hover{ color:var(--text); }
.st-tab.activa{ background:var(--surface); color:var(--text); font-weight:600; }
.st-tab-num{
  min-width:19px; padding:1px 6px; border-radius:99px;
  font-family:var(--font-display); font-size:10px; font-weight:700; line-height:1.6;
  background:var(--violet); color:#0d0a1f;
}

.st-panel{ display:none; }
.st-panel.activo{ display:block; animation:aj-entra .3s cubic-bezier(.16,1,.3,1); }

.st-form{ display:flex; flex-direction:column; }
.st-form textarea{
  width:100%; margin:0 0 6px; resize:vertical;
  font-family:var(--font-mono); font-size:12.5px; line-height:1.6;
}

.st-select.ancho{ width:100%; margin-bottom:6px; }

.st-soltar{
  display:flex; flex-direction:column; align-items:center; gap:6px;
  padding:26px 20px; margin-bottom:10px; text-align:center;
  border-radius:var(--radius);
  background:var(--surface-2); border:1px dashed var(--border-strong);
  transition:border-color .16s ease, background .16s ease;
}
.st-soltar.encima{
  border-color:var(--blue); background:rgba(79,214,255,.07);
}
.st-soltar-ico{ font-size:26px; }
.st-soltar p{ margin:0; font-size:13px; color:var(--text-dim); }
.st-enlace{
  background:none; border:none; padding:0; cursor:pointer;
  font-family:inherit; font-size:13px; color:var(--blue); text-decoration:underline;
}

.st-contador{ margin-bottom:12px; font-size:12px; color:var(--text-faint); }
.st-contador.tiene{ color:var(--ok); font-weight:600; }

.st-key{
  display:inline-block; padding:3px 9px; border-radius:6px;
  font-family:var(--font-mono); font-size:12px; font-weight:700; letter-spacing:.04em;
  background:rgba(79,214,255,.12); border:1px solid rgba(79,214,255,.4); color:var(--blue);
}

.st-cuenta{
  padding:4px 10px; border-radius:6px; cursor:pointer;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.08em;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
  transition:color .15s ease, border-color .15s ease;
}
.st-cuenta:hover{ border-color:var(--border-strong); }
.st-cuenta.vista{ color:var(--text); letter-spacing:0; border-color:var(--warn); }
.st-orden{ font-family:var(--font-mono); font-size:11.5px; color:var(--text-faint); }

.st-reparto{ margin-top:16px; }
.st-reparto h4{ margin:0 0 10px; font-size:13.5px; color:var(--text); }
.st-reparto-fila{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 12px; border-bottom:1px solid var(--border);
  font-size:12.5px;
}
.st-reparto-fila:last-child{ border-bottom:none; }
.st-reparto-fila strong{ flex:none; min-width:130px; color:var(--text); }
.st-reparto-mov{ font-family:var(--font-mono); color:var(--text-faint); }
.st-reparto-fila.recibio .st-reparto-mov{ color:var(--ok); }
.st-reparto-pedian{
  padding:2px 8px; border-radius:99px; font-size:10.5px;
  background:rgba(139,123,255,.14); border:1px solid rgba(139,123,255,.4); color:var(--violet);
}

.st-solicitudes{ display:flex; flex-direction:column; }
.st-sol{
  display:flex; align-items:center; gap:12px;
  padding:11px 4px; border-bottom:1px solid var(--border);
}
.st-sol:last-child{ border-bottom:none; }
.st-sol.atendida{ opacity:.5; }
.st-sol-ico{
  width:30px; height:30px; flex:none; border-radius:9px;
  display:flex; align-items:center; justify-content:center; font-size:14px;
  background:var(--surface-3); border:1px solid var(--border-strong);
}
.st-sol-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.st-sol-txt strong{ font-size:13px; color:var(--text); }
.st-sol-txt span{ font-size:11.5px; color:var(--text-faint); }

@media (max-width:760px){

  .st-tabs{
    width:100%; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .st-tabs::-webkit-scrollbar{ display:none; }
  .st-tab{ flex:none; justify-content:center; padding:8px 13px; white-space:nowrap; }
  .st-reparto-fila strong{ min-width:0; flex:1 1 100%; }
}

.panel.st-ancho{ max-width:820px; }

.st-paso{
  display:flex; gap:16px;
  padding:20px 0; border-bottom:1px solid var(--border);
}
.st-paso:first-child{ padding-top:4px; }
.st-paso:last-of-type{ border-bottom:none; }
.st-paso-n{
  width:28px; height:28px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:12.5px; font-weight:700;
  background:rgba(79,214,255,.13); border:1px solid rgba(79,214,255,.42); color:var(--blue);
}
.st-paso-cuerpo{ flex:1; min-width:0; }
.st-opcional{
  margin-left:7px; padding:1px 7px; border-radius:99px;
  font-size:9.5px; letter-spacing:.05em; text-transform:none;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-faint);
}

.st-tipo{
  display:flex; align-items:center; gap:12px;
  margin:10px 0 4px; padding:12px 14px; border-radius:var(--radius-sm);
  border:1px solid var(--tono-b); background:var(--tono-f);
}
.st-tipo.es-suelto{ --tono-b:rgba(94,234,212,.45); --tono-f:rgba(94,234,212,.09); --tono:var(--ok); }
.st-tipo.es-categoria{ --tono-b:rgba(255,77,94,.45); --tono-f:rgba(255,77,94,.09); --tono:var(--danger); }
.st-tipo-punto{
  width:11px; height:11px; flex:none; border-radius:50%;
  background:var(--tono); box-shadow:0 0 12px -2px var(--tono);
}
.st-tipo-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.st-tipo-txt strong{ font-size:13px; color:var(--tono); }
.st-tipo-txt span{ font-size:12px; color:var(--text-dim); }

.st-origen{ margin-top:16px; }
.st-origen-elige{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.st-origen-btn{
  flex:1; min-width:150px;
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  padding:13px 15px; border-radius:var(--radius-sm); cursor:pointer;
  font-family:inherit; text-align:left;
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .15s ease, background .15s ease;
}
.st-origen-btn:hover{ border-color:var(--border-strong); }
.st-origen-btn.elegido{
  border-color:var(--blue); background:rgba(79,214,255,.08);
}
.st-origen-btn span{ font-size:18px; line-height:1; }
.st-origen-btn strong{ font-size:13px; color:var(--text); }
.st-origen-btn small{ font-size:11px; color:var(--text-faint); }
.st-origen-campo{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#st-comprobante-vista{
  max-width:120px; max-height:90px; border-radius:9px;
  border:1px solid var(--border-strong);
}

.st-guardar{ width:100%; margin-top:16px; padding:13px; font-size:14px; }

.st-plan{
  margin:16px 0; padding:18px 20px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border-strong);
  animation:aj-entra .3s cubic-bezier(.16,1,.3,1);
}
.st-plan-aviso{ font-size:13px; line-height:1.65; color:var(--text-dim); }
.st-plan-cab{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.st-plan-cab strong{ font-size:16px; color:var(--blue); }
.st-plan-cab span{ font-size:12.5px; color:var(--text-faint); }

.st-plan-fila{
  display:flex; align-items:center; gap:12px;
  padding:8px 0; font-size:12.5px;
}
.st-plan-fila strong{ flex:none; width:130px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.st-plan-barra{
  flex:1; min-width:60px; height:9px; display:flex; gap:2px;
  border-radius:99px; overflow:hidden; background:var(--surface-3);
}
.st-plan-tenia{ background:var(--text-faint); opacity:.5; }
.st-plan-nuevo{ background:linear-gradient(90deg, var(--blue), var(--blue-2)); }
.st-plan-num{
  flex:none; min-width:74px; text-align:right;
  font-family:var(--font-mono); font-size:11.5px; color:var(--text-dim);
}
.st-plan-nota{
  margin:14px 0 0; padding-top:12px; border-top:1px solid var(--border);
  font-size:12px; line-height:1.6; color:var(--text-faint);
}

@media (max-width:760px){
  .st-paso{ flex-direction:column; gap:10px; }
  .st-plan-fila{ flex-wrap:wrap; }
  .st-plan-fila strong{ width:auto; flex:1 1 100%; }
}

.view[data-view="stock"] > *{
  max-width:1080px;
  margin-inline:auto;
  width:100%;
}
.view[data-view="stock"] .st-tabs{ margin-inline:auto; }
.panel.st-ancho{ max-width:860px; margin-inline:auto; }

.st-plan-fila{
  display:flex; align-items:center; gap:14px;
  padding:11px 0; border-bottom:1px solid var(--border);
  font-size:12.5px;
}
.st-plan-fila:last-of-type{ border-bottom:none; }

.st-plan-nom{ flex:none; width:150px; display:flex; flex-direction:column; gap:2px; }
.st-plan-nom strong{
  font-size:13px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.st-plan-piden{
  font-size:10.5px; color:var(--violet);
}

.st-plan-barra{
  flex:1; min-width:60px; height:10px; display:flex;
  border-radius:99px; overflow:hidden; background:var(--surface-3);
}
.st-plan-tenia{ background:var(--text-faint); opacity:.45; transition:width .22s ease; }
.st-plan-nuevo{
  background:linear-gradient(90deg, var(--blue), var(--blue-2));
  transition:width .22s ease;
}

.st-plan-fuga{
  background:repeating-linear-gradient(45deg,
    rgba(255,92,122,.85) 0 4px, rgba(255,92,122,.35) 4px 8px);
  transition:width .22s ease;
}

.st-plan-mandos{
  flex:none; display:flex; align-items:center; gap:6px;
  padding:3px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border);
}
.st-plan-btn{
  width:26px; height:26px; flex:none; border-radius:50%; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-family:inherit; font-size:15px; line-height:1;
  background:var(--surface); border:1px solid var(--border-strong); color:var(--text);
  transition:border-color .14s ease, color .14s ease, background .14s ease;
}
.st-plan-btn:hover:not(:disabled){
  border-color:var(--blue); color:var(--blue); background:rgba(79,214,255,.09);
}
.st-plan-btn:disabled{ opacity:.3; cursor:not-allowed; }
.st-plan-recibe{
  min-width:34px; text-align:center;
  font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--blue);
}

.st-plan-num{
  flex:none; min-width:70px; text-align:right;
  font-family:var(--font-mono); font-size:11.5px; color:var(--text-dim);
}

.st-plan-resto{
  margin-left:auto; padding:3px 10px; border-radius:99px;
  font-size:11px;
  background:rgba(94,234,212,.13); border:1px solid rgba(94,234,212,.4); color:var(--ok);
}
.st-plan-resto.sobra{
  background:rgba(255,179,64,.13); border-color:rgba(255,179,64,.42); color:var(--warn);
}

.st-plan-pie{
  display:flex; gap:9px; flex-wrap:wrap;
  margin-top:14px; padding-top:14px; border-top:1px solid var(--border);
}

@media (max-width:760px){
  .st-plan-fila{ flex-wrap:wrap; gap:10px; }
  .st-plan-nom{ width:auto; flex:1 1 100%; }
  .st-plan-barra{ order:5; flex:1 1 100%; }
  .st-plan-num{ text-align:left; }
}

.view[data-view="stock"] .grid-stats{ margin-bottom:32px; }

@media (min-width:900px){
  .view[data-view="stock"] .grid-stats{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0, 1fr);
  }
}
.view[data-view="stock"] .st-tabs{ margin-bottom:26px; }
.view[data-view="stock"] .st-panel .panel{ margin-bottom:0; }
.view[data-view="stock"] .panel-head{ margin-bottom:20px; }
.view[data-view="stock"] .panel{ padding:26px 28px; }

.st-elige{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  padding:52px 24px; text-align:center;
  border-radius:var(--radius);
  background:var(--surface-2); border:1px dashed var(--border-strong);
}
.st-elige-ico{
  display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; border-radius:15px; font-size:22px;
  background:var(--surface-3); border:1px solid var(--border-strong);
}
.st-elige p{ margin:0; max-width:340px; font-size:13px; line-height:1.6; color:var(--text-dim); }

select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  padding:11px 40px 11px 14px;
  border-radius:var(--radius-sm); cursor:pointer;
  font-family:inherit; font-size:13px; color:var(--text);
  background-color:var(--surface-2);
  border:1px solid var(--border-strong);

  background-image:
    linear-gradient(45deg, transparent 50%, var(--text-dim) 50%),
    linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);
  background-position:
    calc(100% - 19px) calc(50% + 1px),
    calc(100% - 14px) calc(50% + 1px);
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  transition:border-color .15s ease, background-color .15s ease;
}
select:hover{ border-color:var(--text-faint); }
select:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(79,214,255,.14);
}

select option{
  background:#12141a; color:var(--text);
  padding:10px;
}

@supports (appearance: base-select){
  select{
    appearance:base-select;

    background-image:none;
    padding-right:14px;
    display:flex; align-items:center; gap:10px;
  }

  select::picker-icon{
    margin-left:auto;
    color:var(--text-dim);
    transition:transform .18s ease, color .18s ease;
  }
  select:open::picker-icon{
    transform:rotate(180deg);
    color:var(--blue);
  }
  select:open{ border-color:var(--blue); }

  select::picker(select){

    appearance:base-select;
    margin-top:6px;
    padding:6px;
    max-height:min(340px, 60vh);
    overflow-y:auto;
    border-radius:var(--radius-sm);
    background:var(--surface-2);
    border:1px solid var(--border-strong);
    box-shadow:0 22px 50px -18px rgba(0,0,0,.85);

    opacity:0; transform:translateY(-6px);
    transition:opacity .16s ease, transform .16s ease, overlay .16s allow-discrete, display .16s allow-discrete;
  }
  select:open::picker(select){
    opacity:1; transform:translateY(0);
  }
  @starting-style{
    select:open::picker(select){ opacity:0; transform:translateY(-6px); }
  }

  select option{
    display:flex; align-items:center; gap:9px;
    padding:9px 12px; border-radius:9px; cursor:pointer;
    background:transparent; color:var(--text);
    font-family:inherit; font-size:13px; line-height:1.4;
    transition:background .12s ease, color .12s ease;
  }
  select option:hover{ background:var(--surface-3); }

  select option:active{ background:var(--surface-3); }
  select option:checked{
    background:color-mix(in srgb, var(--blue) 16%, transparent);
    color:var(--blue);
    font-weight:600;
  }

  select option:disabled{
    color:var(--text-faint); cursor:default; background:transparent;
  }

  select option::checkmark{
    order:1; margin-left:auto; color:var(--blue);
  }
}

.st-plan-recibe.quita{ color:var(--warn); }
.st-plan-num.baja{ color:var(--warn); }
.st-plan-quitado{
  padding:3px 10px; border-radius:99px; font-size:11px;
  background:rgba(255,179,64,.13); border:1px solid rgba(255,179,64,.42); color:var(--warn);
}

.st-sol-txt{
  flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;
  padding:6px 10px; margin-left:-10px; border-radius:var(--radius-sm);
  cursor:pointer; text-align:left;
  background:none; border:1px solid transparent; font-family:inherit;
  transition:background .14s ease, border-color .14s ease;
}
.st-sol-txt:hover{
  background:var(--surface-2); border-color:var(--border-strong);
}
.st-sol-txt:hover strong{ color:var(--blue); }
.st-sol.atendida .st-sol-txt{ cursor:default; }

.pr-panel{ display:none; }
.pr-panel.activo{ display:block; }

.view[data-view="promocion"] .grid-stats{ margin-bottom:32px; }
.view[data-view="promocion"] .st-tabs{ margin-bottom:26px; }
.view[data-view="promocion"] .panel{ margin-bottom:22px; }
.view[data-view="promocion"] .panel:last-child{ margin-bottom:0; }

.pr-form{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  gap:18px 20px; margin-bottom:20px;
}
.pr-campo{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.pr-campo-ancho{ grid-column:1 / -1; }
.pr-campo > span{
  font-size:12px; font-weight:600; color:var(--text);
  letter-spacing:.01em;
}
.pr-campo small{ font-size:11px; color:var(--text-dim); line-height:1.45; }
.pr-campo input,
.pr-campo select{
  width:100%; padding:9px 12px; border-radius:9px;
  background:var(--surface-2); border:1px solid var(--border);
  color:var(--text); font-family:inherit; font-size:13px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.pr-campo input:focus,
.pr-campo select:focus{
  outline:none; border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(79,214,255,.14);
}

.pr-campo-codigo input{
  font-family:'JetBrains Mono', monospace; text-transform:uppercase;
  letter-spacing:.06em; font-size:14px;
}

.pr-tipo-fila{ display:flex; align-items:center; gap:9px; }
.pr-tipo{
  display:flex; flex:none; border-radius:9px; overflow:hidden;
  border:1px solid var(--border); background:var(--surface-2);
}
.pr-tipo-op{
  padding:8px 13px; border:none; background:none; cursor:pointer;
  color:var(--text-dim); font-family:'JetBrains Mono', monospace;
  font-size:14px; font-weight:700; transition:background .15s ease, color .15s ease;
}
.pr-tipo-op:hover{ color:var(--text); }
.pr-tipo-op.activa{ background:var(--blue); color:#04222b; }
.pr-tipo-fila input{ flex:1; min-width:0; }
.pr-tipo-cola{ flex:none; font-size:12px; color:var(--text-dim); white-space:nowrap; }

.pr-form-pie{
  display:flex; align-items:center; justify-content:flex-end; gap:14px;
  padding-top:16px; border-top:1px solid var(--border);
}
.pr-error{ flex:1; font-size:12px; color:var(--danger); min-height:1em; }

.pr-lista{ display:flex; flex-direction:column; gap:10px; }

.pr-fila{
  display:flex; align-items:center; gap:16px;
  padding:13px 15px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .15s ease, background .15s ease;
}
.pr-fila:hover{ border-color:var(--border-strong); background:var(--surface-3); }

.pr-fila.apagada{ opacity:.55; }

.pr-fila-izq{ display:flex; align-items:center; gap:11px; flex:none; }
.pr-codigo{
  font-family:'JetBrains Mono', monospace; font-size:13px; font-weight:700;
  padding:6px 11px; border-radius:7px; cursor:pointer;
  background:rgba(79,214,255,.1); border:1px solid rgba(79,214,255,.32);
  color:var(--blue); letter-spacing:.05em;
  transition:background .15s ease;
}
.pr-codigo:hover{ background:rgba(79,214,255,.2); }
.pr-descuento{
  font-family:'JetBrains Mono', monospace; font-size:15px; font-weight:700;
  color:var(--signal);
}

.pr-fila-medio{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pr-donde{ font-size:13px; font-weight:600; color:var(--text); }
.pr-detalle{ font-size:11.5px; color:var(--text-dim); }
.pr-nota{ font-size:11.5px; color:var(--text-dim); font-style:italic; }

.pr-fila-der{ display:flex; align-items:center; gap:8px; flex:none; }
.pr-chip{
  font-size:10px; letter-spacing:.09em; text-transform:uppercase; font-weight:700;
  padding:4px 9px; border-radius:99px;
}
.pr-chip.activo{ background:rgba(61,220,151,.14); border:1px solid rgba(61,220,151,.4); color:var(--ok); }
.pr-chip.pausado{ background:rgba(255,255,255,.06); border:1px solid var(--border-strong); color:var(--text-dim); }
.pr-chip.agotado{ background:rgba(255,77,94,.12); border:1px solid rgba(255,77,94,.36); color:var(--danger); }

.pr-pack-num{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:56px; height:56px; flex:none; border-radius:12px;
  background:linear-gradient(150deg, rgba(79,214,255,.16), rgba(79,214,255,.04));
  border:1px solid rgba(79,214,255,.34);
}
.pr-pack-num strong{
  font-family:'JetBrains Mono', monospace; font-size:19px; line-height:1;
  color:var(--blue);
}
.pr-pack-num span{ font-size:8.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-dim); }

.pr-vacio{
  display:flex; flex-direction:column; align-items:center; gap:6px;
  padding:34px 20px; text-align:center;
  border:1px dashed var(--border-strong); border-radius:12px;
  color:var(--text-dim);
}
.pr-vacio-ico{ font-size:26px; }
.pr-vacio strong{ font-size:14px; color:var(--text); }
.pr-vacio span{ font-size:12px; }

.pr-elige{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:36px 20px; text-align:center;
  border:1px dashed var(--border-strong); border-radius:12px;
  color:var(--text-dim); font-size:13px; margin-bottom:20px;
}
.pr-elige-ico{ font-size:26px; }
.pr-elige p{ margin:0; }

.pr-precios-cab{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin-bottom:12px; padding-bottom:10px;
  border-bottom:1px solid var(--border);
}
.pr-precios-cab strong{ font-size:13px; color:var(--text); }

.pr-precios{ display:flex; flex-direction:column; gap:7px; }

.pr-precio-fila{
  display:grid; grid-template-columns:1fr 92px 118px 1fr;
  align-items:center; gap:14px;
  padding:9px 13px; border-radius:10px;
  background:var(--surface-2); border:1px solid transparent;
  transition:border-color .15s ease, background .15s ease;
}

.pr-precio-fila.puesto{
  border-color:rgba(61,220,151,.34);
  background:rgba(61,220,151,.05);
}

.pr-precio-fila.ojo{
  border-color:rgba(255,77,94,.45);
  background:rgba(255,77,94,.06);
}

.pr-precio-nom{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.pr-precio-padre{
  font-size:9.5px; text-transform:uppercase; letter-spacing:.09em;
  color:var(--text-dim);
}
.pr-precio-nom strong{
  font-size:13px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pr-precio-tipo{
  font-size:9.5px; text-transform:uppercase; letter-spacing:.07em;
  color:var(--text-dim);
}
.pr-precio-normal{
  font-family:'JetBrains Mono', monospace; font-size:12.5px;
  color:var(--text-dim); text-align:right;
}
.pr-precio-campo{
  width:100%; padding:7px 10px; border-radius:8px;
  background:var(--surface-3); border:1px solid var(--border);
  color:var(--text); font-family:'JetBrains Mono', monospace; font-size:13px;
  text-align:right;
}
.pr-precio-campo:focus{
  outline:none; border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(79,214,255,.14);
}
.pr-precio-eco{ font-size:11.5px; color:var(--text-dim); text-align:right; }
.pr-precio-eco.bueno{ color:var(--ok); }
.pr-precio-eco.malo{ color:var(--danger); font-weight:600; }

.ref-intro{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:22px 24px; margin-bottom:24px; border-radius:16px;
  background:
    radial-gradient(circle at 88% 20%, rgba(167,107,255,.16), transparent 58%),
    linear-gradient(135deg, rgba(79,214,255,.09), rgba(10,11,13,.5));
  border:1px solid rgba(167,107,255,.3);
}
.ref-intro-txt{ min-width:0; }
.ref-intro-txt h3{ margin:0 0 6px; font-size:16px; color:var(--text); }
.ref-intro-txt p{ margin:0; font-size:13px; color:var(--text-dim); line-height:1.55; max-width:70ch; }
.ref-intro-txt strong{ color:var(--signal); }

.ref-intro-chapa{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:96px; height:96px; flex:none; border-radius:50%;
  background:radial-gradient(circle at 36% 30%, rgba(167,107,255,.34), rgba(8,9,11,.9));
  border:2px solid rgba(167,107,255,.55);
  box-shadow:0 0 30px -8px rgba(167,107,255,.6);
}
.ref-chapa-num{
  font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:30px;
  line-height:1; color:#fff;
}
.ref-chapa-et{
  font-size:8.5px; text-transform:uppercase; letter-spacing:.1em;
  color:var(--text-dim); margin-top:3px;
}

.ref-dos{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:22px; }

.ref-ranking{ display:flex; flex-direction:column; gap:8px; }
.ref-puesto{
  display:flex; align-items:center; gap:13px;
  padding:10px 13px; border-radius:11px;
  background:var(--surface-2); border:1px solid var(--border);
}
.ref-puesto.podio{ border-color:rgba(255,199,64,.34); background:rgba(255,199,64,.05); }
.ref-medalla{
  font-size:16px; width:26px; text-align:center; flex:none;
  font-family:'JetBrains Mono', monospace; color:var(--text-dim);
}
.ref-puesto-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ref-puesto-txt strong{ font-size:13px; color:var(--text); }
.ref-puesto-txt span{ font-size:11px; color:var(--text-dim); }
.ref-puesto-num{ flex:none; text-align:right; display:flex; flex-direction:column; gap:2px; }
.ref-puesto-num strong{
  font-family:'JetBrains Mono', monospace; font-size:16px; color:var(--blue);
}
.ref-puesto-num span{ font-size:10px; color:var(--text-dim); }

.ref-mov{
  display:flex; align-items:flex-start; gap:16px;
  padding:12px 14px; border-radius:11px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.ref-mov.retenido{ border-left-color:var(--warn); background:rgba(255,176,32,.05); }
.ref-mov.cumplido{ border-left-color:var(--ok); }
.ref-mov.anulado{ border-left-color:var(--danger); opacity:.6; }
.ref-mov.pendiente{ border-left-color:var(--blue); }

.ref-mov-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.ref-mov-linea{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ref-mov-linea strong{ font-size:13px; color:var(--text); }
.ref-flecha{ color:var(--text-dim); font-size:13px; }
.ref-mov-sub{ font-size:11px; color:var(--text-dim); }
.ref-mov-motivo{ font-size:11px; color:var(--text-dim); font-style:italic; }

.ref-senales{ display:flex; flex-wrap:wrap; gap:5px; margin-top:2px; }
.ref-senal{
  font-size:10.5px; padding:3px 8px; border-radius:99px;
  background:rgba(255,176,32,.12); border:1px solid rgba(255,176,32,.36);
  color:var(--warn);
}
.ref-mov-der{ display:flex; align-items:center; gap:7px; flex:none; }

@media (max-width:900px){
  .ref-dos{ grid-template-columns:1fr; }
}

@media (max-width:760px){
  .pr-form{ grid-template-columns:1fr; gap:14px; }

  .pr-fila{ flex-wrap:wrap; gap:10px; }
  .pr-fila-izq{ width:100%; }
  .pr-fila-medio{ flex:1 1 100%; }
  .pr-fila-der{ width:100%; justify-content:flex-end; }

  .pr-precio-fila{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "nombre normal"
      "nuevo  nuevo"
      "eco    eco";
    gap:7px 12px;
  }
  .pr-precio-nom{ grid-area:nombre; }
  .pr-precio-normal{ grid-area:normal; }
  .pr-precio-nuevo{ grid-area:nuevo; }
  .pr-precio-eco{ grid-area:eco; text-align:left; }

  .ref-intro{ flex-direction:column; align-items:flex-start; gap:16px; padding:18px; }
  .ref-intro-chapa{ width:78px; height:78px; align-self:center; }
  .ref-chapa-num{ font-size:24px; }

  .ref-mov{ flex-direction:column; gap:10px; }
  .ref-mov-der{ width:100%; justify-content:flex-end; }
}

@media (max-width:760px){

  body{ zoom:0.8; }
}

.pr-aviso{
  margin:0 0 18px; padding:10px 13px; border-radius:10px;
  font-size:12.5px; line-height:1.5;
  background:rgba(79,214,255,.09);
  border:1px solid rgba(79,214,255,.3);
  color:var(--text);
}

.pe-lista{ display:flex; flex-direction:column; gap:11px; }

.pe-fila{
  border-radius:13px; overflow:hidden;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.pe-fila.revisa{ border-left-color:var(--warn); }
.pe-fila.ok{ border-left-color:var(--ok); }
.pe-fila.mal{ border-left-color:var(--danger); }
.pe-fila.espera{ border-left-color:var(--blue); }

.pe-cab{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; padding:14px 16px; cursor:pointer; text-align:left;
  background:none; border:none; color:var(--text); font-family:inherit;
}
.pe-cab:hover{ background:var(--surface-3); }
.pe-cab-izq{ display:flex; align-items:center; gap:14px; min-width:0; }
.pe-codigo{
  font-family:'JetBrains Mono', monospace; font-size:13px; font-weight:700;
  letter-spacing:.06em; padding:5px 10px; border-radius:7px;
  background:rgba(79,214,255,.1); border:1px solid rgba(79,214,255,.3);
  color:var(--blue); flex:none;
}
.pe-quien{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.pe-quien strong{ font-size:13px; }
.pe-quien span{ font-size:11px; color:var(--text-dim); }

.pe-cab-der{ display:flex; align-items:center; gap:12px; flex:none; }
.pe-total{ font-family:'JetBrains Mono', monospace; font-size:16px; color:var(--text); }
.pe-estado{
  font-size:9.5px; letter-spacing:.09em; text-transform:uppercase; font-weight:700;
  padding:4px 9px; border-radius:99px;
}
.pe-estado.revisa{ background:rgba(255,176,32,.14); color:var(--warn); }
.pe-estado.ok{ background:rgba(61,220,151,.14); color:var(--ok); }
.pe-estado.mal{ background:rgba(255,77,94,.13); color:var(--danger); }
.pe-estado.espera{ background:rgba(79,214,255,.12); color:var(--blue); }

.pe-borrar{
  flex:none; cursor:pointer;
  padding:3px 8px; border-radius:6px;
  font-family:inherit; font-size:12px; line-height:1.4;
  background:transparent; border:1px solid transparent;
  color:var(--text-faint);
  opacity:.45;
  transition:opacity .14s ease, background .14s ease, border-color .14s ease, color .14s ease;
}
.pe-fila:hover .pe-borrar{ opacity:1; }
.pe-borrar:hover{ background:var(--surface-3); border-color:var(--border); color:var(--text-dim); }
.pe-borrar.confirma{
  opacity:1; font-size:10.5px; letter-spacing:.03em;
  background:rgba(255,77,94,.14); border-color:rgba(255,77,94,.45); color:var(--danger);
}
.pe-borrar:disabled{ cursor:default; opacity:.6; }

.pe-flecha{ font-size:11px; color:var(--text-dim); transition:transform .2s ease; }
.pe-fila.abierto .pe-flecha{ transform:rotate(180deg); }

.pe-cuerpo{ display:none; padding:0 16px 16px; }
.pe-fila.abierto .pe-cuerpo{ display:block; }

.up-check{ display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text-dim); margin:2px 0 16px; cursor:pointer; }
.up-check input{ width:16px; height:16px; accent-color:var(--blue); }
.up-acciones{ display:flex; gap:10px; flex-wrap:wrap; }
.up-fila-tit{ font-size:14px; color:#fff; }
.up-fila-meta{ font-size:11.5px; color:var(--text-dim); font-family:var(--font-mono, monospace); margin-top:2px; display:block; }
.up-fila-acc{ display:flex; gap:8px; flex:none; }
.up-fila-cuerpo{ margin:8px 16px 0; font-size:13px; line-height:1.55; color:var(--text-dim); white-space:pre-wrap; }
.up-chip-borrador{
  display:inline-block; margin:8px 0 2px 16px; font-size:11px; padding:3px 9px;
  border-radius:99px; background:rgba(255,190,60,.12);
  border:1px solid rgba(255,190,60,.35); color:#ffce7a;
}

.up-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin:2px 0 18px; }
.up-tab{
  display:inline-flex; align-items:center; gap:7px; padding:9px 16px;
  border-radius:10px; cursor:pointer; font-family:inherit; font-size:13.5px;
  background:rgba(255,255,255,.03); border:1px solid var(--border);
  color:var(--text-dim); transition:color .16s ease, background .18s ease, border-color .16s ease;
}
.up-tab:hover{ color:#fff; }
.up-tab.activa{ color:#fff; background:rgba(80,160,255,.14); border-color:var(--blue); }

.pe-dos{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; }
.pe-col{ min-width:0; }
.pe-sub{
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-dim); margin-bottom:9px;
}
.pe-col .pe-sub:not(:first-child){ margin-top:16px; }

.pe-linea{
  display:flex; align-items:center; gap:11px;
  padding:8px 0; border-bottom:1px dashed var(--border);
  font-size:12.5px;
}
.pe-linea-cant{ font-family:'JetBrains Mono', monospace; color:var(--blue); flex:none; }
.pe-linea-nom{ flex:1; min-width:0; }
.pe-linea-precio{ font-family:'JetBrains Mono', monospace; flex:none; }

.pe-suma{ display:flex; flex-direction:column; gap:6px; padding-top:11px; }
.pe-suma-fila{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  font-size:12.5px; color:var(--text-dim);
}
.pe-suma-fila strong{ font-family:'JetBrains Mono', monospace; color:var(--text); }
.pe-suma-fila.descuento, .pe-suma-fila.descuento strong{ color:var(--ok); }
.pe-suma-fila.total{ font-size:14px; color:var(--text); }
.pe-suma-fila.total strong{ font-size:18px; color:var(--signal); }

.pe-datos{ display:flex; flex-direction:column; gap:7px; margin-bottom:6px; }
.pe-dato{ display:flex; align-items:center; gap:10px; }
.pe-dato-et{
  font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-dim); flex:0 0 84px;
}

.pe-dato-val{
  flex:1; min-width:0; font-family:'JetBrains Mono', monospace; font-size:12.5px;
  color:var(--text); cursor:pointer; word-break:break-all;
  padding:3px 6px; border-radius:5px; transition:background .14s ease;
}
.pe-dato-val:hover{ background:var(--surface-3); }

.pe-dato-et{ flex:0 0 104px; }

.pe-efectivo{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px 14px; border-radius:10px;
  background:var(--surface-2); border:1px solid var(--border);
}
.pe-efectivo-ico{ font-size:18px; line-height:1.1; flex:none; }
.pe-efectivo-txt{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.pe-efectivo-txt strong{ font-size:12.5px; color:var(--text); }
.pe-efectivo-txt span{ font-size:11.5px; line-height:1.5; color:var(--text-dim); }
.pe-efectivo-ref{
  align-self:flex-start; margin-top:2px;
  font-family:'JetBrains Mono', monospace; font-size:11.5px;
  padding:4px 9px; border-radius:6px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text); word-break:break-all;
}

.rg-key-caja{
  margin-top:16px; padding:16px 18px; border-radius:12px;
  background:rgba(0,229,160,.06); border:1px solid rgba(0,229,160,.34);
}
.rg-key-tit{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--signal); margin-bottom:10px;
}
.rg-key-fila{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rg-key{
  font-family:'JetBrains Mono', monospace; font-size:20px; letter-spacing:.10em;
  color:var(--text); padding:8px 14px; border-radius:8px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  user-select:all;
}
.rg-nota{ font-style:italic; color:var(--text-faint); }

.rg-hay{
  font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 8px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border);
  color:var(--text-dim);
}
.rg-hay.vacio{
  background:rgba(255,77,94,.10); border-color:rgba(255,77,94,.34); color:var(--danger);
}

.rg-ojo{ color:var(--warn) !important; }

.rg-cuando{
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint);
  white-space:nowrap;
}

.rg-para{
  padding:3px 9px; border-radius:99px; font-size:11px; white-space:nowrap;
  background:rgba(139,123,255,.12); border:1px solid rgba(139,123,255,.34);
  color:#c4b5fd;
}

.rg-para.nadie{
  background:transparent; border-style:dashed; border-color:var(--border-strong);
  color:var(--text-faint);
}

.rg-filtros{ margin:0 0 14px; width:fit-content; max-width:100%; }

.tk-filtro.vacio{ opacity:.4; cursor:default; }
.tk-filtro.vacio:hover{ color:var(--text-dim); }

.chapa-auto,
.pe-quien .chapa-auto{
  align-self:flex-start; margin-top:3px;
  font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:700;
  padding:3px 8px; border-radius:99px;
  background:rgba(79,214,255,.11); border:1px solid rgba(79,214,255,.34);
  color:var(--blue);
}

.pe-fila.tarde{ border-left:3px solid var(--danger); }
.pe-tarde{
  font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; flex:none;
  padding:3px 9px; border-radius:99px;
  background:rgba(255,77,94,.13); border:1px solid rgba(255,77,94,.44);
  color:var(--danger);
  animation:pe-late 1.9s ease-in-out infinite;
}
@keyframes pe-late{ 0%,100%{ opacity:.62; } 50%{ opacity:1; } }
@media (prefers-reduced-motion:reduce){
  .pe-tarde{ animation:none; opacity:1; }
}

.pe-cep{
  margin:10px 0 4px; padding:11px 13px; border-radius:10px;
  background:var(--surface-2);
  border:1px solid var(--border);
}
.pe-cep-cab{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-bottom:9px;
}
.pe-cep-cab strong{ font-size:12px; color:var(--text); }
.pe-cep-ir{
  font-size:10.5px; letter-spacing:.04em; text-decoration:none; flex:none;
  padding:3px 9px; border-radius:99px;
  color:var(--blue); border:1px solid rgba(79,214,255,.34);
  background:rgba(79,214,255,.08);
  transition:background .14s ease;
}
.pe-cep-ir:hover{ background:rgba(79,214,255,.18); }
.pe-cep-falta{
  margin:0 0 9px; padding:7px 10px; border-radius:8px; font-size:11px; line-height:1.45;
  background:rgba(255,179,64,.09); border:1px solid rgba(255,179,64,.3); color:#ffd9a0;
}
.pe-cep-lista{ display:flex; flex-direction:column; gap:4px; }
.pe-cep-fila{ display:flex; align-items:center; gap:10px; }
.pe-cep-et{
  font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--text-faint); flex:0 0 138px;
}
.pe-cep-val{
  flex:1; min-width:0; text-align:left;
  font-family:'JetBrains Mono', monospace; font-size:12px;
  color:var(--text); cursor:pointer; word-break:break-all;
  padding:4px 7px; border-radius:6px;
  background:transparent; border:1px solid transparent;
  transition:background .14s ease, border-color .14s ease;
}
.pe-cep-val:hover{ background:var(--surface-3); border-color:var(--border); }
.pe-cep-val.copiado{
  background:rgba(0,229,160,.12); border-color:rgba(0,229,160,.4); color:var(--signal);
}
.pe-cep-vacio{ flex:1; font-size:12px; color:var(--text-faint); padding:4px 7px; }
.pe-cep-pie{
  margin:9px 0 0; font-size:10.5px; line-height:1.5; color:var(--text-faint);
}

@media (max-width:640px){
  .pe-cep-fila{ flex-direction:column; align-items:stretch; gap:2px; }
  .pe-cep-et{ flex:none; }
}

.pe-comprobante{
  width:100%; max-height:340px; object-fit:contain; cursor:zoom-in;
  border-radius:10px; background:#000;
  border:1px solid var(--border-strong);
}
.pe-enviado{ margin:7px 0 0; font-size:11px; color:var(--text-dim); }
.pe-esperando{
  margin:0; padding:11px 13px; border-radius:10px; font-size:12px; line-height:1.5;
  background:rgba(79,214,255,.08); border:1px solid rgba(79,214,255,.28); color:var(--text);
}

.pe-motivo{
  margin:14px 0 0; padding:10px 13px; border-radius:10px; font-size:12px; line-height:1.5;
  background:rgba(255,77,94,.09); border:1px solid rgba(255,77,94,.3); color:var(--danger);
}
.pe-hecho{
  margin:14px 0 0; padding:10px 13px; border-radius:10px; font-size:12px; line-height:1.5;
  background:rgba(61,220,151,.08); border:1px solid rgba(61,220,151,.3); color:var(--ok);
}

.pe-acciones{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:18px; padding-top:16px; border-top:1px solid var(--border);
}
.pe-motivo-caja{ display:flex; gap:8px; flex:1 1 100%; }
.pe-motivo-campo{
  flex:1; min-width:0; padding:9px 12px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text); font-family:inherit; font-size:12.5px;
}
.pe-motivo-campo:focus{ outline:none; border-color:var(--danger); }
.pe-error{ margin-top:8px; font-size:12px; color:var(--danger); }

@media (max-width:900px){
  .pe-dos{ grid-template-columns:1fr; gap:16px; }
}
@media (max-width:760px){
  .pe-cab{ flex-wrap:wrap; gap:10px; padding:12px; }
  .pe-cab-izq{ width:100%; }
  .pe-cab-der{ width:100%; justify-content:space-between; }
  .pe-acciones .btn{ flex:1 1 100%; }
  .pe-comprobante{ max-height:260px; }
}

.pe-req{
  margin:8px 0 12px; padding:11px 13px; border-radius:10px;
  background:rgba(255,199,64,.07); border:1px solid rgba(255,199,64,.32);
}
.pe-req-et{
  font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--warn); margin-bottom:8px;
}
.pe-req-fila{ display:flex; align-items:baseline; gap:10px; margin-bottom:5px; }
.pe-req-fila:last-child{ margin-bottom:0; }
.pe-req-p{ font-size:11px; color:var(--text-dim); flex:0 0 42%; }
.pe-req-r{
  flex:1; min-width:0; font-family:'JetBrains Mono', monospace; font-size:12.5px;
  color:var(--text); cursor:pointer; word-break:break-all;
  padding:2px 6px; border-radius:5px; transition:background .14s ease;
}
.pe-req-r:hover{ background:var(--surface-3); }

.nav-item{ position:relative; }
.nav-num{
  position:absolute; right:14px; top:50%; transform:translateY(-50%);
  min-width:19px; height:19px; padding:0 6px; border-radius:99px;
  display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono', monospace; font-size:10.5px; font-weight:700;
  background:var(--warn); color:#231400;
  box-shadow:0 0 12px -2px var(--warn);
  animation:nav-num-entra .3s cubic-bezier(.34,1.5,.64,1);
}
@keyframes nav-num-entra{
  from{ transform:translateY(-50%) scale(.4); opacity:0; }
  to{ transform:translateY(-50%) scale(1); opacity:1; }
}

body.solo-iconos .nav-num{ right:6px; top:8px; transform:none; }
body.solo-iconos .nav-num{ animation:none; }

@media (prefers-reduced-motion:reduce){
  .nav-num{ animation:none; }
}

.dom-pet{
  padding:14px 16px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--warn);
}
.dom-pet.hecha{ border-left-color:var(--ok); opacity:.62; }

.dom-pet-cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
  margin-bottom:12px;
}
.dom-pet-quien{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.dom-pet-quien strong{ font-size:13.5px; color:var(--text); }
.dom-pet-quien span{ font-size:11px; color:var(--text-dim); }
.dom-pet-key{
  flex:none; font-family:'JetBrains Mono', monospace; font-size:11.5px;
  padding:4px 9px; border-radius:6px; letter-spacing:.05em;
  background:rgba(255,255,255,.06); border:1px solid var(--border-strong);
  color:var(--text-dim);
}

.dom-pet-datos{
  display:flex; flex-direction:column; gap:6px;
  padding:12px 13px; border-radius:10px;
  background:rgba(255,199,64,.07); border:1px solid rgba(255,199,64,.3);
}
.dom-pet-dato{ display:flex; align-items:baseline; gap:12px; }
.dom-pet-p{ font-size:11px; color:var(--text-dim); flex:0 0 38%; }
.dom-pet-r{
  flex:1; min-width:0; font-family:'JetBrains Mono', monospace; font-size:13.5px;
  color:var(--text); cursor:pointer; word-break:break-all;
  padding:3px 7px; border-radius:5px; transition:background .14s ease;
}
.dom-pet-r:hover{ background:var(--surface-3); }

.dom-pet-entregar{ display:flex; gap:9px; margin-top:13px; }
.dom-pet-campo{
  flex:1; min-width:0; padding:9px 12px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text); font-family:'JetBrains Mono', monospace; font-size:12.5px;
}
.dom-pet-campo:focus{ outline:none; border-color:var(--blue); }
.dom-pet-hecha{
  margin:12px 0 0; font-size:12px; color:var(--ok);
  font-family:'JetBrains Mono', monospace; word-break:break-all;
}

.dom-separador{
  margin:10px 0 2px; font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-dim);
}

@media (max-width:760px){
  .dom-pet-cab{ flex-direction:column; gap:8px; }
  .dom-pet-dato{ flex-direction:column; gap:2px; }
  .dom-pet-p{ flex:none; }
  .dom-pet-entregar{ flex-direction:column; }
}

.cli-marcador{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(88px, 1fr));
  gap:9px; margin-bottom:16px;
}
.cli-marca{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:12px 8px; border-radius:11px;
  background:var(--surface-2); border:1px solid var(--border);
}
.cli-marca.ojo{ background:rgba(255,176,32,.08); border-color:rgba(255,176,32,.36); }
.cli-marca strong{
  font-family:'JetBrains Mono', monospace; font-size:17px; line-height:1.1;
  color:var(--blue); text-align:center; word-break:break-all;
}
.cli-marca.ojo strong{ color:var(--warn); }
.cli-marca span{
  font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--text-dim); text-align:center;
}

.cli-lista{ display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
.cli-fila{
  display:flex; align-items:center; gap:12px;
  padding:9px 12px; border-radius:9px;
  background:var(--surface-2); border:1px solid var(--border);
}
.cli-cod{
  font-family:'JetBrains Mono', monospace; font-size:11.5px; flex:none;
  letter-spacing:.05em; color:var(--blue);
}
.cli-fecha{
  flex:1; min-width:0; font-size:11.5px; color:var(--text-dim);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cli-monto{ font-family:'JetBrains Mono', monospace; font-size:12.5px; flex:none; }

@media (max-width:760px){
  .cli-fila{ flex-wrap:wrap; gap:7px; }
  .cli-fecha{ flex:1 1 100%; }
}

.tema-con-paleta{
  display:grid; grid-template-columns:minmax(0,1fr) 232px; gap:20px;
  align-items:start;
}

.paleta{
  position:sticky; top:0;
  padding:16px; border-radius:14px;
  background:var(--surface-2); border:1px solid var(--border);
}
.paleta-tit{
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-dim); margin-bottom:6px;
}
.paleta-tit.chico{ margin-top:16px; }
.paleta-sub{
  margin:0 0 14px; font-size:11px; line-height:1.5; color:var(--text-dim);
}

.paleta-previa{
  --muestra:#4fd6ff;
  display:flex; align-items:center; gap:9px;
  padding:12px 13px; margin-bottom:14px; border-radius:11px;
  background:linear-gradient(150deg, rgba(255,255,255,.05), rgba(0,0,0,.34));
  border:1px solid color-mix(in srgb, var(--muestra) 55%, transparent);
  box-shadow:0 0 22px -10px var(--muestra);
}
.paleta-previa-punto{
  width:9px; height:9px; border-radius:50%; flex:none;
  background:var(--muestra); box-shadow:0 0 10px var(--muestra);
}
.paleta-previa-txt{ flex:1; min-width:0; font-size:11px; color:var(--text-dim); }
.paleta-previa-precio{
  font-family:'JetBrains Mono', monospace; font-size:12.5px; font-weight:600;
  color:var(--muestra); text-shadow:0 0 12px color-mix(in srgb, var(--muestra) 55%, transparent);
}

.paleta-campo{ display:flex; flex-direction:column; gap:6px; }
.paleta-campo > span{ font-size:11px; color:var(--text-dim); }
.paleta-fila{ display:flex; gap:8px; }
.paleta-fila input[type="color"]{
  width:42px; height:34px; flex:none; padding:0; cursor:pointer;
  border-radius:8px; border:1px solid var(--border-strong);
  background:var(--surface-3);
}
.paleta-hex{
  flex:1; min-width:0; padding:8px 10px; border-radius:8px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text); font-family:'JetBrains Mono', monospace; font-size:12px;
  text-transform:lowercase;
}
.paleta-hex:focus{ outline:none; border-color:var(--blue); }

.paleta-swatches{
  display:grid; grid-template-columns:repeat(5, 1fr); gap:7px;
}
.paleta-swatch{
  aspect-ratio:1; border-radius:8px; cursor:pointer; padding:0;
  border:2px solid transparent;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
  transition:transform .14s ease, border-color .14s ease;
}
.paleta-swatch:hover{ transform:scale(1.1); }
.paleta-swatch.puesto{ border-color:#fff; transform:scale(1.06); }

.paleta-reset{ width:100%; margin-top:14px; }

@media (max-width:1100px){

  .tema-con-paleta{ grid-template-columns:1fr; }
  .paleta{ position:static; }
  .paleta-swatches{ grid-template-columns:repeat(9, 1fr); }
}

.rf-fila{
  padding:15px 16px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.rf-fila.revisa{ border-left-color:var(--warn); }
.rf-fila.ok{ border-left-color:var(--ok); }
.rf-fila.mal{ border-left-color:var(--danger); opacity:.72; }

.rf-cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  margin-bottom:13px;
}
.rf-quien{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.rf-quien strong{ font-size:13.5px; color:var(--text); }
.rf-anon{
  align-self:flex-start; font-size:9.5px; letter-spacing:.07em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
  background:rgba(255,255,255,.06); border:1px solid var(--border-strong);
  color:var(--text-dim);
}
.rf-meta{ font-size:11px; color:var(--text-dim); }
.rf-cab-der{ display:flex; align-items:center; gap:11px; flex:none; }
.rf-estrellas{ font-size:15px; color:#ffc740; letter-spacing:.04em; }
.rf-estrellas.cero{ color:var(--danger); }

.rf-dos{ display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:18px; align-items:start; }
.rf-txt p{
  margin:0; font-size:13px; line-height:1.6; color:var(--text);
  white-space:pre-wrap; word-break:break-word;
}
.rf-foto{
  width:100%; max-height:200px; object-fit:contain; cursor:zoom-in;
  border-radius:9px; background:#000; border:1px solid var(--border-strong);
}
.rf-sin-foto{
  display:flex; align-items:center; justify-content:center;
  min-height:80px; border-radius:9px; font-size:11px;
  border:1px dashed var(--border-strong); color:var(--text-dim);
}

@media (max-width:900px){
  .rf-dos{ grid-template-columns:1fr; }
  .rf-foto{ max-height:240px; }
}
@media (max-width:760px){
  .rf-cab{ flex-direction:column; gap:9px; }
  .rf-cab-der{ width:100%; justify-content:space-between; }
}

.view[data-view="chat"] .grid-stats,
.view[data-view="remplazos"] .grid-stats,
.view[data-view="credito"] .grid-stats,
.view[data-view="pedidos"] .grid-stats,
.view[data-view="referencias"] .grid-stats{ margin-bottom:32px; }
.view[data-view="pedidos"] .st-tabs,
.view[data-view="referencias"] .st-tabs{ margin-bottom:26px; }

.cr-fila{
  padding:15px 16px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.cr-fila.revisa{ border-left-color:var(--warn); }
.cr-fila.ok{ border-left-color:var(--ok); }
.cr-fila.mal{ border-left-color:var(--danger); opacity:.72; }
.cr-fila.espera{ opacity:.62; }

.cr-cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  margin-bottom:9px;
}
.cr-quien{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.cr-quien strong{ font-size:13.5px; color:var(--text); }
.cr-meta{ font-size:11px; color:var(--text-dim); text-transform:none; }
.cr-cab-der{ display:flex; align-items:center; gap:12px; flex:none; }
.cr-monto{
  font-size:19px; color:var(--text); font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.cr-fila.ok .cr-monto{ color:var(--ok); }

.cr-saldo-hoy{
  font-size:11px; color:var(--text-dim); margin-bottom:11px;
}

.cr-dos{ display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:18px; align-items:start; }
.cr-datos{ display:flex; flex-direction:column; gap:7px; }
.cr-dato{ display:flex; gap:9px; align-items:baseline; }
.cr-dato-et{
  flex:none; width:88px; font-size:10px; letter-spacing:.07em; text-transform:uppercase;
  color:var(--text-faint);
}
.cr-dato-val{ font-size:13px; color:var(--text); word-break:break-word; }
.cr-foto{
  width:100%; max-height:220px; object-fit:contain; cursor:zoom-in;
  border-radius:9px; background:#000; border:1px solid var(--border-strong);
}
.cr-sin-datos{
  padding:10px 12px; border-radius:9px; font-size:11.5px; line-height:1.5;
  border:1px dashed var(--border-strong); color:var(--text-dim);
}

.cr-mov{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 15px; border-radius:11px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--ok);
}
.cr-mov.baja{ border-left-color:var(--danger); }
.cr-mov-izq{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.cr-mov-izq strong{ font-size:13px; color:var(--text); }
.cr-mov-nota{ font-size:11.5px; color:var(--text-dim); line-height:1.45; }
.cr-mov-der{ flex:none; text-align:right; display:flex; flex-direction:column; gap:1px; }
.cr-mov-num{ font-size:15px; color:var(--ok); font-variant-numeric:tabular-nums; }
.cr-mov.baja .cr-mov-num{ color:var(--danger); }
.cr-mov-saldo{ font-size:10.5px; color:var(--text-dim); }
.cr-mov-quien{ font-size:10px; color:var(--text-faint); }

.cr-ajuste{ padding:4px 2px 2px; max-width:620px; }
.cr-paso{ margin-bottom:6px; }
.cr-paso .mini-label:first-child{ margin-top:0; }
.cr-paso input{ width:100%; }
.cr-hint{ margin-top:6px; font-size:11px; line-height:1.5; color:var(--text-dim); }

.cr-buscador input{ width:100%; }
.cr-resultados{
  display:flex; flex-direction:column; gap:5px;
  margin-top:8px; max-height:230px; overflow-y:auto;
}
.cr-cliente{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:9px 12px; border-radius:9px; cursor:pointer; font:inherit; text-align:left;
  background:var(--surface-3); border:1px solid var(--border);
  transition:border-color .16s, background .16s;
}
.cr-cliente:hover{ border-color:var(--border-strong); }
.cr-cliente.activo{
  border-color:var(--blue); background:rgba(79,214,255,.09);
  box-shadow:0 0 0 3px rgba(79,214,255,.14);
}
.cr-cliente strong{ font-size:13px; color:var(--text); }
.cr-cliente span{ font-size:11px; color:var(--text-dim); flex:none; }

.cr-ajuste .btn{ margin-top:14px; }
.cr-ajuste .btn:disabled{ opacity:.42; cursor:not-allowed; }

.combo-caja{ position:relative; width:100%; }
.combo-texto{
  width:100%; padding:10px 34px 10px 13px; border-radius:10px;
  background:var(--surface-2); border:1px solid var(--border);
  color:var(--text); font-family:inherit; font-size:13px;
  transition:border-color .16s, box-shadow .16s;
}
.combo-texto:focus{
  outline:none; border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(79,214,255,.14);
}
.combo-caja.puesto .combo-texto{ border-color:var(--blue); }

.combo-flecha{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  pointer-events:none; font-size:10px; color:var(--text-faint);
  transition:transform .15s ease;
}
.combo-caja.abierta .combo-flecha{ transform:translateY(-50%) rotate(180deg); }

.combo-x{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; padding:0; border:0; border-radius:6px;
  background:var(--surface-3); color:var(--text-dim);
  font-size:15px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .14s, color .14s;
}
.combo-x:hover{ background:var(--danger); color:#fff; }

.combo-lista{
  position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px);
  max-height:250px; overflow-y:auto; padding:4px;
  border-radius:11px; text-align:left;
  background:var(--surface); border:1px solid var(--border-strong);
  box-shadow:0 18px 44px rgba(0,0,0,.62);
  scrollbar-width:thin;
  scrollbar-color:var(--border-strong) transparent;
}
.combo-op{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; padding:9px 11px; border:0; border-radius:8px;
  background:none; color:var(--text);
  font-family:inherit; font-size:13px; text-align:left; cursor:pointer;
}
.combo-op:hover,
.combo-op.marcada{ background:rgba(79,214,255,.12); }
.combo-op strong{ font-weight:600; font-size:13px; }
.combo-op span{ font-size:11px; color:var(--text-dim); flex:none; white-space:nowrap; }
.combo-nada{ padding:12px 11px; font-size:12.5px; color:var(--text-dim); }

.up-informe-disenos{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px;
}
.up-diseno-informe{
  display:flex; flex-direction:column; gap:8px; padding:12px;
  background:var(--surface-2); border:1px solid var(--border); border-radius:12px;
  cursor:pointer; text-align:left; font-family:inherit;
  transition:border-color .14s ease, background .14s ease;
}
.up-diseno-informe:hover{ border-color:var(--border-strong); background:var(--surface-3); }
.up-diseno-informe.elegido{ border-color:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.up-diseno-informe-nombre{ font-size:12.5px; font-weight:700; color:var(--text); }
.up-diseno-informe-pie{ font-size:10.5px; color:var(--text-dim); margin-top:-6px; }
.up-diseno-informe-mini{
  display:flex; align-items:center; gap:8px; border-radius:8px;
  background:rgba(6,10,14,.65); border:1px solid rgba(79,214,255,.25);
  padding:8px 10px; pointer-events:none;
}
.up-diseno-informe-ico{ font-size:13px; color:var(--blue); flex:none; }
.up-diseno-informe-cuerpo{ display:flex; align-items:baseline; gap:6px; min-width:0; }
.up-diseno-informe-etq{ font-size:10px; color:var(--text-dim); text-transform:uppercase; }
.up-diseno-informe-val{ font-family:var(--font-mono); font-size:13px; color:var(--text); }

.up-diseno-informe-simple .up-diseno-informe-mini{ padding:10px; }

.up-diseno-informe-ticker .up-diseno-informe-mini{
  padding:5px 8px 5px 10px; border-left:3px solid var(--blue); border-radius:6px;
}
.up-diseno-informe-ticker .up-diseno-informe-val{ font-size:11px; }

.up-diseno-informe-insignia .up-diseno-informe-ico{
  width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(79,214,255,.18);
}

.up-diseno-informe-consola .up-diseno-informe-mini{
  flex-direction:column; align-items:stretch; gap:0; padding:0;
  background:#050807; border-color:rgba(124,252,154,.3);
}
.up-diseno-informe-consola .up-diseno-informe-mini::before{
  content:'● ● ●'; display:block; font-size:6px; letter-spacing:2px;
  color:rgba(255,255,255,.25); padding:4px 8px; border-bottom:1px solid rgba(255,255,255,.06);
}
.up-diseno-informe-consola .up-diseno-informe-cuerpo{ padding:6px 10px 8px; }
.up-diseno-informe-consola .up-diseno-informe-ico{ display:none; }
.up-diseno-informe-consola .up-diseno-informe-etq,
.up-diseno-informe-consola .up-diseno-informe-val{ color:#7CFC9A; font-family:var(--font-mono); }
.up-diseno-informe-consola .up-diseno-mejora-cab,
.up-diseno-informe-consola .up-diseno-mejora-txt{ padding:6px 10px 0; }
.up-diseno-informe-consola .up-diseno-mejora-cab{ padding-bottom:0; }
.up-diseno-informe-consola .up-diseno-mejora-txt{ padding-bottom:8px; }
.up-diseno-informe-consola .up-diseno-mejora-tit,
.up-diseno-informe-consola .up-diseno-mejora-fecha,
.up-diseno-informe-consola .up-diseno-mejora-txt{ color:#7CFC9A; font-family:var(--font-mono); }

.up-diseno-informe-monitor .up-diseno-informe-mini{
  position:relative; padding:12px 10px 14px;
  background:rgba(79,214,255,.09);
}
.up-diseno-informe-monitor .up-diseno-informe-ico{
  width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(79,214,255,.18); font-size:14px;
}
.up-diseno-informe-monitor .up-diseno-informe-mini::after{
  content:''; position:absolute; left:8px; right:8px; bottom:4px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--blue), #7CFC9A);
}

.up-diseno-informe-glitch .up-diseno-informe-mini{ background:#0a0a0d; }
.up-diseno-informe-glitch .up-diseno-informe-val{
  animation:up-informe-glitch 3.4s steps(1) infinite;
}
@keyframes up-informe-glitch{
  0%, 90%, 100%{ text-shadow:none; }
  93%{ text-shadow:-1px 0 var(--blue), 1px 0 #ff5a7a; }
}

.up-diseno-informe-linea .up-diseno-informe-mini{ padding:4px 8px; }
.up-diseno-informe-linea .up-diseno-informe-ico{ font-size:10px; }
.up-diseno-informe-linea .up-diseno-informe-val{ font-size:10px; }

.up-diseno-informe-pildora .up-diseno-informe-mini{
  width:fit-content; border-radius:99px; padding:6px 14px 6px 8px;
}
.up-diseno-informe-pildora .up-diseno-informe-cuerpo{ flex-direction:column-reverse; gap:0; }

.up-diseno-informe-rectangulo .up-diseno-informe-mini{ padding:10px; }

.up-diseno-informe-cuadrado .up-diseno-informe-mini{
  width:64px; flex-direction:column; align-items:center; text-align:center; gap:2px;
}
.up-diseno-informe-cuadrado .up-diseno-informe-cuerpo{ flex-direction:column; align-items:center; gap:0; }
.up-diseno-informe-cuadrado .up-diseno-informe-etq{ font-size:8px; }

.up-diseno-informe-grande .up-diseno-informe-mini{ padding:16px 12px; }
.up-diseno-informe-grande .up-diseno-informe-ico{ font-size:18px; }
.up-diseno-informe-grande .up-diseno-informe-val{ font-size:17px; }

.up-diseno-informe-circular .up-diseno-informe-mini{
  width:64px; height:64px; border-radius:50%;
  flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:1px;
}
.up-diseno-informe-circular .up-diseno-informe-ico{ font-size:13px; }
.up-diseno-informe-circular .up-diseno-informe-cuerpo{ flex-direction:column; align-items:center; gap:0; }
.up-diseno-informe-circular .up-diseno-informe-etq{ font-size:7px; }
.up-diseno-informe-circular .up-diseno-informe-val{ font-size:11px; }

.up-diseno-informe-neon .up-diseno-informe-mini{
  border-color:rgba(124,252,154,.55);
  animation:up-diseno-neon-late 2.6s ease-in-out infinite;
}
@keyframes up-diseno-neon-late{
  0%, 100%{ box-shadow:0 0 0 rgba(124,252,154,0); }
  50%{ box-shadow:0 0 10px rgba(124,252,154,.45); }
}

.up-diseno-informe-papel .up-diseno-informe-mini{
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0 2px, transparent 2px 4px), var(--surface-2);
  border-style:dashed;
}
.up-diseno-informe-papel .up-diseno-informe-val{ color:#e8c98a; }

.up-diseno-informe-destello .up-diseno-informe-mini{ position:relative; overflow:hidden; }
.up-diseno-informe-destello .up-diseno-informe-mini::after{
  content:''; position:absolute; top:0; bottom:0; width:30%; left:-40%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
  animation:up-diseno-destello 3.2s ease-in-out infinite;
}
@keyframes up-diseno-destello{ 0%,60%{ left:-40%; } 100%{ left:120%; } }

.up-diseno-informe-cristal .up-diseno-informe-mini{
  background:linear-gradient(165deg, rgba(255,255,255,.1), rgba(0,0,0,.8));
  border-color:rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}

.up-diseno-novedad-mini{ align-items:center; }
.up-diseno-novedad-foto{
  display:none; width:30px; height:30px; flex:none; border-radius:8px;
  align-items:center; justify-content:center; font-size:15px;
  background:linear-gradient(135deg, rgba(79,214,255,.35), rgba(124,252,154,.25));
}
.up-diseno-novedad-cuerpo{ display:flex; flex-direction:column; align-items:flex-start; gap:1px; min-width:0; }
.up-diseno-novedad-cuerpo .up-diseno-informe-etq{
  text-transform:none; font-size:11px; color:var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100px;
}
.up-diseno-novedad-cuerpo .up-diseno-informe-val{ font-size:11px; color:#7CFC9A; }

.up-diseno-informe-cinta .up-diseno-informe-mini{ width:fit-content; padding:6px 12px; border-radius:99px; }
.up-diseno-informe-cinta .up-diseno-novedad-cuerpo{ flex-direction:row; align-items:center; gap:6px; }

.up-diseno-informe-marquesina .up-diseno-informe-mini{
  width:fit-content; padding:6px 12px; border-radius:99px; overflow:hidden;
}
.up-diseno-informe-marquesina .up-diseno-novedad-cuerpo{
  flex-direction:row; align-items:center; gap:6px;
  animation:up-diseno-marquesina 3.5s linear infinite;
}
@keyframes up-diseno-marquesina{ 0%,15%{ transform:translateX(0); } 85%,100%{ transform:translateX(-6px); } }

.up-diseno-informe-fichas .up-diseno-informe-mini{
  position:relative; padding:10px 14px 10px 10px; overflow:hidden;
}
.up-diseno-informe-fichas .up-diseno-novedad-foto{ display:flex; }
.up-diseno-informe-fichas .up-diseno-informe-mini::after{
  content:''; position:absolute; top:6px; bottom:6px; right:-6px; width:10px;
  border-radius:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
}

.up-diseno-informe-lista .up-diseno-informe-mini{ padding:8px 10px; }
.up-diseno-informe-lista .up-diseno-novedad-cuerpo{
  flex-direction:row-reverse; align-items:center; gap:8px; width:100%; justify-content:space-between;
}

.up-diseno-informe-sello .up-diseno-informe-mini{
  width:fit-content; border-radius:99px; padding:7px 14px;
  background:rgba(79,214,255,.1);
}
.up-diseno-informe-sello .up-diseno-novedad-cuerpo{ flex-direction:row; align-items:center; gap:6px; }

.up-diseno-informe-mosaico .up-diseno-informe-mini{ position:relative; padding:10px; }
.up-diseno-informe-mosaico .up-diseno-novedad-foto{ display:flex; position:relative; z-index:2; }
.up-diseno-informe-mosaico .up-diseno-informe-mini::before{
  content:''; position:absolute; top:4px; right:6px; width:26px; height:26px;
  border-radius:7px; background:rgba(255,255,255,.07); z-index:1;
}

#up-novedades-disenos .up-diseno-novedad-foto{ display:flex; }

.up-diseno-mejora-mini{ flex-direction:column; align-items:stretch; gap:4px; text-align:left; }
.up-diseno-mejora-cab{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.up-diseno-mejora-tit{
  font-size:11.5px; font-weight:700; color:var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.up-diseno-mejora-fecha{ font-size:9.5px; color:var(--blue); flex:none; font-family:var(--font-mono); }
.up-diseno-mejora-txt{
  margin:0; font-size:10px; color:var(--text-dim); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.up-diseno-informe-tarjetas .up-diseno-informe-mini{ position:relative; }
.up-diseno-informe-tarjetas .up-diseno-informe-mini::after{
  content:''; position:absolute; top:6px; right:6px; width:12px; height:12px;
  border-radius:3px; border:1px solid rgba(79,214,255,.35);
}

.up-diseno-informe-compacta .up-diseno-informe-mini{ flex-direction:row; align-items:center; padding:8px 10px; }
.up-diseno-informe-compacta .up-diseno-mejora-cab{ flex:1; }
.up-diseno-informe-compacta .up-diseno-mejora-txt{ display:none; }

.up-diseno-informe-revista .up-diseno-informe-mini{ padding:14px; gap:6px; }
.up-diseno-informe-revista .up-diseno-mejora-tit{ font-size:13.5px; }
.up-diseno-informe-revista .up-diseno-mejora-txt{ font-size:11px; }

.up-diseno-informe-ticket .up-diseno-mejora-cab{
  border-bottom:1px dashed rgba(255,255,255,.18); padding-bottom:5px; margin-bottom:1px;
}

.up-diseno-informe-acordeon .up-diseno-informe-mini{ flex-direction:row; align-items:center; padding:8px 10px; }
.up-diseno-informe-acordeon .up-diseno-mejora-cab{ flex:1; }
.up-diseno-informe-acordeon .up-diseno-mejora-txt{ display:none; }
.up-diseno-informe-acordeon .up-diseno-mejora-tit::after{ content:'▾'; margin-left:6px; opacity:.5; }

.up-son-ops{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
.up-son-op{
  display:flex; flex-direction:column; gap:8px; padding:12px;
  background:var(--surface-2); border:1px solid var(--border); border-radius:12px;
  cursor:pointer; text-align:left; font-family:inherit;
  transition:border-color .14s ease, background .14s ease;
}
.up-son-op:hover{ border-color:var(--border-strong); background:var(--surface-3); }
.up-son-op.elegido{ border-color:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.up-son-op-mini{
  display:flex; align-items:center; justify-content:center; height:46px;
  border-radius:8px; background:rgba(79,214,255,.06); border:1px solid rgba(79,214,255,.22);
  color:var(--blue); pointer-events:none;
}
.up-son-op-mini svg{ width:100%; height:100%; }
.up-son-op-nombre{ font-size:12.5px; font-weight:700; color:var(--text); }
.up-son-op-tag{ font-size:10.5px; color:var(--text-dim); margin-top:-6px; }

.up-informe-stats{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:8px;
}
.up-stat-check{
  display:flex; align-items:center; gap:9px; padding:9px 11px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border);
  cursor:pointer; font-size:13px; color:var(--text);
  transition:border-color .14s ease;
}
.up-stat-check:hover{ border-color:var(--border-strong); }
.up-stat-check input{ accent-color:var(--blue); width:16px; height:16px; flex:none; }

.bk-buzon-error{
  display:flex; flex-direction:column; gap:4px;
  padding:14px 16px; margin-bottom:16px; border-radius:12px;
  background:rgba(255,77,94,.12); border:1px solid rgba(255,77,94,.5);
}
.bk-buzon-error strong{ color:#ff8095; font-size:14px; }
.bk-buzon-error span{ color:var(--text-dim); font-size:12.5px; line-height:1.5; }

.cr-saldo-tabla{ display:flex; flex-direction:column; gap:10px; }
.cr-saldo-fila{
  border-radius:13px; padding:14px 16px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--signal);
  transition:border-color .15s ease, background .15s ease;
}
.cr-saldo-fila:hover{ background:var(--surface-3); border-color:var(--border-strong); }
.cr-saldo-fila.neg{ border-left-color:var(--danger); }
.cr-saldo-cab{ display:flex; align-items:center; gap:12px; }
.cr-saldo-avatar{
  flex:none; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:700; color:var(--blue);
  background:rgba(79,214,255,.12); border:1px solid rgba(79,214,255,.3);
}
.cr-saldo-quien{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.cr-saldo-quien strong{ font-size:13.5px; color:var(--text); }
.cr-saldo-quien span{ font-size:11px; color:var(--text-dim); }
.cr-saldo-monto{
  font-family:var(--font-mono); font-size:17px; font-weight:700; color:var(--signal);
  flex:none; padding:4px 12px; border-radius:99px;
  background:rgba(61,220,151,.12); border:1px solid rgba(61,220,151,.3);
}
.cr-saldo-fila.neg .cr-saldo-monto{ color:var(--danger); background:rgba(255,77,94,.12); border-color:rgba(255,77,94,.32); }
.cr-saldo-acc{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:12px; padding-top:12px; border-top:1px solid var(--border);
}
.cr-saldo-in{ width:92px; flex:none; }
.cr-saldo-nota{ flex:1; min-width:140px; }

@media (max-width:900px){
  .cr-dos{ grid-template-columns:1fr; }
  .cr-foto{ max-height:260px; }
}
@media (max-width:760px){
  .cr-cab{ flex-direction:column; gap:9px; }
  .cr-cab-der{ width:100%; justify-content:space-between; }
  .cr-mov{ flex-direction:column; align-items:flex-start; gap:8px; }
  .cr-mov-der{ text-align:left; }
}

.rp-fila{
  padding:15px 16px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.rp-fila.revisa{ border-left-color:var(--warn); }
.rp-fila.ok{ border-left-color:var(--ok); }
.rp-fila.mal{ border-left-color:var(--danger); opacity:.75; }

.rp-cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  margin-bottom:13px;
}
.rp-quien{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.rp-quien strong{ font-size:13.5px; color:var(--text); }
.rp-meta{ font-size:11px; color:var(--text-dim); }
.rp-cab-der{ display:flex; align-items:center; gap:9px; flex:none; }
.rp-chapa{
  font-size:9px; letter-spacing:.08em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
}
.rp-chapa.cadena{
  background:rgba(255,179,64,.12); border:1px solid rgba(255,179,64,.4); color:var(--warn);
}

.rp-chapa.caduca{
  background:rgba(255,77,94,.13); border:1px solid rgba(255,77,94,.42); color:var(--danger);
}

.rp-chapa.dura{
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}

.rp-dos{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rp-col{
  padding:12px 14px; border-radius:10px;
  background:var(--surface-3); border:1px solid var(--border);
}
.rp-col-tit{
  font-size:10px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--text-faint); margin-bottom:9px;
}
.rp-dato{ display:flex; align-items:baseline; gap:8px; margin-bottom:7px; }
.rp-dato-et{
  flex:none; width:78px; font-size:10px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--text-faint);
}
.rp-dato-val{
  flex:1; min-width:0; font-family:ui-monospace, monospace; font-size:12.5px;
  color:var(--text); word-break:break-all;
}

.rp-dato.malo .rp-dato-val{
  color:#ff8f8f;
  text-decoration:underline; text-decoration-color:rgba(255,77,94,.5);
  text-underline-offset:3px;
}
.rp-copiar{
  flex:none; padding:3px 8px; border-radius:6px; cursor:pointer; font:inherit; font-size:10px;
  background:rgba(255,255,255,.05); color:var(--text-dim);
  border:1px solid var(--border);
  transition:color .16s, background .16s;
}
.rp-copiar:hover{ color:var(--text); background:rgba(255,255,255,.1); }

.rp-info{ display:flex; flex-direction:column; gap:3px; margin-top:10px;
  padding-top:9px; border-top:1px solid var(--border); }
.rp-info-x{ font-size:11.5px; color:var(--text-dim); word-break:break-all; }

.rp-juicio{
  display:flex; flex-direction:column; gap:2px;
  margin-top:12px; padding:11px 14px; border-radius:10px;
}
.rp-juicio strong{ font-size:12.5px; }
.rp-juicio span{ font-size:11.5px; line-height:1.5; color:var(--text-dim); }
.rp-juicio.igual{ background:rgba(94,234,212,.08); border:1px solid rgba(94,234,212,.28); }
.rp-juicio.igual strong{ color:var(--ok); }
.rp-juicio.distinto{ background:rgba(255,179,64,.08); border:1px solid rgba(255,179,64,.3); }
.rp-juicio.distinto strong{ color:var(--warn); }

.rp-nota, .rp-origen{
  display:flex; flex-direction:column; gap:2px;
  margin-top:10px; padding:10px 13px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border);
}
.rp-nota strong, .rp-origen strong{
  font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint);
}
.rp-nota span, .rp-origen span{ font-size:12px; line-height:1.5; color:var(--text); }
.rp-origen.si strong{ color:var(--ok); }
.rp-origen.no strong{ color:var(--danger); }

.rp-acciones{ flex-wrap:wrap; }
.rp-dar-cuenta{
  flex-basis:100%; display:flex; flex-direction:column; gap:8px;
  margin-top:10px; padding:14px; border-radius:10px;
  background:var(--surface-3); border:1px solid var(--blue);
  box-shadow:0 0 0 3px rgba(79,214,255,.1);
}
.rp-cuenta-tit{ font-size:12.5px; color:var(--text); font-weight:600; }
.rp-cuenta-campo{
  width:100%; font-family:ui-monospace, monospace; font-size:12.5px; resize:vertical;
}
.rp-cuenta-pie{ font-size:10.5px; line-height:1.5; color:var(--text-dim); }
.rp-cuenta-extra{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.rp-cuenta-orden{ width:100%; font-size:12px; }
.rp-dar-cuenta .btn{ align-self:flex-start; }

.rp-barra{ margin-bottom:13px; }
.rp-barra-et{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:5px; }
.rp-barra-et span{ font-size:12.5px; color:var(--text); }
.rp-barra-et strong{ font-size:13px; color:var(--warn); font-variant-numeric:tabular-nums; }
.rp-barra-via{ height:7px; border-radius:99px; background:var(--surface-3); overflow:hidden; }
.rp-barra-relleno{
  height:100%; border-radius:99px;
  background:linear-gradient(90deg, var(--warn), var(--danger));
}
.rp-barra-pend{ display:block; margin-top:4px; font-size:10.5px; color:var(--text-dim); }

.rp-dar{
  margin-top:22px; padding:18px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border-strong);
}
.rp-dar-tit{ font-size:14px; color:var(--text); font-weight:600; margin-bottom:5px; }
.rp-dar-txt{ margin:0 0 14px; font-size:12px; line-height:1.6; color:var(--text-dim); max-width:70ch; }
.rp-dar-txt strong{ color:var(--text); }
.rp-dar-nums{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.rp-dar-num{
  display:flex; flex-direction:column; gap:1px; min-width:120px;
  padding:11px 14px; border-radius:10px;
  background:var(--surface-3); border:1px solid var(--border);
}
.rp-dar-num strong{ font-size:20px; font-variant-numeric:tabular-nums; }
.rp-dar-num span{ font-size:10.5px; color:var(--text-dim); }
.rp-dar-num.ok strong{ color:var(--ok); }
.rp-dar-num.gris strong{ color:var(--text); }
.rp-dar-num.mal strong{ color:var(--danger); }
.rp-dar-botones{ display:flex; gap:9px; flex-wrap:wrap; }
.rp-dar .btn:disabled{ opacity:.42; cursor:not-allowed; }

@media (max-width:900px){
  .rp-dos{ grid-template-columns:1fr; }
  .rp-cuenta-extra{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .rp-cab{ flex-direction:column; gap:9px; }
  .rp-cab-der{ width:100%; justify-content:space-between; }
}

.rp-foto{
  margin-top:12px; padding:12px 14px; border-radius:10px;
  background:var(--surface-3); border:1px solid var(--border);
}
.rp-foto img{
  display:block; width:100%; max-width:520px; max-height:340px; object-fit:contain;
  margin-top:8px; cursor:zoom-in;
  border-radius:9px; background:#000; border:1px solid var(--border-strong);
}

.ch-dos{
  display:grid; grid-template-columns:270px minmax(0,1fr); gap:16px;
  height:calc(100vh - 260px); min-height:420px;
}

.ch-canales{
  display:flex; flex-direction:column; gap:5px; overflow-y:auto;
  padding:10px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
}
.ch-sep{
  margin:12px 4px 4px; font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint);
}
.ch-canal{
  display:flex; align-items:center; gap:10px; width:100%;
  padding:10px 11px; border-radius:10px; cursor:pointer; font:inherit; text-align:left;
  background:transparent; border:1px solid transparent;
  transition:background .16s, border-color .18s;
}
.ch-canal:hover{ background:var(--surface-3); }
.ch-canal.activo{
  background:rgba(79,214,255,.1); border-color:var(--blue);
}
.ch-canal-ico{ font-size:16px; flex:none; }
.ch-canal-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ch-canal-txt strong{ font-size:12.5px; color:var(--text); }

.ch-canal-txt span{
  font-size:10.5px; color:var(--text-dim);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ch-canal-num{
  flex:none; min-width:18px; padding:1px 6px; border-radius:99px;
  font-size:10px; font-weight:700; text-align:center;
  background:var(--danger); color:#fff;
}

.ch-sala{
  position:relative; display:flex; flex-direction:column; min-width:0;
  border-radius:12px; overflow:hidden;
  background:var(--surface-2); border:1px solid var(--border);
}
.ch-cab{
  display:flex; align-items:center; gap:11px; flex:none;
  padding:13px 16px; border-bottom:1px solid var(--border);
}
.ch-cab-ico{ font-size:18px; }
.ch-cab-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ch-cab-txt strong{ font-size:13.5px; color:var(--text); }
.ch-cab-txt span{ font-size:11px; color:var(--text-dim); }

.ch-mensajes{
  flex:1; min-height:0; overflow-y:auto;

  overflow-x:hidden;
  display:flex; flex-direction:column; gap:9px;
  padding:16px 32px;
}

.ch-msg{
  display:flex; flex-direction:column; gap:2px;
  align-self:flex-start; max-width:min(560px, 78%);
}
.ch-msg.mio{ align-self:flex-end; align-items:flex-end; }
.ch-msg-quien{ font-size:10.5px; color:var(--text-dim); padding-left:3px; }

.ch-msg-quien.jefe{ color:var(--blue); font-weight:600; }

.ch-msg-globo{ position:relative; }
.ch-msg-txt{
  padding:9px 13px; border-radius:13px 13px 13px 4px;
  font-size:13px; line-height:1.5; color:var(--text);
  white-space:pre-wrap; word-break:break-word;
  background:var(--surface-3); border:1px solid var(--border);
}
.ch-msg-editado{
  display:block; margin-top:2px; padding:0 4px;
  font-size:9.5px; font-style:italic; color:var(--text-faint);
}

.ch-menu{ position:absolute; top:2px; right:-26px; }
.ch-msg.mio .ch-menu{ right:auto; left:-26px; }
.ch-menu-btn{
  width:22px; height:22px; border-radius:6px; cursor:pointer; font:inherit;
  line-height:1; padding:0;
  background:transparent; color:var(--text-faint); border:0;
  opacity:0; transition:opacity .16s, color .16s, background .16s;
}

.ch-msg:hover .ch-menu-btn,
.ch-menu.abierto .ch-menu-btn{ opacity:1; }
.ch-menu-btn:hover{ color:var(--text); background:var(--surface-3); }

.ch-menu-ops{
  position:absolute; top:26px; right:0; z-index:5; min-width:150px;
  display:none; flex-direction:column; gap:2px; padding:5px;
  border-radius:9px;
  background:var(--surface-2); border:1px solid var(--border-strong);
  box-shadow:0 12px 30px -10px rgba(0,0,0,.8);
}

.ch-msg:not(.mio) .ch-menu-ops{ right:auto; left:0; }

.ch-menu.abierto .ch-menu-ops{ display:flex; }
.ch-menu-op{
  padding:7px 10px; border-radius:7px; cursor:pointer; font:inherit;
  font-size:12px; text-align:left; white-space:nowrap;
  background:transparent; color:var(--text); border:0;
  transition:background .14s;
}
.ch-menu-op:hover{ background:var(--surface-3); }
.ch-menu-op.malo{ color:var(--danger); }
.ch-menu-op.malo:hover{ background:rgba(255,77,94,.12); }

.ch-editando{ display:flex; flex-direction:column; gap:7px; min-width:min(420px, 60vw); }
.ch-editando textarea{
  width:100%; resize:vertical; min-height:56px;
  font-size:13px; line-height:1.5;
}
.ch-editando-btns{ display:flex; gap:7px; }

@media (max-width:900px){

  .ch-menu{ right:4px; top:4px; }
  .ch-msg.mio .ch-menu{ left:auto; right:4px; }
  .ch-menu-btn{ opacity:.55; }
  .ch-msg-txt{ padding-right:32px; }
  .ch-editando{ min-width:0; }
}
.ch-msg.mio .ch-msg-txt{
  border-radius:13px 13px 4px 13px;
  background:rgba(79,214,255,.13); border-color:rgba(79,214,255,.32);
}
.ch-msg-hora{ font-size:9.5px; color:var(--text-faint); padding:0 4px; }

.ch-vacio{
  margin:auto; display:flex; flex-direction:column; align-items:center; gap:4px;
  text-align:center; max-width:34ch;
}
.ch-vacio-ico{ font-size:30px; opacity:.5; }
.ch-vacio strong{ font-size:13.5px; color:var(--text); }
.ch-vacio span{ font-size:12px; line-height:1.5; color:var(--text-dim); }

.ch-escribir{
  display:flex; align-items:flex-end; gap:9px; flex:none;
  padding:11px 13px; border-top:1px solid var(--border);
}
.ch-escribir textarea{
  flex:1; min-height:40px; max-height:150px; resize:none;
  font-size:13px; line-height:1.5;
}
.ch-escribir .btn{ flex:none; }

.ch-bajar{
  position:absolute; left:50%; bottom:74px; transform:translateX(-50%);
  padding:7px 15px; border-radius:99px; cursor:pointer; font:inherit;
  font-size:11.5px; font-weight:600; color:#0b0d10;
  background:var(--blue); border:0;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.8);
  animation:aviso-sube .3s cubic-bezier(.16,1,.3,1);
}
@keyframes aviso-sube{ from{ opacity:0; transform:translate(-50%, 10px); }
                       to{ opacity:1; transform:translateX(-50%); } }

.view[data-view="chat"] .pe-error{ padding:0 13px 10px; }

@media (max-width:900px){

  .ch-dos{ grid-template-columns:1fr; height:auto; }
  .ch-canales{ flex-direction:row; overflow-x:auto; overflow-y:hidden; }
  .ch-canal{ width:auto; flex:none; min-width:170px; }
  .ch-sep{ display:none; }
  .ch-sala{ height:62vh; min-height:380px; }
}

.nav-num.urge{
  background:var(--danger);
  animation:num-late 2s ease-in-out infinite;
}
@keyframes num-late{
  0%, 100%{ box-shadow:0 0 0 0 rgba(255,77,94,.55); }
  50%{ box-shadow:0 0 0 5px rgba(255,77,94,0); }
}

.btn{ transition:transform .12s cubic-bezier(.16,1,.3,1), filter .16s, box-shadow .2s; }
.btn:active:not(:disabled){ transform:translateY(1px) scale(.985); }
.btn:not(.ghost):not(.danger):not(:disabled):hover{ filter:brightness(1.07); }

.btn:focus-visible,
.nav-item:focus-visible,
.st-tab:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}

.stat-card{ transition:transform .18s cubic-bezier(.16,1,.3,1), border-color .2s, box-shadow .22s; }
.stat-card:hover{
  transform:translateY(-2px);
  border-color:var(--border-strong);
  box-shadow:0 14px 32px -20px rgba(0,0,0,.9);
}

.nav-item{ position:relative; transition:background .16s, color .16s, padding-left .18s; }
.nav-item::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:3px; height:0; border-radius:0 3px 3px 0;
  background:var(--blue);
  transition:height .22s cubic-bezier(.16,1,.3,1);
}
.nav-item.active::before{ height:60%; }
.nav-item:hover:not(.active){ padding-left:calc(var(--nav-pad, 14px) + 3px); }

.pe-fila, .rf-fila, .cr-fila, .rp-fila{
  transition:border-color .18s, transform .16s cubic-bezier(.16,1,.3,1);
}
.pe-fila:hover, .rf-fila:hover, .cr-fila:hover, .rp-fila:hover{
  border-color:var(--border-strong);
}

@keyframes recien-llega{
  0%{ box-shadow:0 0 0 0 rgba(79,214,255,.5); border-color:var(--blue); }
  100%{ box-shadow:0 0 0 12px rgba(79,214,255,0); }
}
.recien{ animation:recien-llega 1.4s ease-out 2; }

.esqueleto{ display:flex; flex-direction:column; gap:9px; padding:4px 0; }
.esqueleto i{
  display:block; height:56px; border-radius:11px;
  background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);
  background-size:200% 100%;
  animation:esq-brilla 1.3s linear infinite;
}
.esqueleto i:nth-child(2){ animation-delay:.12s; opacity:.75; }
.esqueleto i:nth-child(3){ animation-delay:.24s; opacity:.5; }
@keyframes esq-brilla{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }

.view.active{ animation:vista-entra .26s cubic-bezier(.16,1,.3,1); }
@keyframes vista-entra{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:none; }
}

body.sin-animaciones .nav-num.urge,
body.sin-animaciones .view.active,
body.sin-animaciones .esqueleto i,
body.sin-animaciones .recien{ animation:none !important; }
body.sin-animaciones .btn:active:not(:disabled),
body.sin-animaciones .stat-card:hover{ transform:none; }

@media (prefers-reduced-motion: reduce){
  .nav-num.urge, .view.active, .esqueleto i, .recien{ animation:none !important; }
  .btn:active:not(:disabled), .stat-card:hover{ transform:none; }
}

.cli-nota{
  margin-bottom:16px; padding:13px 15px; border-radius:11px;
  background:var(--surface-2); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
}
.cli-nota.llena{
  border-left-color:var(--warn);
  background:rgba(255,179,64,.05);
}
.cli-nota-cab{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin-bottom:8px;
}
.cli-nota-cab strong{
  font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--text-faint);
}
.cli-nota.llena .cli-nota-cab strong{ color:var(--warn); }
.cli-nota-firma{ font-size:10.5px; color:var(--text-dim); }
.cli-nota textarea{
  width:100%; resize:vertical; min-height:50px;
  font-size:13px; line-height:1.55;
}
.cli-nota-pie{ display:flex; align-items:center; gap:11px; margin-top:9px; }
.cli-nota-pie .btn:disabled{ opacity:.4; cursor:not-allowed; }
.cli-nota-aviso{ font-size:11.5px; color:var(--text-dim); }
.cli-nota-aviso.ok{ color:var(--ok); }
.cli-nota-aviso.mal{ color:var(--danger); }

.atajo-toca{
  box-shadow:0 0 0 2px var(--blue), 0 0 26px -8px var(--blue) !important;
  transition:box-shadow .16s;
}

.atajos-ayuda{
  position:fixed; right:22px; bottom:22px; z-index:500;
  min-width:270px; padding:15px 17px; border-radius:13px;
  background:rgba(12,14,18,.96);
  backdrop-filter:blur(14px) saturate(140%);
  border:1px solid var(--border-strong);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.9);
  opacity:0; transform:translateY(12px);
  transition:opacity .22s ease, transform .26s cubic-bezier(.16,1,.3,1);
}
.atajos-ayuda.entra{ opacity:1; transform:none; }
.atajos-tit{
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-faint); margin-bottom:11px;
}
.atajos-fila{ display:flex; align-items:center; gap:11px; margin-bottom:7px; }
.atajos-fila span{ font-size:12.5px; color:var(--text); }
.atajos-ayuda kbd{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:24px; height:24px; padding:0 6px; border-radius:6px;
  font-family:inherit; font-size:12px; font-weight:700; color:var(--text);
  background:var(--surface-3);
  border:1px solid var(--border-strong);
  box-shadow:0 2px 0 0 var(--border-strong);
}
.atajos-pie{
  margin-top:10px; padding-top:9px; border-top:1px solid var(--border);
  font-size:10.5px; color:var(--text-dim);
}
body.sin-animaciones .atajos-ayuda{ transition:none; opacity:1; transform:none; }

.tienda-puertas{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }

.puerta-enlace{
  display:block; width:100%; margin-top:4px; padding:8px;
  background:none; border:0; cursor:pointer; font-family:inherit;
  font-size:12px; color:var(--text-faint); text-decoration:underline;
  text-underline-offset:3px;
  transition:color .14s ease;
}
.puerta-enlace:hover{ color:var(--text-dim); }

.res-modos{ display:flex; gap:6px; margin:16px 0 14px; }
.res-modo{
  flex:1; padding:9px 10px; border-radius:var(--radius-sm); cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  color:var(--text-faint); font-family:inherit; font-size:12px;
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.res-modo:hover{ color:var(--text-dim); }
.res-modo.activo{
  background:rgba(79,214,255,.1); border-color:rgba(79,214,255,.35); color:#a8e4ff;
}

.puerta-error.es-ok{ color:var(--ok); }

.puerta-nota{
  margin:16px 0 0; padding-top:14px; border-top:1px solid var(--border);
  font-size:11.5px; line-height:1.6; color:var(--text-faint);
}

.txt-enlace{
  color:var(--blue); text-decoration:underline; text-underline-offset:2px;
  text-decoration-thickness:1px; word-break:break-word;
  transition:color .14s ease;
}
.txt-enlace:hover{ color:var(--text); }

.tk-gente-tit{
  padding:10px 4px 5px;
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--text-faint);
}
.tk-gente-nombre{ display:flex; align-items:center; gap:7px; min-width:0; }

.tk-gente-fila.desconectado{ opacity:.55; }
.tk-gente-fila.desconectado:hover{ opacity:.85; }
.tk-gente-fila.desconectado.elegido{ opacity:1; }
.tk-gente-aviso{
  margin:10px 0 0; padding:9px 12px; border-radius:var(--radius-sm);
  background:rgba(255,179,64,.08); border:1px solid rgba(255,179,64,.28);
  font-size:11.5px; line-height:1.55; color:var(--text-dim);
}

.tk-filtro-sel{ min-width:158px; }
.tk-abrir{ flex:none; }

.tk-nuevo{
  max-width:540px;
  max-height:88vh;
  display:flex; flex-direction:column;
  overflow:hidden;
}
.tk-nuevo .ficha-cabecera{ flex:none; }
.tk-nuevo .tk-nuevo-cuerpo{
  overflow-y:auto;
  overscroll-behavior:contain;
}
.tk-nuevo-cuerpo{ padding:20px 22px 22px; display:flex; flex-direction:column; gap:14px; }
.tk-nuevo-cuerpo .field{ margin:0; }
.tk-nuevo-cuerpo .hint{ margin:0; }

.tknuevo-campo{ position:relative; }
.tknuevo-arroba{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  font-family:var(--font-mono); font-size:13px; color:var(--text-faint);
  pointer-events:none;
}
.tknuevo-campo input{ padding-left:27px; }

.tknuevo-lista{

  max-height:230px; overflow-y:auto; overscroll-behavior:contain; margin-top:8px;
  border:1px solid var(--border); border-radius:var(--radius-sm);
}
.tknuevo-lista:empty{ display:none; }

.tknuevo-cli.elegido{
  background:rgba(79,214,255,.12);
  box-shadow:inset 3px 0 0 var(--blue, #4fd6ff);
}
.tknuevo-cli.elegido .tk-fila-cab strong{ color:#a8e4ff; }

.tknuevo-cli{ padding:10px 12px 10px 14px; }
.tknuevo-cli .tk-avatar{ width:32px; height:32px; font-size:13px; }

.tk-cita{
  display:flex; flex-direction:column; gap:1px; cursor:pointer;
  margin:0 0 8px; padding:6px 10px;
  border-left:2px solid var(--blue);
  border-radius:3px 8px 8px 3px;
  background:rgba(255,255,255,.05);
  transition:background .14s ease;
}
.tk-cita:hover{ background:rgba(255,255,255,.09); }
.tk-cita-quien{ font-size:10.5px; font-weight:600; color:var(--blue); }
.tk-cita-txt{
  font-size:11.5px; color:var(--text-faint); line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

.tk-msg.resaltado .tk-msg-cuerpo{ animation:cita-salta 1.6s ease-out; }

.tk-msg-cuerpo{ position:relative; }
.tk-responder-btn{
  position:absolute; top:2px; right:2px;
  width:26px; height:26px; border-radius:50%; cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  font-size:11px; line-height:1; font-family:inherit;
  opacity:0; transition:opacity .13s ease, background .14s ease;
}
.tk-msg:hover .tk-responder-btn, .tk-responder-btn:focus-visible{ opacity:1; }
.tk-responder-btn:hover{ background:var(--surface-3); }

.tk-respondiendo{
  display:flex; align-items:center; gap:10px;
  margin:0 18px; padding:8px 12px;
  border-radius:var(--radius-sm);
  background:var(--surface-2); border:1px solid var(--border);
  border-left:2px solid var(--blue);
}
.tk-resp-ico{ flex:none; font-size:13px; }
.tk-resp-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.tk-resp-txt strong{ font-size:11.5px; color:var(--text); }
.tk-resp-txt span{
  font-size:11px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tk-resp-x{
  flex:none; width:24px; height:24px; border-radius:50%; cursor:pointer;
  background:transparent; border:1px solid transparent; font-family:inherit;
  color:var(--text-faint); font-size:11px;
  transition:background .14s ease, color .14s ease;
}
.tk-resp-x:hover{ background:var(--surface-3); color:var(--text); }

@media (max-width:760px){
  .tk-responder-btn{ opacity:1; }

  .tk-msg-cab{ padding-right:28px; }
}

.ch-cita{
  display:flex; flex-direction:column; gap:1px; cursor:pointer;
  margin:-2px 0 7px; padding:5px 9px;
  border-left:2px solid var(--blue);
  border-radius:3px 7px 7px 3px;
  background:rgba(255,255,255,.05);
  transition:background .14s ease;
}
.ch-cita:hover{ background:rgba(255,255,255,.09); }
.ch-cita-quien{ font-size:10.5px; font-weight:600; color:var(--blue); }
.ch-cita-txt{
  font-size:11.5px; color:var(--text-faint); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

.ch-msg.resaltado .ch-msg-globo{ animation:cita-salta 1.6s ease-out; }
@keyframes cita-salta{
  0%, 40%{ box-shadow:0 0 0 2px var(--blue), 0 0 22px -4px var(--blue); }
  100%{ box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent; }
}

.ch-respondiendo{
  display:flex; align-items:center; gap:10px;
  margin:0 0 8px; padding:8px 12px;
  border-radius:var(--radius-sm);
  background:var(--surface-2); border:1px solid var(--border);
  border-left:2px solid var(--blue);
}
.ch-resp-ico{ flex:none; font-size:13px; }
.ch-resp-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ch-resp-txt strong{ font-size:11.5px; color:var(--text); }
.ch-resp-txt span{
  font-size:11px; color:var(--text-faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ch-resp-x{
  flex:none; width:24px; height:24px; border-radius:50%; cursor:pointer;
  background:transparent; border:1px solid transparent; font-family:inherit;
  color:var(--text-faint); font-size:11px;
  transition:background .14s ease, color .14s ease;
}
.ch-resp-x:hover{ background:var(--surface-3); color:var(--text); }

.chip-enlinea{
  display:inline-flex; align-items:center; gap:5px; margin-left:6px;
  padding:2px 8px 2px 6px; border-radius:99px;
  font-size:10px; letter-spacing:.02em;
  background:rgba(94,234,212,.1); border:1px solid rgba(94,234,212,.4); color:var(--ok);
}
.chip-enlinea::before{
  content:''; width:5px; height:5px; border-radius:50%;
  background:var(--ok); box-shadow:0 0 6px var(--ok);
  animation:latido 2s ease-in-out infinite;
}
@keyframes latido{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

.mio-tiendas{
  display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));
  align-items:start;
}
.mio-tienda-caja{ display:flex; flex-direction:column; gap:4px; min-width:0; }

.mio-equipo{
  display:grid; gap:8px;
  grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));
}
.mio-persona{
  display:flex; align-items:center; gap:10px; min-width:0;
  padding:9px 11px; border-radius:var(--radius-sm);
  background:var(--surface-2); border:1px solid var(--border);

  min-height:54px;
}
.mio-persona.fuera{ opacity:.5; }
.mio-persona-ini{
  width:30px; height:30px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--surface-3); border:1px solid var(--border);
  font-size:12px; font-weight:600; color:var(--text-dim);
}
.mio-persona-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.mio-persona-nom{ display:flex; align-items:center; gap:6px; min-width:0; }
.mio-persona-nom strong{
  font-size:12.5px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mio-persona-txt > span{ font-size:10.5px; color:var(--text-faint); }

.mio-tienda-sin{
  font-size:10.5px; color:var(--text-faint); text-decoration:none;
  padding-left:11px; transition:color .14s ease;
}
.mio-tienda-sin:hover{ color:var(--text-dim); text-decoration:underline; }

.tk-tienda{
  color:var(--blue); text-decoration:none; font-weight:600;
  padding:1px 8px; border-radius:99px;
  background:rgba(79,214,255,.1); border:1px solid rgba(79,214,255,.3);
  transition:background .14s ease, border-color .14s ease;
}
.tk-tienda:hover{ background:rgba(79,214,255,.2); border-color:rgba(79,214,255,.6); }
.mio-tienda{
  display:flex; align-items:center; gap:11px; min-width:0;
  padding:10px; border-radius:var(--radius-sm); text-decoration:none;
  background:var(--surface-2); border:1px solid var(--border);
  transition:background .14s ease, border-color .14s ease, transform .1s ease;
}
.mio-tienda:hover{
  background:var(--surface-3); border-color:var(--border-strong); transform:translateY(-1px);
}
.mio-tienda-logo{
  width:38px; height:38px; flex:none; border-radius:9px; overflow:hidden;
  background:var(--surface-3); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:15px; color:var(--text-dim);
}
.mio-tienda-logo img{ width:100%; height:100%; object-fit:cover; display:block; }
.mio-tienda-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mio-tienda-txt strong{
  font-size:12.5px; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mio-tienda-txt span{ font-size:10.5px; color:var(--blue); }

.mio-tienda.cerrada{ opacity:.6; }
.mio-tienda.cerrada .mio-tienda-txt span{ color:var(--text-faint); }

.aviso-aparato{
  display:flex; align-items:center; gap:13px; flex-wrap:wrap;
  padding:11px 18px;
  background:rgba(255,69,58,.09);
  border-bottom:1px solid rgba(255,69,58,.34);
}
.aviso-aparato-ico{ font-size:15px; color:var(--danger); flex:none; }
.aviso-aparato-txt{ flex:1; min-width:180px; display:flex; flex-direction:column; gap:2px; }
.aviso-aparato-txt strong{ font-size:12.5px; color:#ffb4b4; }
.aviso-aparato-txt span{ font-size:11.5px; color:var(--text-dim); line-height:1.5; }
.aviso-aparato .btn{ flex:none; }

.aviso-aparato-x{
  flex:none; width:26px; height:26px; border-radius:50%;
  background:transparent; border:1px solid transparent; cursor:pointer;
  color:var(--text-faint); font-size:12px; font-family:inherit;
  transition:background .14s ease, color .14s ease;
}
.aviso-aparato-x:hover{ background:rgba(255,69,58,.14); color:var(--text); }

@media (max-width:760px){
  .aviso-aparato{ padding:10px 14px; gap:9px; }
  .aviso-aparato-txt{ flex:1 1 100%; order:-1; }
}

.busc-boton{
  display:flex; align-items:center; gap:7px;
  padding:6px 11px; border-radius:9px; cursor:pointer; font:inherit;
  background:var(--surface-3); color:var(--text-dim);
  border:1px solid var(--border);
  transition:color .16s, border-color .18s, background .18s;
}
.busc-boton:hover{ color:var(--text); border-color:var(--border-strong); }
.busc-boton kbd{
  font-family:inherit; font-size:10px; padding:1px 5px; border-radius:4px;
  background:var(--surface-2); border:1px solid var(--border-strong);
  color:var(--text-faint);
}

.busc-boton.mus-lupa span{ color:var(--blue); font-size:13px; }

.mus-paleta .busc-salida{ padding:6px; }
.mus-paleta .mus-fila-btn{ opacity:1; }

@media (max-width:900px){
  .busc-boton kbd{ display:none; }
  .busc-boton{ padding:6px 9px; }
}

.busc-scrim{
  position:fixed; inset:0; z-index:600;
  display:flex; align-items:flex-start; justify-content:center;
  padding:12vh 20px 20px;
  background:rgba(0,0,0,.62); backdrop-filter:blur(3px);
  opacity:0; transition:opacity .18s ease;
}
.busc-scrim.abierto{ opacity:1; }
.busc-panel{
  width:100%; max-width:620px; max-height:70vh;
  display:flex; flex-direction:column; overflow:hidden;
  border-radius:14px;
  background:var(--surface-2);
  border:1px solid var(--border-strong);
  box-shadow:0 30px 70px -25px rgba(0,0,0,.95);
  transform:translateY(-14px) scale(.98);
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.busc-scrim.abierto .busc-panel{ transform:none; }

.busc-arriba{
  display:flex; align-items:center; gap:11px; flex:none;
  padding:14px 17px; border-bottom:1px solid var(--border);
}
.busc-lupa{ font-size:16px; }
.busc-campo{
  flex:1; border:0; background:transparent; outline:none;
  font:inherit; font-size:15px; color:var(--text);
}
.busc-campo::placeholder{ color:var(--text-faint); }
.busc-esc{
  font-family:inherit; font-size:10px; padding:2px 6px; border-radius:5px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text-faint);
}

.busc-salida{ flex:1; min-height:0; overflow-y:auto; padding:8px; }
.busc-pista{ padding:18px; text-align:center; font-size:12.5px; color:var(--text-dim); }
.busc-grupo{
  padding:10px 10px 5px; font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text-faint);
}
.busc-item{
  display:flex; align-items:center; gap:11px; width:100%;
  padding:9px 11px; border-radius:9px; cursor:pointer; font:inherit; text-align:left;
  background:transparent; border:1px solid transparent;
  transition:background .14s, border-color .16s;
}
.busc-item:hover, .busc-item:focus-visible{
  background:var(--surface-3); border-color:var(--border);
}

.busc-item:first-of-type{ border-color:var(--border); }
.busc-item-ico{ font-size:16px; flex:none; }
.busc-item-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.busc-item-txt strong{ font-size:13px; color:var(--text); }
.busc-item-txt span{
  font-size:11px; color:var(--text-dim);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.busc-chapa{
  flex:none; font-size:9.5px; letter-spacing:.07em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-dim);
}
.busc-chapa.ok{ background:rgba(94,234,212,.12); border-color:rgba(94,234,212,.4); color:var(--ok); }
.busc-chapa.avisa{ background:rgba(255,179,64,.12); border-color:rgba(255,179,64,.4); color:var(--warn); }
.busc-chapa.mal{ background:rgba(255,77,94,.12); border-color:rgba(255,77,94,.4); color:var(--danger); }

body.sin-animaciones .busc-scrim,
body.sin-animaciones .busc-panel{ transition:none; }

@media (max-width:760px){
  .busc-scrim{ padding:8vh 12px 12px; }
  .busc-boton kbd{ display:none; }
}

.urg-switch{
  display:flex; align-items:center; gap:12px;
  margin:0 0 16px; padding:12px 15px; border-radius:11px; cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .18s, background .18s;
}
.urg-switch:hover{ border-color:var(--border-strong); }
.urg-switch input{ position:absolute; opacity:0; width:0; height:0; }
.urg-bola{
  flex:none; width:38px; height:22px; border-radius:99px; position:relative;
  background:var(--surface-3); border:1px solid var(--border-strong);
  transition:background .2s, border-color .2s;
}
.urg-bola::after{
  content:''; position:absolute; top:2px; left:2px;
  width:16px; height:16px; border-radius:50%;
  background:var(--text-dim);
  transition:transform .22s cubic-bezier(.16,1,.3,1), background .2s;
}
.urg-switch input:checked + .urg-bola{
  background:rgba(255,179,64,.22); border-color:var(--warn);
}
.urg-switch input:checked + .urg-bola::after{
  transform:translateX(16px); background:var(--warn);
}
.urg-switch input:focus-visible + .urg-bola{ outline:2px solid var(--blue); outline-offset:2px; }
.urg-txt{ display:flex; flex-direction:column; gap:1px; }
.urg-txt strong{ font-size:13px; color:var(--text); }
.urg-txt > span{ font-size:11px; color:var(--text-dim); }

body.solo-urgente .view[data-view="pedidos"] .pe-fila:not(.revisa),
body.solo-urgente .view[data-view="credito"] .cr-fila:not(.revisa),
body.solo-urgente .view[data-view="remplazos"] .rp-fila:not(.revisa),
body.solo-urgente .view[data-view="referencias"] .rf-fila:not(.revisa){
  display:none;
}

.urg-vacio{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px 18px; border-radius:11px;
  background:rgba(94,234,212,.06); border:1px solid rgba(94,234,212,.28);
}
.urg-vacio-txt{ display:flex; flex-direction:column; gap:2px; }
.urg-vacio-txt strong{ font-size:13.5px; color:var(--ok); }
.urg-vacio-txt span{ font-size:12px; color:var(--text-dim); }

@media (max-width:600px){
  .urg-vacio{ flex-direction:column; align-items:flex-start; }
}

.toast-deshacer{
  flex:none; margin-left:auto; margin-right:8px;
  padding:3px 10px; border-radius:99px; cursor:pointer; font:inherit;
  font-size:10.5px; font-weight:600;
  background:rgba(79,214,255,.14); color:var(--blue);
  border:1px solid rgba(79,214,255,.4);
  transition:background .16s, color .16s;
}
.toast-deshacer:hover{ background:rgba(79,214,255,.26); color:#fff; }
.toast-deshacer:disabled{ opacity:.5; cursor:default; }

.pe-mas{
  display:block; width:100%; margin-top:14px;
  padding:12px; text-align:center;
  border-style:dashed;
}

.guia-buzon{
  margin-top:12px; padding:12px 14px;
  border:1px dashed var(--border); border-radius:var(--radius-sm);
  background:rgba(0,0,0,.18);
}
.guia-buzon > summary{
  cursor:pointer; font-weight:600; font-size:.92rem;
  list-style:none; user-select:none;
}
.guia-buzon > summary::-webkit-details-marker{ display:none; }
.guia-buzon > summary::before{
  content:'▸'; display:inline-block; width:1em;
  transition:transform .15s ease;
}
.guia-buzon[open] > summary::before{ transform:rotate(90deg); }
.guia-buzon .mus-pasos{ margin-top:12px; }

a.btn{ text-decoration:none; }

.buzon-puesta{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:12px 14px; border-radius:var(--radius-sm);
  border:1px solid var(--border); background:var(--surface-2);
}
.buzon-puesta-ico{ font-size:1.3rem; line-height:1; }
.buzon-puesta-txt{ flex:1 1 220px; min-width:0; display:flex; flex-direction:column; gap:2px; }
.buzon-puesta-txt strong{ font-size:.95rem; }
.buzon-puesta-txt span{ font-size:.82rem; opacity:.7; line-height:1.4; }
.buzon-puesta-btns{ display:flex; gap:8px; flex-shrink:0; }

.buzon-quitada{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:12px 14px; border-radius:var(--radius-sm);
  border:1px dashed rgba(255,176,32,.5); background:rgba(255,176,32,.07);
}
.buzon-quitada span{ flex:1 1 220px; font-size:.85rem; line-height:1.4; }

.pe-banco{
  margin:14px 0 0; padding:14px;
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2);
}

.pe-banco.cuadra{ border-color:rgba(0,214,143,.45); background:rgba(0,214,143,.06); }

.pe-banco-cab{ display:flex; align-items:flex-start; gap:10px; }
.pe-banco-ico{ font-size:1.25rem; line-height:1.2; }
.pe-banco-tit{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.pe-banco-tit strong{ font-size:.95rem; }
.pe-banco-tit span{ font-size:.82rem; opacity:.72; }

.pe-banco-checks{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:4px 14px; margin-top:12px;
}
.pe-banco-check{
  display:flex; align-items:baseline; gap:7px; flex-wrap:wrap;
  font-size:.83rem; padding:3px 0;
}
.pe-banco-check-ico{ flex-shrink:0; font-size:.78rem; }
.pe-banco-check-et{ font-weight:600; }
.pe-banco-check-nota{ opacity:.62; font-size:.78rem; }

.pe-banco-check.nada{ opacity:.55; }
.pe-banco-check.no .pe-banco-check-et{ color:var(--danger); }

.pe-banco-ojo{
  margin:12px 0 0; padding:9px 11px; font-size:.83rem; line-height:1.45;
  border-radius:var(--radius-sm);
  border:1px dashed rgba(255,176,32,.5); background:rgba(255,176,32,.07);
}
.pe-banco-btn{ margin-top:12px; width:100%; }

.bk-pago{
  padding:16px; margin-bottom:12px;
  border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface-2);
}
.bk-cab{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.bk-cab-izq{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.bk-importe{ font-size:1.5rem; font-weight:700; line-height:1.1; }
.bk-meta{ display:flex; flex-wrap:wrap; gap:4px 12px; font-size:.82rem; opacity:.72; }
.bk-tipo{ opacity:1; font-weight:600; }

.bk-datos{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:4px 16px; margin-top:12px;
  padding-top:12px; border-top:1px solid var(--border);
}
.bk-dato{ display:flex; gap:8px; align-items:baseline; font-size:.85rem; min-width:0; }
.bk-dato-et{ opacity:.6; flex-shrink:0; }
.bk-dato-val{ font-family:var(--font-mono); overflow-wrap:anywhere; }

.bk-sub{ margin-top:16px; font-size:.78rem; letter-spacing:.06em;
         text-transform:uppercase; opacity:.6; }
.bk-cands{ display:flex; flex-direction:column; gap:8px; margin-top:8px; }

.bk-cand{
  display:flex; gap:12px; align-items:flex-start; cursor:pointer;
  padding:12px; border-radius:var(--radius-sm);
  border:1px solid var(--border); background:var(--surface);
  transition:border-color .15s ease, background .15s ease;
}
.bk-cand:hover{ border-color:var(--border-strong); }
.bk-cand.cuadra{ border-color:rgba(0,214,143,.35); }
.bk-cand.elegida{ border-color:var(--blue); background:rgba(79,214,255,.07); }
.bk-cand input{ margin-top:3px; flex-shrink:0; }
.bk-cand-cuerpo{ flex:1; min-width:0; }
.bk-cand-cab{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; }
.bk-cand-meta{ font-size:.8rem; opacity:.65; }
.bk-cand-sello{
  font-size:.7rem; letter-spacing:.05em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
  background:rgba(0,214,143,.15); color:#00d68f;
}

.bk-checks{ display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:8px; }
.bk-check{ display:inline-flex; align-items:center; gap:5px; font-size:.79rem; }
.bk-check-ico{ font-size:.72rem; }

.bk-check.nada{ opacity:.45; }
.bk-check.no{ color:var(--danger); }
.bk-cand-notas{ margin:7px 0 0; font-size:.78rem; opacity:.6; line-height:1.45; }

.bk-ojo, .bk-nada{
  margin:12px 0 0; padding:10px 12px; font-size:.83rem; line-height:1.5;
  border-radius:var(--radius-sm); background:rgba(255,255,255,.03);
  border:1px dashed var(--border);
}
.bk-acciones{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.bk-motivo{ display:flex; gap:8px; flex:1 1 100%; margin-top:4px; }
.bk-motivo input{ flex:1; }

.bk-vacio{ text-align:center; padding:28px 20px; }
.bk-vacio-ico{ font-size:2rem; display:block; margin-bottom:10px; }
.bk-vacio h3{ margin:0 0 8px; }
.bk-vacio p{ margin:0 auto 16px; max-width:52ch; opacity:.7; line-height:1.55; }

.bk-cand-sello.tarde{ background:rgba(255,176,32,.16); color:#ffb020; }

.bk-cand-sello.hecho{ background:rgba(52,211,153,.16); border-color:rgba(52,211,153,.42); color:#6ee7b7; }
.bk-cand-tarde{
  margin:9px 0 0; padding:9px 11px; font-size:.8rem; line-height:1.5;
  border-radius:var(--radius-sm);
  border:1px dashed rgba(255,176,32,.5); background:rgba(255,176,32,.07);
}

.bk-cand-dijo{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 10px;
  margin-top:8px; font-size:.79rem;
}
.bk-cand-dijo-et{ opacity:.55; }
.bk-cand-dijo-val{
  font-family:var(--font-mono);
  padding:1px 7px; border-radius:99px; background:rgba(255,255,255,.06);
}
.bk-cand-ver{ color:var(--blue); text-decoration:none; }
.bk-cand-ver:hover{ text-decoration:underline; }

.btn.aviso{
  background:linear-gradient(180deg,#ffb020,#e09000); color:#1a1200;
  border-color:transparent;
}

.bk-pago{
  margin-bottom:14px; border-radius:var(--radius);
  overflow:hidden; border:1px solid var(--border);
  background:transparent; padding:0;
}
.bk-banda{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 16px; background:#5b21b6;
}
.bk-banda-marca{
  font-weight:800; font-size:1.05rem; letter-spacing:-.02em; color:#fff;
}
.bk-banda-de{ font-size:.74rem; color:rgba(255,255,255,.72); font-family:var(--font-mono); }

.bk-hoja{
  background:#f7f7f9; color:#1a1a1f;
  padding:16px 18px 18px;
}
.bk-hoja .bk-importe{ color:#111; }
.bk-hoja .bk-meta{ color:#5a5a66; opacity:1; }
.bk-hoja .bk-dato-et{ color:#7a7a88; opacity:1; }
.bk-hoja .bk-dato-val{ color:#1a1a1f; }
.bk-hoja .bk-datos{ border-top-color:#e2e2e8; }
.bk-hoja .bk-sub{ color:#7a7a88; opacity:1; }
.bk-hoja .bk-ojo, .bk-hoja .bk-nada{
  background:#fff; border-color:#dcdce4; color:#4a4a55;
}

.bk-hoja .bk-cand{ background:var(--surface); color:var(--texto, #e8e8ee); border-color:var(--border); }
.bk-hoja .bk-cand .bk-cand-meta{ color:#9a9aa8; }
.bk-hoja .bk-cand-notas{ color:#9a9aa8; }

.pe-enlazando{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin-bottom:14px; padding:13px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(79,214,255,.5); background:rgba(79,214,255,.09);
}
.pe-enlazando-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.pe-enlazando-txt strong{ font-size:1rem; }
.pe-enlazando-txt span{ font-size:.83rem; opacity:.75; font-family:var(--font-mono); }

.pe-eseste{ flex-shrink:0; }
.pe-eseste.cuadra{
  background:linear-gradient(180deg,#00d68f,#00b377); color:#00201a;
  border-color:transparent; font-weight:600;
}
.pe-fila.enlazable .pe-cab{ cursor:default; }

.bk-cab{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; padding:0; margin:0; border:0; background:none;
  font:inherit; color:inherit; text-align:left; cursor:pointer;
}
.bk-cab-der{ display:flex; align-items:center; gap:14px; flex-shrink:0; }
.bk-ref{ display:flex; flex-direction:column; align-items:flex-end; gap:1px; }
.bk-ref-et{ font-size:.68rem; letter-spacing:.07em; text-transform:uppercase; color:#8a8a99; }
.bk-ref-num{ font-family:var(--font-mono); font-size:1.05rem; color:#1a1a1f; letter-spacing:.06em; }
.bk-ref-sin{ font-size:.8rem; color:#8a8a99; font-style:italic; }
.bk-flecha{ color:#8a8a99; transition:transform .18s ease; }
.bk-pago.abierto .bk-flecha{ transform:rotate(180deg); }

.bk-detalle{ display:none; }
.bk-pago.abierto .bk-detalle{ display:block; }

.bk-pago.abierto .bk-datos{
  display:block; margin-top:14px; padding-top:14px;
}
.bk-pago.abierto .bk-dato{
  display:flex; gap:14px; padding:7px 0;
  border-bottom:1px solid #ececf2;
}
.bk-pago.abierto .bk-dato:last-child{ border-bottom:none; }
.bk-pago.abierto .bk-dato-et{ flex:0 0 148px; color:#7a7a88; }
.bk-pago.abierto .bk-dato-val{ flex:1; overflow-wrap:anywhere; }

.pe-verfoto{
  display:block; width:100%; margin-top:12px; padding:10px 12px;
  border:1px dashed var(--border); border-radius:var(--radius-sm);
  background:transparent; color:inherit; font:inherit;
  cursor:pointer; text-align:left;
  transition:border-color .15s ease, background .15s ease;
}
.pe-verfoto:hover{ border-color:var(--border-strong); background:rgba(255,255,255,.03); }
.pe-fotocaja{ display:none; margin-top:10px; }
.pe-fotocaja.abierta{ display:block; }

.pe-col > .pe-banco{ margin-top:16px; }

#pe-tabs .st-tab[data-filtro="banco"].activa{
  background:rgba(139,92,246,.16); color:#c4b5fd;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.45);
}
#pe-tabs .st-tab[data-filtro="pendientes"].activa{
  background:rgba(255,176,32,.14); color:#ffc963;
  box-shadow:inset 0 0 0 1px rgba(255,176,32,.4);
}
#pe-tabs .st-tab[data-filtro="revisados"].activa{
  background:rgba(79,214,255,.14); color:#7fe3ff;
  box-shadow:inset 0 0 0 1px rgba(79,214,255,.45);
}
#pe-tabs .st-tab[data-filtro="confirmado"].activa{
  background:rgba(0,214,143,.14); color:#4fe0b0;
  box-shadow:inset 0 0 0 1px rgba(0,214,143,.42);
}
#pe-tabs .st-tab[data-filtro="rechazado"].activa,
#pe-tabs .st-tab[data-filtro="caducado"].activa{
  background:rgba(255,90,90,.13); color:#ff9b9b;
  box-shadow:inset 0 0 0 1px rgba(255,90,90,.4);
}

.bk-pideowner{
  display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  font-size:.8rem; color:#fff;
}
.bk-pideowner strong{ font-size:.82rem; }
.bk-pideowner-nota{ opacity:.8; font-style:italic; }
.bk-pago.pide-owner .bk-banda{ background:#7c3aed; }
.bk-pago.pide-owner{ box-shadow:0 0 0 2px rgba(139,92,246,.5); }

.bk-owner, .bk-fuiyo{ opacity:.8; }
.bk-owner:hover{ opacity:1; border-color:rgba(139,92,246,.6); }
.bk-fuiyo:hover{ opacity:1; }

.pe-motivocaja{ display:flex; gap:8px; flex:1 1 100%; margin-top:8px; }
.pe-motivocaja input{ flex:1; }

.cr-banco{
  margin-top:12px; padding:12px 14px;
  border:1px solid rgba(139,92,246,.35); border-radius:var(--radius-sm);
  background:rgba(139,92,246,.07);
}
.cr-banco-cab{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.cr-banco-cab strong{ font-size:.92rem; }
.cr-banco-cuadra{
  margin:10px 0 0; font-size:.83rem; line-height:1.5;
}
.cr-banco-cuadra.no{ color:var(--danger); font-weight:600; }

.chapa-recarga{
  font-size:.68rem; letter-spacing:.05em; text-transform:uppercase;
  padding:2px 8px; border-radius:99px; margin-left:8px;
  background:rgba(236,72,153,.16); color:#f9a8d4;
}
.pe-codigo.recarga{ color:#f9a8d4; border-color:rgba(236,72,153,.4); }

.chapa-compra{
  font-size:.68rem; letter-spacing:.05em; text-transform:uppercase;
  padding:2px 8px; border-radius:99px; margin-left:8px;
  background:rgba(56,189,248,.14); color:#7dd3fc;
}

.cr-grupo{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin:18px 0 8px; padding-bottom:6px;
  border-bottom:1px solid var(--border);
}
.cr-grupo:first-child{ margin-top:0; }
.cr-grupo strong{ font-size:.78rem; letter-spacing:.07em; text-transform:uppercase; }
.cr-grupo span{ font-size:.78rem; opacity:.55; }

.pe-mirando {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 8px 14px;
    border: 1px solid rgba(124, 92, 255, .35);
    border-left: 3px solid var(--neon, #7c5cff);
    border-radius: 10px;
    background: rgba(124, 92, 255, .07);
    font-size: 14px;
}

.pe-mirando-et {
    color: var(--tenue, #8b93a7);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
}

.pe-mirando b {
    color: #fff;
    font-size: 15px;
}

.pe-mirando #pe-tienda {
    margin-left: auto;
}

@media (max-width: 620px) {
    .pe-mirando {
        flex-wrap: wrap;
    }
    .pe-mirando #pe-tienda {
        margin-left: 0;
        width: 100%;
    }
    .pe-mirando #pe-tienda .pe-tienda-boton {
        width: 100%;
        justify-content: space-between;
    }
}

.pe-tienda-elige {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pe-tienda-caja {
    position: relative;
    flex: 0 1 auto;
}

.pe-tienda-boton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 32px;
    min-width: 150px;
    max-width: 230px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: #e8ecf5;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.pe-tienda-boton:hover {
    border-color: rgba(124, 92, 255, .5);
    background: rgba(124, 92, 255, .1);
}

.pe-tienda-flecha {
    flex: none;
    font-size: 10px;
    color: var(--tenue, #8b93a7);
    transition: transform .15s ease;
}

.pe-tienda-boton[aria-expanded="true"] .pe-tienda-flecha {
    transform: rotate(180deg);
}

.pe-tienda-caja.sola .pe-tienda-boton {
    cursor: default;
    opacity: .75;
}

.pe-tienda-caja.sola .pe-tienda-flecha {
    display: none;
}

.pe-tienda-lista {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    min-width: 100%;
    max-height: 260px;
    overflow-y: auto;
    padding: 4px;
    border: 1px solid rgba(124, 92, 255, .3);
    border-radius: 10px;
    background: #12141c;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
}

.pe-tienda-op {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: none;
    color: #c9d0de;
    font: inherit;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.pe-tienda-op:hover {
    background: rgba(124, 92, 255, .16);
    color: #fff;
}

.pe-tienda-op.puesta {
    background: rgba(124, 92, 255, .12);
    color: #fff;
}

.pe-tienda-tic {
    flex: none;
    color: var(--neon, #7c5cff);
}

.pe-mirando.sin-buzon {
    border-color: rgba(255, 176, 32, .45);
    border-left-color: #ffb020;
    background: rgba(255, 176, 32, .08);
}

.pe-mirando-aviso {
    margin-left: auto;
    color: #ffb020;
    font-size: 12.5px;
    white-space: nowrap;
}

.pe-tienda-boton.sin-buzon {
    border-color: rgba(255, 176, 32, .5);
    color: #ffd489;
}

.pe-tienda-op.sin-buzon {
    color: #ffd489;
}

.pe-tienda-aviso {
    flex: none;
    margin-left: auto;
    color: #ffb020;
}

.pe-tienda-op.sin-buzon .pe-tienda-tic {
    margin-left: 6px;
}

.pe-tienda-op.sin-buzon .pe-tienda-aviso {
    margin-left: auto;
}

@media (max-width: 720px) {

    .pe-mirando {
        flex-wrap: wrap;
    }

    .pe-mirando-aviso {
        margin-left: 0;
        width: 100%;
        white-space: normal;
    }
}

.cr-solo-mirar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px dashed rgba(124, 92, 255, .35);
    border-radius: 10px;
    background: rgba(124, 92, 255, .06);
}

.cr-solo-mirar-ico {
    flex: none;
    font-size: 20px;
}

.cr-solo-mirar-txt {
    flex: 1;
    min-width: 0;
}

.cr-solo-mirar-txt b {
    display: block;
    color: #fff;
    font-size: 14px;
}

.cr-solo-mirar-txt p {
    margin: 3px 0 0;
    color: var(--tenue, #8b93a7);
    font-size: 12.5px;
    line-height: 1.45;
}

.cr-solo-mirar .btn {
    flex: none;
}

@media (max-width: 620px) {
    .cr-solo-mirar {
        flex-wrap: wrap;
    }

    .cr-solo-mirar .btn {
        width: 100%;
    }
}

.cr-acabo-mal{
  margin:10px 0 0; padding:9px 12px; border-radius:8px;
  border:1px solid rgba(248,113,113,.28); background:rgba(248,113,113,.07);
  color:#fca5a5; font-size:13px;
}

.cr-borrar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;
  gap:10px; margin-top:12px;
}
.cr-borrar-seguro{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  padding:8px 12px; border-radius:8px;
  border:1px solid rgba(248,113,113,.3); background:rgba(248,113,113,.08);
  color:#fca5a5; font-size:12.5px;
}

.des-oculto {

    display: none !important;
}

.des-caja {
    position: relative;
    display: inline-flex;
}

.des-boton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 32px;
    min-width: 130px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    color: #e8ecf5;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .14s ease, background .14s ease;
}

.des-boton:hover:not(:disabled) {
    border-color: rgba(124, 92, 255, .5);
    background: rgba(124, 92, 255, .1);
}

.des-boton:disabled {
    opacity: .55;
    cursor: default;
}

.des-flecha {
    flex: none;
    font-size: 10px;
    color: var(--tenue, #8b93a7);
    transition: transform .15s ease;
}

.des-boton[aria-expanded="true"] .des-flecha {
    transform: rotate(180deg);
}

.des-lista {
    position: absolute;
    z-index: 60;
    top: calc(100% + 6px);
    left: 0;
    min-width: 100%;

    max-height: 152px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px;
    border: 1px solid rgba(124, 92, 255, .32);
    border-radius: 10px;
    background: #12141c;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .6);
    scrollbar-width: thin;
}

.des-op {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: none;
    color: #c9d0de;
    font: inherit;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.des-op:hover:not(:disabled) {
    background: rgba(124, 92, 255, .16);
    color: #fff;
}

.des-op.puesta {
    background: rgba(124, 92, 255, .12);
    color: #fff;
}

.des-op:disabled {
    opacity: .45;
    cursor: default;
}

.des-tic {
    flex: none;
    color: var(--neon, #7c5cff);
}

.noti-tipo.tono-morado .noti-tipo-ico{
  background:rgba(167,139,250,.16); border-color:rgba(167,139,250,.4);
}
.noti-chip.tipo-encuesta{
  background:rgba(167,139,250,.16); color:#c4b5fd;
}

.es-obligatoria .prod-switch{ display:none; }

.tk-llamar{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  width:100%; margin-top:8px; padding-top:8px;
  border-top:1px solid var(--border);
}
.tk-llamar-campo{
  flex:1; min-width:180px; height:30px; padding:0 10px;
  border-radius:8px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05); color:#fff; font:inherit; font-size:12.5px;
}
.tk-llamar-hecho{ font-size:12.5px; color:#3ddc97; }
.tk-llamar-mal{ font-size:12.5px; color:#ff8095; width:100%; }

.vg-llamada{
  position:fixed; z-index:9999; right:22px; bottom:22px;
  display:flex; align-items:center; gap:12px; max-width:min(460px, 92vw);
  padding:13px 16px; border-radius:14px;
  background:#16121b;
  border:1px solid rgba(255,77,94,.55);
  box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(255,77,94,.15);
  animation:vg-late 1.1s ease-in-out infinite;
}
@keyframes vg-late{
  0%,100%{ box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(255,77,94,.15); }
  50%    { box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 6px rgba(255,77,94,.16); }
}
.vg-llamada-ico{ font-size:22px; flex:none; }
.vg-llamada-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.vg-llamada-txt strong{ font-size:13.5px; color:#fff; }
.vg-llamada-txt span{ font-size:12px; color:var(--text-dim); }
.vg-llamada-cola{ font-size:11px; color:#ff8095; flex:none; }
.vg-llamada .btn{ flex:none; }

@media (max-width: 560px){
  .vg-llamada{ left:12px; right:12px; bottom:12px; flex-wrap:wrap; }
}

.tk-pregunta-foto{ margin-top:10px; }

.tk-pregunta-clip{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 12px; border-radius:9px; cursor:pointer;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.2);
  color:var(--text-dim); font:inherit; font-size:12px;
  transition:border-color .14s ease, color .14s ease;
}
.tk-pregunta-clip:hover{
  border-color:rgba(124,92,255,.55); color:#fff;
}

.tk-pregunta-previa{ position:relative; display:inline-block; }
.tk-pregunta-previa img{
  max-width:100%; max-height:140px; border-radius:9px;
  border:1px solid rgba(255,255,255,.14); display:block;
}
.tk-pregunta-quita{
  position:absolute; top:-8px; right:-8px;
  width:24px; height:24px; border-radius:50%; cursor:pointer;
  background:#1a1c22; border:1px solid rgba(255,255,255,.22);
  color:#fff; font-size:12px; line-height:1;
}
.tk-pregunta-quita:hover{ background:#ff4d5e; border-color:transparent; }

.cli-sub.cli-oculto{ font-style:italic; opacity:.5; }

.permiso-sub.es-ver{
  grid-column:1 / -1;
  padding-bottom:8px; margin-bottom:4px;
  border-bottom:1px dashed rgba(255,255,255,.1);
}

.permiso-detalle{
  overflow:hidden;
  max-height:400px;
  transition:max-height .22s ease, opacity .18s ease, padding .22s ease;
}
.permiso-detalle.cerrado{
  max-height:0;
  opacity:0;
  padding-top:0; padding-bottom:0;
  border-top-color:transparent;
}

.inv-roles{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px; margin-bottom:6px;
}

.inv-rol{
  display:flex; align-items:flex-start; gap:11px; text-align:left;
  padding:13px 14px; border-radius:12px; cursor:pointer;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.12);
  color:var(--text); font:inherit;
  transition:border-color .15s ease, background .15s ease;
}
.inv-rol:hover{ border-color:rgba(124,92,255,.45); }
.inv-rol.activa{
  border-color:var(--neon, #7c5cff);
  background:rgba(124,92,255,.12);
}
.inv-rol-ico{ font-size:20px; flex:none; line-height:1.2; }
.inv-rol-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.inv-rol-txt strong{ font-size:13.5px; }
.inv-rol-txt span{ font-size:11.5px; color:var(--text-dim); line-height:1.4; }

.inv-pendiente{
  display:flex; gap:12px; align-items:flex-start;
  margin:14px 0; padding:14px 16px; border-radius:12px;
  background:rgba(255,199,64,.07);
  border:1px dashed rgba(255,199,64,.36);
}
.inv-pendiente-ico{ font-size:19px; flex:none; }
.inv-pendiente strong{ display:block; font-size:13px; color:#ffd47a; }
.inv-pendiente p{
  margin:4px 0 0; font-size:12px; line-height:1.55; color:var(--text-dim);
}

#producto-scrim .ficha-box{ width:860px; }

.prod-identidad{
  display:grid; grid-template-columns:160px 1fr; gap:16px; align-items:stretch;
  margin-bottom:18px;
}
.prod-identidad-campos{ min-width:0; }
.prod-identidad-campos .field{ margin-bottom:12px; }
.prod-identidad-campos .field:last-child{ margin-bottom:0; }

.prod-foto{
  display:flex; align-items:center; justify-content:center; padding:10px;

  min-height:132px;
}
.prod-foto .logo-vacio{ gap:4px; }
.prod-foto .logo-drop-ico{ font-size:22px; }
.prod-foto .logo-lleno{ flex-direction:column; gap:8px; text-align:center; }
.prod-foto .logo-datos{ display:flex; flex-direction:column; align-items:center; gap:2px; }
.prod-foto .logo-datos strong,
.prod-foto .logo-datos span{ font-size:10.5px; }
.prod-foto .logo-acciones{ display:flex; gap:5px; margin-top:2px; }
.prod-foto .logo-acciones .btn{ padding:3px 7px; font-size:10.5px; }
.prod-foto .logo-preview{ width:74px; height:74px; }
.prod-foto .logo-preview img{ width:100%; height:100%; object-fit:contain; }

.prod-relojes{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.prod-relojes .field{ margin-bottom:0; }

@media (max-width: 760px){
  .prod-identidad{ grid-template-columns:1fr; }
  .prod-foto{ height:auto; }
  .prod-relojes{ grid-template-columns:1fr; }
}

.campo-par{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
.campo-par{ margin-bottom:14px; }
.campo-par .field{ margin-bottom:0; }
.eslogan-donde{ margin:-2px 0 8px; }

@media (max-width: 760px){ .campo-par{ grid-template-columns:1fr; } }

.paleta-rango{ width:100%; margin-top:6px; accent-color:var(--blue); }
#paleta-avanzada{ margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
#paleta-fuerza-eco{ color:var(--text); font-variant-numeric:tabular-nums; }

.tema-columna{ min-width:0; }
.tema-con-paleta{ display:block; }
.tema-con-paleta.con-paleta{ display:grid; grid-template-columns:1fr 260px; gap:18px; align-items:start; }
.tema-acciones{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:12px; }
.tema-acciones .hint{ margin:0; }
.paleta{ position:relative; }
.paleta-cerrar{
  position:absolute; top:8px; right:8px; width:24px; height:24px; padding:0;
  border:0; border-radius:6px; cursor:pointer; line-height:1;
  background:rgba(255,255,255,.06); color:var(--text-dim); font-size:12px;
}
.paleta-cerrar:hover{ background:rgba(255,255,255,.14); color:var(--text); }
@media (max-width: 900px){
  .tema-con-paleta.con-paleta{ grid-template-columns:1fr; }
}

.letra-fila{ margin-bottom:12px; }
.letra-prueba{
  display:block; padding:18px 20px 16px; border-radius:12px;
  border:1px solid var(--border); background:var(--surface-2);
}

.letra-prueba{ text-shadow:var(--lp-contorno, none); }
.letra-prueba span{ font-weight:var(--lp-peso, inherit); }
.lp-titulo{
  display:block; font-family:var(--lp-titulo); font-size:30px; line-height:1.2;
  color:#fff; margin-bottom:8px; word-break:break-word;
}
.lp-texto{
  display:block; font-family:var(--lp-texto); font-size:14px; line-height:1.5;
  color:var(--text-dim); margin-bottom:11px;
}
.lp-datos{
  display:block; font-family:var(--lp-datos); font-size:12px;
  color:var(--text-faint); letter-spacing:.02em;
}
.letra-ajuste{ margin-top:12px; }
.letra-contorno-color{ margin-top:10px; }

.opt-mini-son{ display:block; padding:6px 5px; color:var(--text-faint); }
.opt-card:hover .opt-mini-son{ color:var(--text-dim); }
.opt-card.selected .opt-mini-son{ color:var(--blue); }
.son-mini{ display:block; width:100%; height:100%; }

.plegable{
  border:1px solid var(--border); border-radius:12px;
  background:var(--surface-2); margin-bottom:12px; overflow:hidden;
}
.plegable[open]{ background:transparent; }
.plegable-cab{
  display:flex; align-items:center; gap:11px; cursor:pointer;
  padding:13px 16px; list-style:none; user-select:none;
  transition:background .15s ease;
}

.plegable-cab::-webkit-details-marker{ display:none; }
.plegable-cab::marker{ content:''; }
.plegable-cab:hover{ background:var(--surface-3); }
.plegable-flecha{
  flex:none; width:7px; height:7px; margin-left:2px;
  border-right:2px solid var(--text-faint); border-bottom:2px solid var(--text-faint);
  transform:rotate(-45deg);
  transition:transform .18s ease, border-color .15s ease;
}
.plegable[open] .plegable-flecha{ transform:rotate(45deg); border-color:var(--blue); }

.plegable-emoji{ flex:none; font-size:14px; line-height:1; width:18px; text-align:center; }
.plegable-tit{ flex:none; font-weight:600; font-size:13.5px; color:var(--text); }

.plegable-eco.elegido::before{
  content:'\2713'; color:var(--ok); font-weight:700;
  margin-right:6px; font-size:11px;
}
.plegable-eco{
  flex:1; min-width:0; text-align:right; font-size:11.5px; color:var(--text-faint);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.plegable[open] .plegable-eco{ opacity:.35; }
.plegable-cuerpo{ padding:0 16px 16px; }
.plegable-cuerpo > .sub:first-child{ margin-top:0; }

[class*="opt-anuncio-"] i:nth-child(1){
  left:12%; right:46%; top:10px; height:6px;
  background:rgba(255,255,255,.3); border-radius:2px;
}
[class*="opt-anuncio-"] i:nth-child(2){
  left:12%; right:12%; top:24px; bottom:9px;
  background:rgba(255,255,255,.09); border-radius:3px;
}
[class*="opt-anuncio-"] i:nth-child(3){
  background:var(--blue); box-shadow:0 0 10px 1px var(--blue); border-radius:2px;
}

.opt-anuncio-cabecera i:nth-child(3){ left:12%; right:40%; top:24px; height:7px; }
.opt-anuncio-cabecera i:nth-child(2){ top:36px; }

.opt-anuncio-cinta i:nth-child(3){ left:0; right:0; top:0; height:8px; border-radius:0; }
.opt-anuncio-cinta i:nth-child(1){ top:17px; }
.opt-anuncio-cinta i:nth-child(2){ top:29px; }

.opt-anuncio-abajo i:nth-child(3){ left:0; right:0; bottom:0; height:8px; border-radius:0; }
.opt-anuncio-abajo i:nth-child(2){ bottom:15px; }

.opt-anuncio-tira i:nth-child(3){ right:0; top:0; bottom:0; width:8px; border-radius:0; }
.opt-anuncio-tira i:nth-child(1){ right:26%; }
.opt-anuncio-tira i:nth-child(2){ right:22%; }

.opt-anuncio-flotante i:nth-child(3){ right:8%; top:8px; width:34%; height:11px; border-radius:4px; }

[class*="opt-anuncioForma-"] i:nth-child(4){ display:none; }
[class*="opt-anuncioForma-"] i:nth-child(1){ left:10%; right:10%; top:14px; height:24px; }
[class*="opt-anuncioForma-"] i:nth-child(3){
  left:18%; right:30%; top:23px; height:6px; border-radius:2px;
  background:rgba(255,255,255,.55);
}

.opt-anuncioForma-placa i:nth-child(1){
  border-radius:2px 7px 7px 2px;
  background:linear-gradient(100deg, rgba(79,214,255,.3), rgba(79,214,255,.06) 65%, transparent);
  border-top:1px solid rgba(79,214,255,.35); border-bottom:1px solid rgba(79,214,255,.35);
}
.opt-anuncioForma-placa i:nth-child(2){
  left:10%; top:14px; width:3px; height:24px; border-radius:2px 0 0 2px;
  background:var(--blue); box-shadow:0 0 9px 1px var(--blue);
}
.opt-card:hover .opt-anuncioForma-placa i:nth-child(3){ animation:mini-placa 2.2s ease-in-out infinite; }
@keyframes mini-placa{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }

.opt-anuncioForma-cristal i:nth-child(1){
  border-radius:7px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.opt-anuncioForma-cristal i:nth-child(2){
  left:24%; top:8px; width:12px; height:36px; border-radius:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  transform:rotate(16deg);
}

.opt-anuncioForma-cristal::before{
  content:''; position:absolute; left:-10%; top:-20%; width:55%; height:140%;
  background:radial-gradient(circle, rgba(79,214,255,.4), transparent 62%);
}

.opt-anuncioForma-tubo i:nth-child(1){
  border-radius:999px; background:none;
  border:1.5px solid rgba(79,214,255,.8);
  box-shadow:0 0 12px -2px rgba(79,214,255,.75), inset 0 0 12px -4px rgba(79,214,255,.6);
}
.opt-anuncioForma-tubo i:nth-child(2){
  left:10%; right:10%; top:14px; height:24px; border-radius:999px; background:none;
  box-shadow:inset 14px 0 12px -12px var(--blue), inset -14px 0 12px -12px var(--blue);
}

[class*="opt-anuncioNeon-"] i:nth-child(3),
[class*="opt-anuncioNeon-"] i:nth-child(4){ display:none; }
[class*="opt-anuncioNeon-"] i:nth-child(1){
  left:14%; right:14%; top:17px; height:18px; border-radius:6px;
  background:rgba(79,214,255,.14); border:1px solid rgba(79,214,255,.5);
}
[class*="opt-anuncioNeon-"] i:nth-child(2){
  left:22%; right:36%; top:24px; height:4px; border-radius:2px;
  background:rgba(255,255,255,.75);
}

.opt-anuncioNeon-fijo i:nth-child(1){ box-shadow:0 0 12px 0 rgba(79,214,255,.6); }
.opt-anuncioNeon-fijo i:nth-child(2){ box-shadow:0 0 8px rgba(79,214,255,.7); }

.opt-anuncioNeon-rgb i:nth-child(1){
  box-shadow:0 0 14px 1px rgba(79,214,255,.8);
  animation:mini-rgb 3.2s linear infinite;
}
@keyframes mini-rgb{ from{ filter:hue-rotate(0deg); } to{ filter:hue-rotate(360deg); } }

.opt-anuncioNeon-averiado i:nth-child(1){
  box-shadow:0 0 16px 1px rgba(79,214,255,.9);
  animation:mini-averiado 2.6s steps(1, end) infinite;
}
@keyframes mini-averiado{
  0%{ opacity:.2; } 7%{ opacity:1; } 11%{ opacity:.25; }
  17%{ opacity:1; } 22%{ opacity:.35; } 28%,100%{ opacity:1; }
}

.opt-indicador-neon i:nth-child(4){
  left:18%; right:12%; top:4px; height:16px; border-radius:5px;
  background:rgba(79,214,255,.16);
  box-shadow:inset 0 0 0 1px rgba(79,214,255,.6), 0 0 18px -2px rgba(79,214,255,.9);
  animation:ind-salta 4.5s ease-in-out infinite;
}

.opt-indicador-escaner i:nth-child(4){
  left:18%; right:12%; top:4px; height:16px; border-radius:5px; overflow:hidden;
  background:rgba(79,214,255,.14);
  box-shadow:inset 0 0 0 1px rgba(79,214,255,.35);
  animation:ind-salta 4.5s ease-in-out infinite;
}
.opt-indicador-escaner i:nth-child(4)::after{
  content:''; position:absolute; top:0; bottom:0; width:34%; left:-38%;
  background:linear-gradient(90deg, transparent, rgba(79,214,255,.85), transparent);
  animation:mini-escaner 2.1s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes mini-escaner{ 0%{ left:-38%; } 55%,100%{ left:108%; } }

.opt-indicador-marco i:nth-child(4){
  left:18%; right:12%; top:4px; height:16px; border-radius:4px; background:none;
  border-top:2px solid var(--blue); border-left:2px solid var(--blue);
  clip-path:polygon(0 0, 38% 0, 38% 2px, 2px 2px, 2px 55%, 0 55%);
  filter:drop-shadow(0 0 5px rgba(79,214,255,.8));
  animation:ind-salta 4.5s ease-in-out infinite;
}
.opt-indicador-marco i:nth-child(4)::after{
  content:''; position:absolute; inset:-2px; border-radius:inherit;
  border-bottom:2px solid var(--blue); border-right:2px solid var(--blue);
  clip-path:polygon(100% 100%, 62% 100%, 62% calc(100% - 2px),
                    calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 45%, 100% 45%);
}

.opt-efecto-desenfoque i:nth-child(4),
.opt-efecto-empuje i:nth-child(4),
.opt-efecto-persiana i:nth-child(4){ display:none; }

.opt-efecto-desenfoque i:nth-child(1){
  left:16%; right:16%; top:10px; bottom:10px; border-radius:5px;
  background:rgba(79,214,255,.2); border:1px solid rgba(79,214,255,.45);
}
.opt-efecto-desenfoque i:nth-child(2){
  left:24%; right:24%; top:19px; height:5px; border-radius:2px;
  background:rgba(255,255,255,.75);
}
.opt-efecto-desenfoque i:nth-child(3){
  left:24%; right:24%; top:29px; height:5px; border-radius:2px;
  background:rgba(255,255,255,.45);
}
.opt-card:hover .opt-efecto-desenfoque i:nth-child(1),
.opt-card:hover .opt-efecto-desenfoque i:nth-child(2),
.opt-card:hover .opt-efecto-desenfoque i:nth-child(3){
  animation:mini-desenfoque 1.8s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes mini-desenfoque{
  0%{ filter:blur(5px); opacity:.35; } 55%,100%{ filter:none; opacity:1; }
}

.opt-efecto-empuje i:nth-child(1){
  left:-46%; width:60%; top:10px; bottom:10px; border-radius:5px;
  background:rgba(255,255,255,.14);
}
.opt-efecto-empuje i:nth-child(2){
  left:34%; width:60%; top:10px; bottom:10px; border-radius:5px;
  background:rgba(79,214,255,.25); border:1px solid rgba(79,214,255,.5);
}
.opt-efecto-empuje i:nth-child(3){
  left:44%; width:34%; top:23px; height:5px; border-radius:2px;
  background:rgba(255,255,255,.7);
}
.opt-card:hover .opt-efecto-empuje i:nth-child(1){ animation:mini-empuje-sale 2s cubic-bezier(.22,1,.36,1) infinite; }
.opt-card:hover .opt-efecto-empuje i:nth-child(2),
.opt-card:hover .opt-efecto-empuje i:nth-child(3){ animation:mini-empuje-entra 2s cubic-bezier(.22,1,.36,1) infinite; }
@keyframes mini-empuje-sale{ 0%{ transform:translateX(46%); } 60%,100%{ transform:translateX(-20%); } }
@keyframes mini-empuje-entra{ 0%{ transform:translateX(52%); } 60%,100%{ transform:translateX(-14%); } }

.opt-efecto-persiana i:nth-child(1){
  left:16%; right:16%; top:10px; bottom:10px; border-radius:5px;
  background:rgba(79,214,255,.22); border:1px solid rgba(79,214,255,.45);
}
.opt-efecto-persiana i:nth-child(2){
  left:16%; right:16%; top:10px; bottom:10px; border-radius:5px;
  background:repeating-linear-gradient(180deg, #0c0d11 0 25%, transparent 25% 50%);
}
.opt-efecto-persiana i:nth-child(3){
  left:26%; right:26%; top:23px; height:5px; border-radius:2px;
  background:rgba(255,255,255,.7);
}
.opt-card:hover .opt-efecto-persiana i:nth-child(2){
  animation:mini-persiana 1.9s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes mini-persiana{
  0%{ background-size:100% 100%; } 60%,100%{ background-size:100% 0%; }
}

[class*="opt-efectoVel-"] i:nth-child(3),
[class*="opt-efectoVel-"] i:nth-child(4){ display:none; }
[class*="opt-efectoVel-"] i:nth-child(1){
  left:14%; right:14%; top:25px; height:2px; border-radius:2px;
  background:rgba(255,255,255,.16);
}
[class*="opt-efectoVel-"] i:nth-child(2){
  left:14%; top:21px; width:10px; height:10px; border-radius:50%;
  background:var(--blue); box-shadow:0 0 10px 1px var(--blue);
}
@keyframes mini-vel{
  0%{ left:14%; } 55%{ left:calc(86% - 10px); } 100%{ left:14%; }
}
.opt-efectoVel-rapido i:nth-child(2){ animation:mini-vel 1.1s cubic-bezier(.16,1,.3,1) infinite; }
.opt-efectoVel-normal i:nth-child(2){ animation:mini-vel 1.9s cubic-bezier(.16,1,.3,1) infinite; }
.opt-efectoVel-lento i:nth-child(2){ animation:mini-vel 3.1s cubic-bezier(.16,1,.3,1) infinite; }

.orden-lista{ display:flex; flex-direction:column; gap:5px; }
.orden-fila{
  display:flex; align-items:center; gap:10px; cursor:grab;
  padding:8px 11px; border-radius:9px;
  border:1px solid var(--border); background:var(--surface-2);
  transition:border-color .12s ease, background .12s ease, opacity .12s ease;
}
.orden-fila:hover{ background:var(--surface-3); }
.orden-fila:active{ cursor:grabbing; }

.orden-fila.arrastrando{ opacity:.35; }
.orden-fila.encima{ border-color:var(--blue); background:var(--surface-3); }
.orden-agarre{ flex:none; color:var(--text-faint); font-size:13px; line-height:1; letter-spacing:-2px; }
.orden-num{
  flex:none; width:19px; text-align:center;
  font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint);
}
.orden-icono{ flex:none; font-size:14px; line-height:1; }
.orden-nombre{ flex:1; min-width:0; font-size:12.5px; color:var(--text); }

.orden-nombre-in{
  flex:1; min-width:0; font-size:12.5px; color:var(--text);
  background:transparent; border:1px solid transparent; border-radius:7px;
  padding:5px 8px; font-family:inherit;
  transition:background .14s ease, border-color .14s ease;
}

.pest-nombres{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 14px; }
.pest-nom-in{
  min-width:0; font-size:12.5px; color:var(--text);
  background:var(--surface-2, rgba(255,255,255,.03));
  border:1px solid var(--border); border-radius:8px;
  padding:8px 10px; font-family:inherit;
  transition:border-color .14s ease, box-shadow .14s ease;
}
.pest-nom-in::placeholder{ color:var(--text-faint); }
.pest-nom-in:focus{ outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.14); }
@media (max-width:560px){ .pest-nombres{ grid-template-columns:1fr; } }
.orden-nombre-in::placeholder{ color:var(--text-faint); }
.orden-nombre-in:hover{ background:var(--surface-2); }
.orden-nombre-in:focus{ outline:none; background:var(--surface-2);
  border-color:var(--blue); box-shadow:0 0 0 3px rgba(79,214,255,.14); }
.orden-mandos{ flex:none; display:flex; gap:3px; }
.orden-btn{
  width:22px; height:22px; padding:0; cursor:pointer; line-height:1;
  border-radius:6px; border:1px solid var(--border);
  background:var(--surface); color:var(--text-dim); font-size:11px;
}
.orden-btn:hover:not(:disabled){ border-color:var(--blue); color:#fff; }
.orden-btn:disabled{ opacity:.3; cursor:default; }

[class*="opt-anuncioMov-"] i:nth-child(4){ display:none; }
[class*="opt-anuncioMov-"] i:nth-child(1){
  left:14%; right:14%; top:17px; height:18px; border-radius:6px; overflow:hidden;
  background:rgba(79,214,255,.16); border:1px solid rgba(79,214,255,.5);
  box-shadow:0 0 10px -2px rgba(79,214,255,.6);
}
[class*="opt-anuncioMov-"] i:nth-child(2){
  left:24%; right:38%; top:24px; height:4px; border-radius:2px;
  background:rgba(255,255,255,.8);
}

[class*="opt-anuncioMov-"] i:nth-child(3){ display:none; }

.opt-anuncioMov-paseo i:nth-child(2){ display:none; }
.opt-anuncioMov-paseo i:nth-child(1)::after{
  content:''; position:absolute; top:7px; left:0; width:44%; height:4px;
  border-radius:2px; background:rgba(255,255,255,.8);
  animation:mini-paseo 3.4s linear infinite;
}
@keyframes mini-paseo{ from{ transform:translateX(230%); } to{ transform:translateX(-105%); } }

.opt-anuncioMov-vaiven i:nth-child(3){
  display:block; left:0; right:0; top:16px; height:1px;
  background:rgba(255,255,255,.14);
}
.opt-anuncioMov-vaiven i:nth-child(1),
.opt-anuncioMov-vaiven i:nth-child(2){
  animation:mini-vaiven 3.6s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes mini-vaiven{
  0%,5%{ translate:0 -22px; opacity:0; } 14%,84%{ translate:0 0; opacity:1; }
  95%,100%{ translate:0 -22px; opacity:0; }
}

.opt-anuncioMov-latido i:nth-child(1){
  animation:mini-latido 2.6s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes mini-latido{ 0%,100%{ scale:1; } 50%{ scale:1.07; } }

.opt-card .opt-mini[class*="opt-productos-"]{ animation:none; }
.opt-card .opt-mini[class*="opt-productos-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px;
  box-shadow:none; border:none; animation:none; opacity:1;
}
.opt-card .opt-mini[class*="opt-productos-"] i:nth-child(4){ display:none; }

.opt-card .opt-mini.opt-productos-cuadrada i:nth-child(1){ left:11%; top:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-productos-cuadrada i:nth-child(2){ right:11%; top:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-productos-cuadrada i:nth-child(3){ left:11%; bottom:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-productos-cuadrada i:nth-child(4){ display:block; right:11%; bottom:8px; width:36%; height:16px; }

.opt-card .opt-mini.opt-productos-vertical i:nth-child(1){ left:8%; top:9px; width:20%; height:15px; }
.opt-card .opt-mini.opt-productos-vertical i:nth-child(2){ left:33%; right:9%; top:13px; height:7px; }
.opt-card .opt-mini.opt-productos-vertical i:nth-child(3){ left:8%; bottom:9px; width:20%; height:15px; }
.opt-card .opt-mini.opt-productos-vertical i:nth-child(4){ display:block; left:33%; right:9%; bottom:13px; height:7px; }

.opt-card .opt-mini.opt-productos-mosaico i:nth-child(1){ left:8%; right:8%; top:7px; height:16px; }
.opt-card .opt-mini.opt-productos-mosaico i:nth-child(2){ left:8%; right:8%; bottom:7px; height:16px; }
.opt-card .opt-mini.opt-productos-mosaico i:nth-child(3){ left:12%; top:15px; width:30%; height:4px; background:rgba(255,255,255,.85); }
.opt-card .opt-mini.opt-productos-mosaico i:nth-child(4){ display:block; left:12%; bottom:11px; width:30%; height:4px; background:rgba(255,255,255,.85); }

.opt-card .opt-mini.opt-productos-poster i:nth-child(1){ left:50%; right:8%; top:10px; bottom:10px; background:rgba(255,255,255,.4); }
.opt-card .opt-mini.opt-productos-poster i:nth-child(2){ left:12%; top:18px; width:28%; height:6px; background:rgba(255,255,255,.85); }
.opt-card .opt-mini.opt-productos-poster i:nth-child(3){ left:12%; top:30px; width:20%; height:5px; background:rgba(255,255,255,.6); }

.opt-card .opt-mini.opt-productos-carta i{
  border-radius:2px;
  background:linear-gradient(180deg,
    rgba(255,255,255,.34) 0 55%,
    rgba(255,255,255,.14) 55% 100%);
}
.opt-card .opt-mini.opt-productos-carta i:nth-child(1){ left:12%; top:6px; bottom:6px; width:22%; }
.opt-card .opt-mini.opt-productos-carta i:nth-child(2){ left:39%; top:6px; bottom:6px; width:22%; }
.opt-card .opt-mini.opt-productos-carta i:nth-child(3){ left:66%; top:6px; bottom:6px; width:22%; }

[class*="opt-prodDiseno-"] i:nth-child(4){ display:none; }
[class*="opt-prodDiseno-"] i:nth-child(1){ left:26%; right:26%; top:7px; bottom:7px; }
[class*="opt-prodDiseno-"] i:nth-child(3){
  left:32%; right:32%; bottom:14px; height:4px; border-radius:2px;
  background:rgba(255,255,255,.6); z-index:3;
}

.opt-prodDiseno-neon i:nth-child(1){
  border-radius:8px; padding:2px;
  background:
    linear-gradient(160deg,#14161f,#07080c) padding-box,
    conic-gradient(from 0deg,#ff2d6f,#ff8a3d,#ffd23f,#3bf0a0,#4fd6ff,#7a6bff,#d76bff,#ff2d6f) border-box;
  border:2px solid transparent;
}
.opt-prodDiseno-neon i:nth-child(2){
  left:24%; right:24%; top:5px; bottom:5px; border-radius:10px; z-index:-1;
  background:conic-gradient(from 0deg,#ff2d6f,#ff8a3d,#ffd23f,#3bf0a0,#4fd6ff,#7a6bff,#d76bff,#ff2d6f);
  filter:blur(7px); opacity:.5;
}

.opt-prodDiseno-holo i:nth-child(1){
  border-radius:9px; border:1.5px solid transparent;
  background:

    linear-gradient(#07080c,#07080c) padding-box,
    linear-gradient(115deg,#4bc8e8 0%,#8b6bd8 35%,#4bc8e8 60%,#8b6bd8 100%) border-box;
  background-size:auto, 300% 300%;
  animation:mini-holo 5.5s ease-in-out infinite;
}

.opt-prodDiseno-holo i:nth-child(2){ display:none; }
@keyframes mini-holo{
  0%,100%{ background-position:0 0, 0% 50%; }
  50%{ background-position:0 0, 100% 50%; }
}

.opt-prodDiseno-cromo i:nth-child(1){
  border-radius:4px;
  background:linear-gradient(155deg,#16181f,#0a0b10 55%,#111219);

  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  box-shadow:inset 0 0 0 1px rgba(79,214,255,.28);
}
.opt-prodDiseno-cromo i:nth-child(2){
  left:0; right:0; top:0; bottom:0; z-index:2; mix-blend-mode:screen;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  background:linear-gradient(125deg, transparent 42%, rgba(255,255,255,.12) 48%,
    rgba(79,214,255,.18) 51%, transparent 57%);
  background-size:260% 260%;
  animation:mini-cromo 6.5s ease-in-out infinite;
}
@keyframes mini-cromo{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}

.opt-prodDiseno-papel i:nth-child(1){
  border-radius:6px;
  background:linear-gradient(180deg,#171922,#101219);
  border:1px solid rgba(255,255,255,.12);
}
.opt-prodDiseno-papel i:nth-child(2){
  left:26%; right:26%; top:7px; height:3px; border-radius:6px 6px 0 0; z-index:2;
  background:linear-gradient(90deg, rgba(79,214,255,.95), rgba(79,214,255,.25));
}

.opt-prodDiseno-vapor i:nth-child(1){
  border-radius:8px; border:1px solid rgba(255,255,255,.12);
  background:#0a0b10; overflow:hidden;
}
.opt-prodDiseno-vapor i:nth-child(2){
  left:22%; right:22%; top:2px; bottom:2px; z-index:1; border-radius:10px;
  background:
    radial-gradient(40% 44% at 28% 30%, rgba(79,214,255,.85), transparent 70%),
    radial-gradient(36% 40% at 72% 68%, rgba(192,132,252,.7), transparent 70%),
    radial-gradient(30% 34% at 58% 22%, rgba(255,110,180,.5), transparent 70%);
  filter:blur(7px);
  animation:mini-vapor 9s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes mini-vapor{
  0%,100%{ transform:translate(0,0) rotate(0deg); }
  33%{ transform:translate(8%,-7%) rotate(40deg); }
  66%{ transform:translate(-7%,8%) rotate(-28deg); }
}

[class*="opt-catDiseno-"] i:nth-child(1){
  left:8%; right:8%; top:5px; bottom:5px; border-radius:6px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
}
[class*="opt-catDiseno-"] i:nth-child(2){ background:var(--blue); opacity:.85; }
[class*="opt-catDiseno-"] i:nth-child(3){ background:rgba(255,255,255,.6); border-radius:2px; }
[class*="opt-catDiseno-"] i:nth-child(4){
  background:repeating-linear-gradient(90deg,
    rgba(255,255,255,.24) 0 11px, transparent 11px 15px);
  border-radius:2px;
}

.opt-catDiseno-marca i:nth-child(2){ left:44%; top:9px; width:12%; height:11px; border-radius:3px; }
.opt-catDiseno-marca i:nth-child(3){ left:38%; width:24%; top:23px; height:3px; }
.opt-catDiseno-marca i:nth-child(4){ left:14%; right:14%; bottom:10px; height:8px; }

.opt-catDiseno-cartel i:nth-child(2){ left:8%; right:8%; top:5px; height:22px; border-radius:6px 6px 0 0; opacity:.6; }
.opt-catDiseno-cartel i:nth-child(3){ left:13%; width:32%; top:20px; height:4px; }
.opt-catDiseno-cartel i:nth-child(4){ left:14%; right:14%; bottom:10px; height:8px; }

.opt-catDiseno-ficha i:nth-child(2){ left:12%; top:10px; width:15%; height:15px; border-radius:3px; }
.opt-catDiseno-ficha i:nth-child(3){ left:12%; width:15%; top:29px; height:3px; }
.opt-catDiseno-ficha i:nth-child(4){ left:33%; right:12%; top:11px; bottom:11px; }

.opt-catDiseno-estante i:nth-child(2){ left:12%; top:9px; width:8%; height:8px; border-radius:2px; }
.opt-catDiseno-estante i:nth-child(3){ left:23%; width:22%; top:11px; height:3px; }
.opt-catDiseno-estante i:nth-child(4){ left:12%; right:12%; top:23px; bottom:9px; }

.opt-catDiseno-sello i:nth-child(2){
  left:12%; top:8px; width:14px; height:14px; border-radius:50%;
  background:none; border:2px solid var(--blue);
  box-shadow:0 0 8px -1px var(--blue); opacity:1;
}
.opt-catDiseno-sello i:nth-child(3){ left:27%; width:26%; top:13px; height:4px; }
.opt-catDiseno-sello i:nth-child(4){ left:12%; right:12%; bottom:9px; height:12px; }

.prod-grid.se-ordena .prod-card{ cursor:grab; }
.prod-grid.se-ordena .prod-card:active{ cursor:grabbing; }

.prod-grid .prod-card.arrastrando{ opacity:.3; }
.prod-grid .prod-card.encima{
  outline:2px solid var(--blue); outline-offset:2px;
}

.prod-orden{
  position:absolute; top:8px; left:8px; z-index:3;
  min-width:19px; height:19px; padding:0 5px;
  display:flex; align-items:center; justify-content:center;
  border-radius:6px; font-family:var(--font-mono); font-size:10.5px;
  background:rgba(0,0,0,.62); border:1px solid var(--border);
  color:var(--text-dim); pointer-events:none;
}
.prod-card{ position:relative; }

.cat-eco{
  margin-left:auto; font-size:11.5px; color:var(--text-faint);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:230px;
}
.cat-eco:not(:empty)::before{ content:'¹3 '; color:var(--ok); font-weight:700; }

.opt-card .opt-mini[class*="opt-refAbre-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.16); border-radius:3px; border:none;
}
.opt-card .opt-mini[class*="opt-refAbre-"] i:nth-child(1){ left:8%; right:8%; top:6px; bottom:6px; }
.opt-card .opt-mini[class*="opt-refAbre-"] i:nth-child(2){
  background:var(--blue); box-shadow:0 0 12px -2px var(--blue); opacity:.9;
}
.opt-card .opt-mini[class*="opt-refAbre-"] i:nth-child(3),
.opt-card .opt-mini[class*="opt-refAbre-"] i:nth-child(4){ display:none; }

.opt-card .opt-mini.opt-refAbre-cajon i:nth-child(2){ right:8%; top:6px; bottom:6px; width:34%; }
.opt-card .opt-mini.opt-refAbre-centro i:nth-child(2){ left:26%; right:26%; top:14px; bottom:14px; }
.opt-card .opt-mini.opt-refAbre-hoja i:nth-child(2){ left:8%; right:8%; bottom:6px; height:24px; }
.opt-card .opt-mini.opt-refAbre-pantalla i:nth-child(2){ left:8%; right:8%; top:6px; bottom:6px; }

.opt-card .opt-mini[class*="opt-refForma-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}
.opt-card .opt-mini[class*="opt-refForma-"] i:nth-child(4){ display:none; }

.opt-card .opt-mini.opt-refForma-cuadrada i:nth-child(1){ left:11%; top:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-refForma-cuadrada i:nth-child(2){ right:11%; top:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-refForma-cuadrada i:nth-child(3){ left:11%; bottom:8px; width:36%; height:16px; }
.opt-card .opt-mini.opt-refForma-cuadrada i:nth-child(4){ display:block; right:11%; bottom:8px; width:36%; height:16px; }

.opt-card .opt-mini.opt-refForma-columna i:nth-child(1){ left:11%; right:11%; top:7px; height:10px; }
.opt-card .opt-mini.opt-refForma-columna i:nth-child(2){ left:11%; right:11%; top:21px; height:10px; }
.opt-card .opt-mini.opt-refForma-columna i:nth-child(3){ left:11%; right:11%; top:35px; height:10px; }

.opt-card .opt-mini.opt-refForma-muro i:nth-child(1){ left:11%; width:24%; top:7px; height:22px; }
.opt-card .opt-mini.opt-refForma-muro i:nth-child(2){ left:38%; width:24%; top:7px; height:34px; }
.opt-card .opt-mini.opt-refForma-muro i:nth-child(3){ left:65%; width:24%; top:7px; height:15px; }
.opt-card .opt-mini.opt-refForma-muro i:nth-child(4){ display:block; left:65%; width:24%; top:26px; height:15px; }

.opt-card .opt-mini.opt-refForma-ancha i:nth-child(1){ left:10%; right:10%; top:7px; height:17px; }
.opt-card .opt-mini.opt-refForma-ancha i:nth-child(2){ left:10%; right:10%; bottom:7px; height:17px; }
.opt-card .opt-mini.opt-refForma-ancha i:nth-child(3){ display:none; }

.opt-card .opt-mini.opt-refForma-ficha i:nth-child(1){
  left:11%; width:15%; top:7px; bottom:7px;
  border-right:1px solid rgba(255,255,255,.34); border-radius:3px 0 0 3px;
}
.opt-card .opt-mini.opt-refForma-ficha i:nth-child(2){ left:31%; right:11%; top:11px; height:11px; }
.opt-card .opt-mini.opt-refForma-ficha i:nth-child(3){ left:31%; right:11%; bottom:11px; height:11px; }

.opt-card .opt-mini[class*="opt-refDiseno-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  border-radius:3px; border:none; box-shadow:none;
  background:rgba(255,255,255,.2);
}
.opt-card .opt-mini[class*="opt-refDiseno-"] i:nth-child(3),
.opt-card .opt-mini[class*="opt-refDiseno-"] i:nth-child(4){ display:none; }

.opt-card .opt-mini[class*="opt-refDiseno-"] i:nth-child(1){ left:16%; right:16%; top:9px; bottom:9px; }
.opt-card .opt-mini[class*="opt-refDiseno-"] i:nth-child(2){
  left:24%; right:34%; top:19px; height:4px; background:rgba(255,255,255,.6);
}

.opt-card .opt-mini.opt-refDiseno-tarjeta i:nth-child(1){
  border-radius:7px; background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.28);
}

.opt-card .opt-mini.opt-refDiseno-cita i:nth-child(1){
  border-radius:0 7px 7px 0; background:rgba(255,255,255,.06);
  border-left:3px solid var(--blue);
  box-shadow:-4px 0 12px -6px var(--blue);
}
.opt-card .opt-mini.opt-refDiseno-cita i:nth-child(3){
  display:block; left:20%; top:8px; width:9px; height:9px; border-radius:2px;
  background:none; box-shadow:inset 0 0 0 2px rgba(79,214,255,.75);
}

.opt-card .opt-mini.opt-refDiseno-chat i:nth-child(1){
  border-radius:2px 9px 9px 9px; background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.24);
}
.opt-card .opt-mini.opt-refDiseno-chat i:nth-child(3){
  display:block; right:21%; top:14px; width:6px; height:6px; border-radius:50%;
  background:var(--blue); box-shadow:0 0 8px var(--blue);
}

.opt-card .opt-mini.opt-refDiseno-papel i:nth-child(1){
  background:none; border:none; border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.32);
}
.opt-card .opt-mini.opt-refDiseno-papel i:nth-child(2){ top:22px; }

.opt-card .opt-mini.opt-refDiseno-neon i:nth-child(1){
  border-radius:7px; background:rgba(79,214,255,.07);
  border:1px solid rgba(79,214,255,.75);
  box-shadow:0 0 14px -3px rgba(79,214,255,.85), inset 0 0 14px -8px rgba(79,214,255,.8);
}

.cat-contorno{ padding-top:2px; }

.ck-partes{
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:4px 0 14px;
}
.ck-parte{
  display:flex; align-items:center; gap:10px; min-width:0;
  padding:11px 13px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
}
.ck-parte-et{
  flex:none; font-family:var(--font-mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-faint);
}
.ck-parte-val{
  flex:1; min-width:0; font-family:var(--font-mono); font-size:13.5px;
  color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

  user-select:all;
}
.ck-parte-val.vacio{ color:var(--text-faint); user-select:none; }
.ck-acciones{ display:flex; gap:9px; flex-wrap:wrap; }

.btn.ok, .btn.small.ok{
  background:var(--signal); color:#022019; border-color:transparent;
}

.ck-sitios{
  display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
}
.ck-sitio{
  display:flex; align-items:center; gap:10px; cursor:pointer; text-align:left;
  padding:12px 13px; border-radius:var(--radius);
  font-family:inherit; font-size:13px; color:var(--text);
  background:var(--surface-2); border:1px solid var(--border);
  transition:border-color .14s ease, background .14s ease, transform .14s ease;
}
.ck-sitio:hover{
  transform:translateY(-2px);
  border-color:var(--blue); background:var(--surface-3);
}
.ck-sitio-ico{ font-size:17px; line-height:1; flex:none; }
.ck-sitio-nom{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.ck-sitio.huele{
  border-color:rgba(79,214,255,.55);
  background:rgba(79,214,255,.08);
  box-shadow:0 0 18px -10px var(--blue);
}

.ck-otra{ justify-content:flex-start; }

.ck-buscar{
  display:flex; gap:9px; align-items:center; margin:0 0 4px;
}
.ck-buscar input[type="search"]{ flex:1 1 auto; min-width:0; }
.ck-buscar .btn{ flex:0 0 auto; }
.ck-buscar-res{ margin:10px 0 4px; display:flex; flex-direction:column; gap:8px; }
.ck-buscar-res:empty{ margin:0; }

.ck-res{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:11px 13px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
}
.ck-res.puesta{ border-color:rgba(79,214,255,.5); background:rgba(79,214,255,.06); }
.ck-res-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-res-txt strong{ font-size:13px; color:var(--text); }
.ck-res-sub{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.ck-res-estado{
  padding:2px 9px; border-radius:99px; font-size:11px; white-space:nowrap;
}

.ck-res-estado.est-vendida{
  background:rgba(139,123,255,.14); border:1px solid rgba(139,123,255,.36); color:#c4b5fd;
}
.ck-res-estado.est-libre{
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-dim);
}
.ck-res-fecha{ font-family:var(--font-mono); font-size:10.5px; color:var(--text-faint); }
.ck-res-ok{
  flex:0 0 auto; font-size:11.5px; color:var(--signal); white-space:nowrap;
}

@media (max-width:760px){
  .ck-res-ok{ width:100%; }
}

.ck-info{
  margin-top:16px; padding:15px; border-radius:var(--radius);
  background:var(--surface-2); border:1px solid var(--border);
}
.ck-info-cab{
  display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin-bottom:12px;
}
.ck-info-ico{ font-size:16px; line-height:1; }
.ck-info-cab strong{ font-size:14px; color:var(--text); }
.ck-info-tag{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-faint);
}

.ck-info-rej{
  display:grid; grid-template-columns:1fr 1fr; gap:9px;
}
.ck-info-fila{
  display:flex; flex-direction:column; gap:2px; min-width:0;
  padding:9px 11px; border-radius:var(--radius-sm);
  background:var(--surface); border:1px solid var(--border);
}
.ck-info-et{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.07em;
  text-transform:uppercase; color:var(--text-faint);
}
.ck-info-val{
  font-size:13px; color:var(--text); word-break:break-word; user-select:all;
}
.ck-info-val.mono{ font-family:var(--font-mono); font-size:12.5px; }
.ck-info-copia{ margin-top:12px; }

@media (max-width:760px){
  .ck-info-rej{ grid-template-columns:1fr; }
}

.ck-paso{
  display:flex; align-items:center; gap:8px;
  margin:10px 0 0; padding:10px 13px; border-radius:var(--radius);
  font-size:12.5px; color:#ffd9a3;
  background:linear-gradient(180deg, rgba(255,179,64,.12), rgba(255,179,64,.04));
  border:1px solid rgba(255,179,64,.38);
}

.btn.toca{
  background:var(--warn); color:#2a1a02; border-color:transparent; font-weight:700;
  animation:ck-toca 1.8s ease-in-out infinite;
}
@keyframes ck-toca{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,179,64,.5); }
  50%{ box-shadow:0 0 0 6px rgba(255,179,64,0); }
}

.ck-bot-cab{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 14px;
}
.ck-bot-ico{
  width:38px; height:38px; flex:none; border-radius:11px;
  display:flex; align-items:center; justify-content:center; font-size:18px;
  background:var(--surface-3); border:1px solid var(--border-strong);
}
.ck-bot-txt{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.ck-bot-txt strong{ font-size:14px; color:var(--text); }
.ck-bot-txt span{ font-size:12px; color:var(--text-dim); }

.ck-esperando{
  display:flex; align-items:center; gap:10px;
  margin-top:14px; padding:13px 15px; border-radius:var(--radius);
  font-size:13px; color:var(--text-dim);
  background:var(--surface-2); border:1px solid var(--border);
}
.ck-esperando-ico{ font-size:15px; animation:ck-latir 1.6s ease-in-out infinite; }
@keyframes ck-latir{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }

.ck-salida{
  margin-top:16px; padding:15px; border-radius:var(--radius);
  background:rgba(0,229,160,.05); border:1px solid rgba(0,229,160,.3);
}
.ck-salida-et{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--signal); margin-bottom:11px;
}
.ck-salida .ck-parte{ margin-bottom:8px; background:var(--surface); }
.ck-salida .btn.small{ margin-top:4px; }
.ck-salida .hint{ margin-bottom:0; }

.ck-acceso-url{
  color:var(--blue); text-decoration:none;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ck-acceso-url:hover{ text-decoration:underline; }

@media (max-width:760px){
  .ck-partes{ grid-template-columns:1fr; }
}

[class*="opt-carritoForma-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:2px; border:none; box-shadow:none;
}
[class*="opt-carritoForma-"] i:nth-child(3),
[class*="opt-carritoForma-"] i:nth-child(4){ display:none; }

.opt-carritoForma-centro i:nth-child(1){ left:8%; top:8%; right:8%; bottom:8%; background:rgba(255,255,255,.08); }
.opt-carritoForma-centro i:nth-child(2){ left:28%; top:26%; width:44%; height:48%; }
.opt-carritoForma-lado i:nth-child(1){ left:8%; top:8%; right:8%; bottom:8%; background:rgba(255,255,255,.08); }
.opt-carritoForma-lado i:nth-child(2){ right:10%; top:12%; width:34%; bottom:12%; }
.opt-carritoForma-hoja i:nth-child(1){ left:8%; top:8%; right:8%; bottom:8%; background:rgba(255,255,255,.08); }
.opt-carritoForma-hoja i:nth-child(2){ left:12%; right:12%; bottom:10%; height:42%; }

[class*="opt-pestanasForma-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}
[class*="opt-pestanasForma-"] i:nth-child(4){ display:none; }

.opt-pestanasForma-pildora i:nth-child(1){ left:9%; top:15px; width:24%; height:14px; border-radius:99px; background:rgba(255,255,255,.14); }
.opt-pestanasForma-pildora i:nth-child(2){ left:37%; top:15px; width:26%; height:14px; border-radius:99px; }
.opt-pestanasForma-pildora i:nth-child(3){ left:66%; top:15px; width:24%; height:14px; border-radius:99px; background:rgba(255,255,255,.14); }

.opt-pestanasForma-subrayado i:nth-child(1){ left:11%; top:17px; width:20%; height:5px; }
.opt-pestanasForma-subrayado i:nth-child(2){ left:40%; top:17px; width:20%; height:5px; }
.opt-pestanasForma-subrayado i:nth-child(3){ left:40%; top:26px; width:20%; height:3px; border-radius:2px; }

.opt-pestanasForma-segmento i:nth-child(1){ left:11%; top:15px; width:26%; height:14px; border-radius:4px 0 0 4px; background:rgba(255,255,255,.12); }
.opt-pestanasForma-segmento i:nth-child(2){ left:37%; top:15px; width:26%; height:14px; border-radius:0; }
.opt-pestanasForma-segmento i:nth-child(3){ left:63%; top:15px; width:26%; height:14px; border-radius:0 4px 4px 0; background:rgba(255,255,255,.12); }

.opt-pestanasForma-borde i:nth-child(1){ left:9%; top:15px; width:24%; height:14px; border-radius:99px; background:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); }
.opt-pestanasForma-borde i:nth-child(2){ left:37%; top:15px; width:26%; height:14px; border-radius:99px; }
.opt-pestanasForma-borde i:nth-child(3){ left:66%; top:15px; width:24%; height:14px; border-radius:99px; background:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); }

.opt-pestanasForma-solapa i:nth-child(1){ left:9%; top:14px; width:25%; height:15px; border-radius:5px 5px 0 0; background:rgba(255,255,255,.12); }
.opt-pestanasForma-solapa i:nth-child(2){ left:37%; top:12px; width:26%; height:17px; border-radius:5px 5px 0 0; }
.opt-pestanasForma-solapa i:nth-child(3){ left:66%; top:14px; width:25%; height:15px; border-radius:5px 5px 0 0; background:rgba(255,255,255,.12); }
.opt-pestanasForma-solapa i:nth-child(4){ display:block; left:8%; top:29px; width:84%; height:2px; border-radius:2px; background:rgba(255,255,255,.28); }

.opt-pestanasForma-elevada i:nth-child(1){ left:9%; top:16px; width:24%; height:14px; border-radius:6px; background:rgba(255,255,255,.1); }
.opt-pestanasForma-elevada i:nth-child(2){ left:37%; top:12px; width:26%; height:14px; border-radius:6px; }
.opt-pestanasForma-elevada i:nth-child(3){ left:66%; top:16px; width:24%; height:14px; border-radius:6px; background:rgba(255,255,255,.1); }

.opt-pestanasForma-punto i:nth-child(1){ left:11%; top:20px; width:18%; height:6px; border-radius:3px; background:rgba(255,255,255,.14); }
.opt-pestanasForma-punto i:nth-child(2){ left:41%; top:20px; width:18%; height:6px; border-radius:3px; }
.opt-pestanasForma-punto i:nth-child(3){ left:71%; top:20px; width:18%; height:6px; border-radius:3px; background:rgba(255,255,255,.14); }
.opt-pestanasForma-punto i:nth-child(4){ display:block; left:47%; top:11px; width:6px; height:6px; border-radius:50%; }

.opt-pestanasForma-tubo i:nth-child(1){ left:9%; top:15px; width:24%; height:14px; border-radius:99px; background:rgba(255,255,255,.12); }
.opt-pestanasForma-tubo i:nth-child(2){ left:37%; top:15px; width:26%; height:14px; border-radius:99px; background:none; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85), 0 0 8px rgba(255,255,255,.4); }
.opt-pestanasForma-tubo i:nth-child(3){ left:66%; top:15px; width:24%; height:14px; border-radius:99px; background:rgba(255,255,255,.12); }

[class*="opt-keysForma-"] i,
[class*="opt-comprasForma-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}
[class*="opt-keysForma-"] i:nth-child(4),
[class*="opt-comprasForma-"] i:nth-child(4){ display:none; }

.opt-keysForma-lista i:nth-child(1), .opt-comprasForma-lista i:nth-child(1){ left:11%; right:11%; top:8px; height:9px; }
.opt-keysForma-lista i:nth-child(2), .opt-comprasForma-lista i:nth-child(2){ left:11%; right:11%; top:22px; height:9px; }
.opt-keysForma-lista i:nth-child(3), .opt-comprasForma-lista i:nth-child(3){ left:11%; right:11%; top:36px; height:9px; }

.opt-keysForma-cuadrada i:nth-child(1), .opt-comprasForma-cuadrada i:nth-child(1){ left:11%; top:8px; width:36%; height:16px; }
.opt-keysForma-cuadrada i:nth-child(2), .opt-comprasForma-cuadrada i:nth-child(2){ right:11%; top:8px; width:36%; height:16px; }
.opt-keysForma-cuadrada i:nth-child(3), .opt-comprasForma-cuadrada i:nth-child(3){ left:11%; bottom:8px; width:36%; height:16px; }
.opt-keysForma-cuadrada i:nth-child(4), .opt-comprasForma-cuadrada i:nth-child(4){ display:block; right:11%; bottom:8px; width:36%; height:16px; }

.opt-keysForma-carta i:nth-child(1), .opt-comprasForma-carta i:nth-child(1){ left:12%; top:6px; bottom:6px; width:22%; border-radius:2px; }
.opt-keysForma-carta i:nth-child(2), .opt-comprasForma-carta i:nth-child(2){ left:39%; top:6px; bottom:6px; width:22%; border-radius:2px; }
.opt-keysForma-carta i:nth-child(3), .opt-comprasForma-carta i:nth-child(3){ left:66%; top:6px; bottom:6px; width:22%; border-radius:2px; }

.opt-keysForma-ancha i:nth-child(1), .opt-comprasForma-ancha i:nth-child(1){ left:10%; right:10%; top:7px; height:17px; }
.opt-keysForma-ancha i:nth-child(2), .opt-comprasForma-ancha i:nth-child(2){ left:10%; right:10%; bottom:7px; height:17px; }
.opt-keysForma-ancha i:nth-child(3), .opt-comprasForma-ancha i:nth-child(3){ display:none; }

.opt-keysForma-recibo i:nth-child(1), .opt-comprasForma-recibo i:nth-child(1){
  left:13%; top:6px; bottom:6px; width:2px; border-radius:0;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.4) 0 4px, transparent 4px 8px);
}
.opt-keysForma-recibo i:nth-child(2), .opt-comprasForma-recibo i:nth-child(2){
  left:19%; right:12%; top:7px; bottom:7px; border-radius:0; background:none;
  border-top:1px solid rgba(255,255,255,.26);
  box-shadow:0 8px 0 -7px rgba(255,255,255,.26), 0 16px 0 -15px rgba(255,255,255,.26),
             0 24px 0 -23px rgba(255,255,255,.26), 0 32px 0 -31px rgba(255,255,255,.26);
}
.opt-keysForma-recibo i:nth-child(3), .opt-comprasForma-recibo i:nth-child(3){ display:none; }

[class*="opt-canjef-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}

.opt-canjef-centrada i:nth-child(1){ left:50%; margin-left:-5px; top:7px; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.5); }
.opt-canjef-centrada i:nth-child(2){ left:32%; right:32%; top:21px; height:4px; }
.opt-canjef-centrada i:nth-child(3){ left:19%; right:19%; top:32px; height:11px; border-radius:4px; }
.opt-canjef-centrada i:nth-child(4){ display:none; }

.opt-canjef-cabecera i:nth-child(1){ left:11%; top:9px; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.5); }
.opt-canjef-cabecera i:nth-child(2){ left:24%; right:30%; top:9px; height:5px; }
.opt-canjef-cabecera i:nth-child(3){ left:24%; right:38%; top:18px; height:3px; opacity:.5; }
.opt-canjef-cabecera i:nth-child(4){ display:block; left:11%; right:11%; top:30px; height:11px; border-radius:4px; }

.opt-canjef-lado i:nth-child(1){ left:10%; top:13px; width:19px; height:19px; border-radius:50%; background:rgba(255,255,255,.5); }
.opt-canjef-lado i:nth-child(2){ left:38%; right:14%; top:13px; height:5px; }
.opt-canjef-lado i:nth-child(3){ left:38%; right:24%; top:22px; height:3px; opacity:.5; }
.opt-canjef-lado i:nth-child(4){ display:block; left:38%; right:14%; top:29px; height:10px; border-radius:4px; }

.opt-canjef-directa i:nth-child(1){ left:12%; top:11px; width:26%; height:4px; opacity:.6; }
.opt-canjef-directa i:nth-child(2){ left:12%; right:12%; top:23px; height:16px; border-radius:5px; }
.opt-canjef-directa i:nth-child(3){ display:none; }
.opt-canjef-directa i:nth-child(4){ display:none; }

.opt-canjef-escenario i:nth-child(1){ left:50%; margin-left:-19px; top:2px; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.13); }
.opt-canjef-escenario i:nth-child(2){ left:29%; right:29%; top:17px; height:6px; background:rgba(255,255,255,.55); }
.opt-canjef-escenario i:nth-child(3){ left:19%; right:19%; top:32px; height:11px; border-radius:4px; }
.opt-canjef-escenario i:nth-child(4){ display:none; }

[class*="opt-remplazoBuscar-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}
.opt-remplazoBuscar-caja i:nth-child(1){ left:11%; right:52%; top:9px; height:5px; }
.opt-remplazoBuscar-caja i:nth-child(2){ left:11%; right:24%; top:19px; height:3px; opacity:.5; }
.opt-remplazoBuscar-caja i:nth-child(3){ left:11%; right:11%; top:29px; height:12px; border-radius:4px; }
.opt-remplazoBuscar-caja i:nth-child(4){ display:none; }

.opt-remplazoBuscar-linea i:nth-child(1){ left:11%; width:26%; top:16px; height:5px; }
.opt-remplazoBuscar-linea i:nth-child(2){ left:11%; width:20%; top:26px; height:3px; opacity:.45; }
.opt-remplazoBuscar-linea i:nth-child(3){ right:11%; width:44%; top:15px; height:12px; border-radius:4px; }
.opt-remplazoBuscar-linea i:nth-child(4){ display:none; }

.opt-remplazoBuscar-pastilla i:nth-child(1){ left:11%; width:22%; top:11px; height:3px; opacity:.5; }
.opt-remplazoBuscar-pastilla i:nth-child(2){ left:9%; right:9%; top:22px; height:16px; border-radius:999px; background:none; border:1px solid rgba(255,255,255,.34); }
.opt-remplazoBuscar-pastilla i:nth-child(3){ right:12%; top:25px; width:16px; height:10px; border-radius:999px; background:rgba(255,255,255,.45); }
.opt-remplazoBuscar-pastilla i:nth-child(4){ display:none; }

.opt-remplazoBuscar-aviso i:nth-child(1){ left:8%; top:10px; bottom:10px; width:3px; border-radius:0 2px 2px 0; background:rgba(79,214,255,.85); }
.opt-remplazoBuscar-aviso i:nth-child(2){ left:16%; right:46%; top:13px; height:5px; background:rgba(79,214,255,.55); }
.opt-remplazoBuscar-aviso i:nth-child(3){ left:16%; right:14%; top:26px; height:11px; border-radius:4px; }
.opt-remplazoBuscar-aviso i:nth-child(4){ display:none; }

.opt-remplazoBuscar-discreta i:nth-child(1){ left:22%; right:54%; top:16px; height:3px; opacity:.45; }
.opt-remplazoBuscar-discreta i:nth-child(2){ left:22%; right:22%; top:24px; height:8px; border-radius:3px; opacity:.5; }
.opt-remplazoBuscar-discreta i:nth-child(3){ display:none; }
.opt-remplazoBuscar-discreta i:nth-child(4){ display:none; }

[class*="opt-creditoSaldo-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}
[class*="opt-creditoSaldo-"] i:nth-child(1){ background:rgba(79,214,255,.72); }
[class*="opt-creditoSaldo-"] i:nth-child(3),
[class*="opt-creditoSaldo-"] i:nth-child(4){ display:none; }

.opt-creditoSaldo-panel i:nth-child(1){ left:11%; right:11%; top:7px; height:19px; border-radius:5px; }
.opt-creditoSaldo-panel i:nth-child(2){ left:11%; right:11%; top:31px; height:14px; border-radius:4px; }

.opt-creditoSaldo-cinta i:nth-child(1){ left:11%; right:11%; top:8px; height:8px; border-radius:3px; }
.opt-creditoSaldo-cinta i:nth-child(2){ left:11%; right:11%; top:21px; height:24px; border-radius:5px; }

.opt-creditoSaldo-esquina i:nth-child(1){ right:11%; width:34%; top:7px; height:13px; border-radius:4px; }
.opt-creditoSaldo-esquina i:nth-child(2){ left:11%; right:11%; top:25px; height:20px; border-radius:5px; }

.opt-creditoSaldo-abajo i:nth-child(1){ left:11%; right:11%; top:30px; height:15px; border-radius:5px; }
.opt-creditoSaldo-abajo i:nth-child(2){ left:11%; right:11%; top:7px; height:18px; border-radius:5px; }

.opt-creditoSaldo-doble i:nth-child(1){ left:10%; width:33%; top:8px; height:34px; border-radius:5px; }
.opt-creditoSaldo-doble i:nth-child(2){ right:10%; width:45%; top:8px; height:34px; border-radius:5px; }

[class*="opt-creditoForm-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:3px; border:none; box-shadow:none;
}

.opt-creditoForm-caja i:nth-child(1){ left:12%; right:12%; top:9px; height:16px; border-radius:5px; }
.opt-creditoForm-caja i:nth-child(2){ left:12%; width:16%; top:31px; height:9px; border-radius:999px; opacity:.6; }
.opt-creditoForm-caja i:nth-child(3){ left:32%; width:16%; top:31px; height:9px; border-radius:999px; opacity:.6; }
.opt-creditoForm-caja i:nth-child(4){ display:block; left:52%; width:16%; top:31px; height:9px; border-radius:999px; opacity:.6; }

.opt-creditoForm-linea i:nth-child(1){ left:11%; width:40%; top:18px; height:16px; border-radius:5px; }
.opt-creditoForm-linea i:nth-child(2){ left:55%; width:13%; top:21px; height:9px; border-radius:999px; opacity:.6; }
.opt-creditoForm-linea i:nth-child(3){ left:72%; width:13%; top:21px; height:9px; border-radius:999px; opacity:.6; }
.opt-creditoForm-linea i:nth-child(4){ display:none; }

.opt-creditoForm-botones i:nth-child(1){ left:11%; width:37%; top:8px; height:15px; border-radius:6px; }
.opt-creditoForm-botones i:nth-child(2){ right:11%; width:37%; top:8px; height:15px; border-radius:6px; }
.opt-creditoForm-botones i:nth-child(3){ left:11%; right:11%; top:29px; height:11px; border-radius:4px; opacity:.55; }
.opt-creditoForm-botones i:nth-child(4){ display:none; }

.opt-creditoForm-ticket i:nth-child(1){
  left:10%; right:10%; top:12px; height:18px; border-radius:0; background:none;
  border-top:1px dashed rgba(255,255,255,.42);
  border-bottom:1px dashed rgba(255,255,255,.42);
}
.opt-creditoForm-ticket i:nth-child(2){ left:34%; right:34%; top:17px; height:8px; }
.opt-creditoForm-ticket i:nth-child(3){ left:12%; width:13%; top:36px; height:6px; border-radius:2px; opacity:.5; }
.opt-creditoForm-ticket i:nth-child(4){ display:block; left:29%; width:13%; top:36px; height:6px; border-radius:2px; opacity:.5; }

.opt-creditoForm-minima i:nth-child(1){ left:11%; right:11%; top:16px; height:20px; border-radius:6px; }
.opt-creditoForm-minima i:nth-child(2){ display:none; }
.opt-creditoForm-minima i:nth-child(3){ display:none; }
.opt-creditoForm-minima i:nth-child(4){ display:none; }

.ref-escalera{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:10px; margin:0 0 14px;
}
.ref-esc-paso{
  display:flex; flex-direction:column; gap:2px;
  padding:12px 14px; border-radius:12px;
  background:var(--panel-2, rgba(255,255,255,.03));
  border:1px solid var(--border);
}
.ref-esc-num{
  font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-dim);
}
.ref-esc-pct{ font-size:22px; font-weight:800; color:var(--acento, #4fd6ff); }
.ref-esc-sube{ font-size:11px; line-height:1.45; color:var(--text-dim); }

.ref-nivel-sel{
  flex:none; margin-left:10px; padding:6px 9px; border-radius:8px;
  background:var(--panel-2, rgba(255,255,255,.04));
  border:1px solid var(--border); color:var(--text, #fff);
  font-family:inherit; font-size:11.5px; cursor:pointer;
}
.ref-nivel-sel:disabled{ opacity:.5; cursor:progress; }
.ref-nivel-chapa-mini{
  flex:none; margin-left:10px; padding:5px 10px; border-radius:999px;
  font-size:11px; font-weight:700; letter-spacing:.04em;
  background:var(--panel-2, rgba(255,255,255,.05));
  border:1px solid var(--border); color:var(--text-dim);
}

@media (max-width:760px){
  .ref-escalera{ grid-template-columns:1fr 1fr; gap:8px; }
  .ref-esc-paso{ padding:9px 10px; }
  .ref-esc-pct{ font-size:17px; }
  .ref-esc-sube{ font-size:10px; }
  .ref-nivel-sel{ margin-left:6px; padding:5px 6px; font-size:10.5px; }
}

[class*="opt-terminosDiseno-"] i,
[class*="opt-terminosAlineacion-"] i{
  left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto;
  background:rgba(255,255,255,.26); border-radius:2px; border:none; box-shadow:none;
}

.opt-terminosDiseno-pliego i:nth-child(1){ left:16%; right:16%; top:11px; height:4px; }
.opt-terminosDiseno-pliego i:nth-child(2){ left:16%; right:16%; top:22px; height:4px; }
.opt-terminosDiseno-pliego i:nth-child(3){ left:16%; right:34%; top:33px; height:4px; }
.opt-terminosDiseno-pliego i:nth-child(4){ display:none; }

.opt-terminosDiseno-ficha i:nth-child(1){ left:12%; right:12%; top:8px; bottom:8px; background:none; border:1px solid rgba(255,255,255,.28); border-radius:5px; }
.opt-terminosDiseno-ficha i:nth-child(2){ left:19%; right:26%; top:16px; height:4px; }
.opt-terminosDiseno-ficha i:nth-child(3){ left:19%; right:32%; top:26px; height:4px; }
.opt-terminosDiseno-ficha i:nth-child(4){ display:block; right:15%; top:14px; bottom:14px; width:2px; border-radius:999px; opacity:.55; }

.opt-terminosDiseno-contrato i:nth-child(1){ left:14%; width:5px; top:11px; height:4px; opacity:.85; }
.opt-terminosDiseno-contrato i:nth-child(2){ left:25%; right:16%; top:11px; height:4px; }
.opt-terminosDiseno-contrato i:nth-child(3){ left:14%; width:5px; top:24px; height:4px; opacity:.85; }
.opt-terminosDiseno-contrato i:nth-child(4){ display:block; left:25%; right:24%; top:24px; height:4px; }

.opt-terminosDiseno-nota i:nth-child(1){ left:20%; right:20%; top:17px; height:2px; opacity:.5; }
.opt-terminosDiseno-nota i:nth-child(2){ left:20%; right:20%; top:24px; height:2px; opacity:.5; }
.opt-terminosDiseno-nota i:nth-child(3){ left:20%; right:38%; top:31px; height:2px; opacity:.5; }
.opt-terminosDiseno-nota i:nth-child(4){ display:none; }

.opt-terminosDiseno-consola i:nth-child(1){ left:15%; width:22%; top:14px; height:4px; border-radius:0; }
.opt-terminosDiseno-consola i:nth-child(2){ left:41%; width:14%; top:14px; height:4px; border-radius:0; }
.opt-terminosDiseno-consola i:nth-child(3){ left:15%; width:34%; top:26px; height:4px; border-radius:0; }
.opt-terminosDiseno-consola i:nth-child(4){ display:block; left:53%; width:18%; top:26px; height:4px; border-radius:0; }

.opt-terminosAlineacion-izquierda i:nth-child(1){ left:16%; width:60%; top:14px; height:4px; }
.opt-terminosAlineacion-izquierda i:nth-child(2){ left:16%; width:44%; top:24px; height:4px; }
.opt-terminosAlineacion-izquierda i:nth-child(3){ left:16%; width:52%; top:34px; height:4px; }
.opt-terminosAlineacion-izquierda i:nth-child(4){ display:none; }

.opt-terminosAlineacion-centro i:nth-child(1){ left:20%; right:20%; top:14px; height:4px; }
.opt-terminosAlineacion-centro i:nth-child(2){ left:28%; right:28%; top:24px; height:4px; }
.opt-terminosAlineacion-centro i:nth-child(3){ left:24%; right:24%; top:34px; height:4px; }
.opt-terminosAlineacion-centro i:nth-child(4){ display:none; }

.opt-terminosAlineacion-derecha i:nth-child(1){ right:16%; width:60%; top:14px; height:4px; }
.opt-terminosAlineacion-derecha i:nth-child(2){ right:16%; width:44%; top:24px; height:4px; }
.opt-terminosAlineacion-derecha i:nth-child(3){ right:16%; width:52%; top:34px; height:4px; }
.opt-terminosAlineacion-derecha i:nth-child(4){ display:none; }

.link-cab, .link-fila{
  display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 250px) 34px;
  gap:8px; align-items:center;
}
.link-cab{
  margin-bottom:6px; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text-dim);
}
.link-fila{ margin-bottom:8px; }
.link-fila .w-link-url,
.link-fila .w-link-frase{
  width:100%; min-width:0; padding:9px 12px; border-radius:9px;
  background:var(--panel-2, rgba(255,255,255,.04));
  border:1px solid var(--border); color:var(--text, #fff);
  font-family:inherit; font-size:13px;
}
.link-fila .w-link-url{ font-family:var(--mono, monospace); font-size:12px; }
.link-fila .w-link-frase{ cursor:pointer; }

@media (max-width:760px){

  .link-cab{ display:none; }
  .link-fila{ grid-template-columns:minmax(0, 1fr) 34px; row-gap:6px; }
  .link-fila .w-link-url{ grid-column:1 / -1; }
}

.sv-panel{ display:none; }
.sv-panel.activo{ display:block; }

.sv-cols{
  display:grid; grid-template-columns:minmax(0, 280px) minmax(0, 1fr);
  gap:18px; align-items:start;
}

.sv-lado{
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:14px;
  position:sticky; top:18px;
}
.sv-lado-tit{
  font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-dim); margin-bottom:10px;
}

.sv-ficha{
  display:block; width:100%; text-align:left; margin-bottom:8px;
  padding:10px 12px; border-radius:9px; cursor:pointer;
  background:var(--surface-2); border:1px solid var(--border);
  color:var(--text); font-family:inherit; font-size:13px;
  transition:border-color .16s ease, background .16s ease;
}
.sv-ficha:last-child{ margin-bottom:0; }
.sv-ficha:hover{ background:var(--surface-3); border-color:var(--border-strong); }
.sv-ficha.elegida{ border-color:var(--blue); background:rgba(79,214,255,.07); }
.sv-ficha.apagada{ opacity:.5; }

.sv-ficha-cab{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sv-ficha-nom{ font-weight:600; }
.sv-ficha-sub{
  display:block; margin-top:3px; font-size:11.5px; color:var(--text-dim);
}

.sv-ficha.vetada{
  cursor:not-allowed; opacity:.55;
  border-style:dashed; border-color:var(--border-strong);
  background:var(--surface);
}
.sv-ficha.vetada:hover{ background:var(--surface); border-color:var(--border-strong); }
.sv-ficha.vetada .sv-ficha-sub{ color:var(--warn); }

.sv-pts{
  font-family:var(--font-mono); font-size:12px; font-weight:600;
  color:var(--violet); white-space:nowrap;
}
.sv-pts.mas{ color:var(--ok); }
.sv-pts.menos{ color:var(--danger); }

.sv-fila{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:11px 0; border-bottom:1px solid var(--border);
}
.sv-fila:last-child{ border-bottom:none; }
.sv-fila-izq{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.sv-fila-que{ font-size:13px; color:var(--text); }
.sv-fila-det{
  font-size:11.5px; color:var(--text-dim);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sv-fila-der{ display:flex; align-items:center; gap:10px; flex:none; }
.sv-fila-quien{ font-family:var(--font-mono); font-size:11.5px; color:var(--text-faint); }
.sv-fila-fecha{ font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }

.sv-fila.puntua{
  padding-left:10px; border-left:2px solid var(--violet); margin-left:-10px;
}

.sv-vacio{ padding:16px 4px; font-size:12.5px; color:var(--text-dim); }

.sv-grupo{ margin-top:16px; }
.sv-grupo:first-child{ margin-top:8px; }
.sv-grupo-tit{
  font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--blue); margin-bottom:8px;
}
.sv-regla{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:10px 0; border-bottom:1px solid var(--border);
}
.sv-regla:last-child{ border-bottom:none; }
.sv-regla-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 auto; }
.sv-regla-txt strong{ font-size:13px; font-weight:600; }
.sv-regla-txt span{ font-size:11.5px; color:var(--text-dim); }

input.sv-regla-num{
  flex:none; width:92px; text-align:center;
  padding:8px 10px; border-radius:8px;
  background:var(--surface-2); border:1px solid var(--border);
  color:var(--violet); font-family:var(--font-mono); font-size:13px; font-weight:600;
}
input.sv-regla-num:focus{ outline:none; border-color:var(--blue); }
input.sv-regla-num:disabled{ opacity:.6; cursor:not-allowed; color:var(--text-dim); }

.sv-premios{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:14px;
}
.sv-premio{
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:14px;
  display:flex; flex-direction:column; gap:6px;
}
.sv-premio-cab{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.sv-premio-cab strong{ font-size:14px; }
.sv-premio-det{ font-size:12px; color:var(--text-dim); }
.sv-premio-stock{ font-family:var(--font-mono); font-size:11.5px; color:var(--text-faint); }
.sv-premio-pie{ display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:8px; align-items:center; }
.sv-premio.pausado{ opacity:.62; }
.sv-premio.sinstock .sv-premio-stock{ color:var(--warn); }

.sv-canje.pedido{ border-left:2px solid var(--warn); padding-left:10px; margin-left:-10px; }
.sv-chip{
  padding:3px 9px; border-radius:999px; font-size:11px; font-weight:600;
  border:1px solid var(--border-strong); color:var(--text-dim);
}
.sv-chip.entregado{ color:var(--ok); border-color:rgba(94,234,212,.35); }
.sv-chip.cancelado{ color:var(--danger); border-color:rgba(255,77,94,.35); }
.sv-chip.pedido{ color:var(--warn); border-color:rgba(255,179,64,.35); }

.sv-espera{
  margin-bottom:12px; padding:10px 12px; border-radius:9px;
  background:rgba(255,179,64,.08); border:1px solid rgba(255,179,64,.28);
  color:var(--warn); font-size:12.5px;
}

@media (max-width:900px){
  .sv-cols{ grid-template-columns:1fr; gap:14px; }
  .sv-lado{
    position:static; padding:12px;
    display:flex; gap:8px; overflow-x:auto;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .sv-lado::-webkit-scrollbar{ display:none; }
  .sv-lado-tit{ display:none; }
  .sv-lado > div{ display:contents; }
  .sv-lado > .hint{ display:none; }
  .sv-ficha{ flex:none; width:auto; min-width:150px; margin-bottom:0; }

  .sv-fila{ flex-direction:column; align-items:flex-start; gap:6px; }
  .sv-fila-der{ width:100%; justify-content:flex-start; }
  .sv-fila-det{ white-space:normal; }
  .sv-premios{ grid-template-columns:1fr; }
  .sv-regla{ align-items:flex-start; }
  input.sv-regla-num{ width:78px; }
}

.ch-arroba{
  color:var(--blue); font-weight:600;
  padding:1px 4px; margin:0 -1px; border-radius:5px;
  background:rgba(79,214,255,.10);
}

.ch-arroba.yo{
  color:#0b0d10; background:var(--blue); font-weight:700;
}

.ch-escribir{ position:relative; }
.ch-arrobas{
  position:absolute; left:13px; right:13px; bottom:calc(100% - 4px);
  z-index:40; max-height:230px; overflow-y:auto;
  padding:6px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border-strong);
  box-shadow:0 18px 40px -12px rgba(0,0,0,.75);
}
.ch-arroba-op{
  display:flex; align-items:baseline; gap:9px; width:100%;
  padding:8px 10px; border-radius:8px; cursor:pointer;
  background:none; border:0; color:var(--text);
  font-family:inherit; font-size:13px; text-align:left;
}
.ch-arroba-op strong{ font-family:var(--font-mono); font-size:12.5px; color:var(--blue); }
.ch-arroba-op span{ font-size:11.5px; color:var(--text-dim); }
.ch-arroba-op:hover,
.ch-arroba-op.elegida{ background:var(--surface-3); }

.vg-mencion{
  border-color:rgba(79,214,255,.55) !important;
  animation:vg-late-arroba 1.4s ease-in-out infinite !important;
}
@keyframes vg-late-arroba{
  0%,100%{ box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(79,214,255,.15); }
  50%    { box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 6px rgba(79,214,255,.16); }
}
.vg-mencion .vg-llamada-cola{ color:var(--blue); }
.vg-mencion .vg-llamada-txt span{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:34ch;
}
body:has(#vg-llamada) #vg-mencion{ bottom:104px; }

@media (max-width:560px){
  body:has(#vg-llamada) #vg-mencion{ bottom:140px; }
}

.sv-grupo-total{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin-top:8px; padding:10px 12px; border-radius:9px;
  background:var(--surface-2); border:1px dashed var(--border-strong);
}
.sv-total-txt{ font-size:12px; color:var(--text-dim); }
.sv-total-num{
  font-family:var(--font-mono); font-size:16px; font-weight:700;
  color:var(--text-dim);
}
.sv-total-num.mas{ color:var(--ok); }
.sv-total-num.menos{ color:var(--danger); }
.sv-total-num.cero{ color:var(--text-dim); }

.sv-grupo-total.en-rojo{
  border-color:rgba(255,77,94,.45); background:rgba(255,77,94,.06);
}

.sv-pts.cero{ color:var(--text-faint); }

.view[data-view="supervisores"] .st-tabs{ margin-block:24px 22px; }

.ch-adjuntar{
  flex:none; padding:9px 12px; font-size:15px; line-height:1;
}

.ch-clip{
  position:absolute; left:13px; bottom:calc(100% - 4px); z-index:30;
  padding:6px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border-strong);
  box-shadow:0 18px 40px -12px rgba(0,0,0,.75);
}
.ch-clip img{
  display:block; max-width:190px; max-height:130px;
  border-radius:8px; object-fit:cover;
}
.ch-clip-x{
  position:absolute; top:-8px; right:-8px; width:24px; height:24px;
  border-radius:50%; cursor:pointer; font-size:14px; line-height:1;
  background:var(--danger); border:0; color:#fff;
}

.ch-msg-foto{
  display:block; margin-top:6px; border-radius:10px; overflow:hidden;
  border:1px solid var(--border);
}
.ch-msg-foto img{
  display:block; max-width:min(320px, 60vw); max-height:280px;
  object-fit:cover; background:var(--surface-3);
}

button.ch-msg-quien{
  background:none; border:0; padding:0; font:inherit; cursor:pointer;
}
.ch-msg-quien.tocable{
  border-bottom:1px dashed transparent; transition:border-color .14s ease, color .14s ease;
}
.ch-msg-quien.tocable:hover{
  color:var(--blue); border-bottom-color:currentColor;
}

.sv-sol{
  background:var(--surface); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
  border-radius:var(--radius); padding:14px; margin-bottom:12px;
}
.sv-sol:last-child{ margin-bottom:0; }
.sv-sol-cab{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sv-sol-quien{ font-size:14px; }
.sv-sol-cab .sv-pts{ margin-left:auto; font-size:14px; }
.sv-sol-que{ margin-top:8px; font-size:13.5px; font-weight:600; color:var(--text); }
.sv-sol-det{ margin-top:3px; font-size:12px; color:var(--text-dim); }
.sv-sol-fecha{ margin-top:4px; font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }
.sv-sol-pie{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }

.sv-sol.de-mando{ border-left-color:var(--violet); background:rgba(139,123,255,.05); }

.sv-sol-motivo{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  margin-top:10px; padding-top:10px; border-top:1px dashed var(--border-strong);
}
.sv-sol-motivo input{ flex:1; min-width:200px; }

.sv-sol-ficha{
  margin-top:12px; padding:10px 12px; border-radius:9px;
  background:var(--surface-2); border:1px solid var(--border);
}
.sv-dato{
  display:flex; gap:10px; justify-content:space-between;
  padding:5px 0; border-bottom:1px solid var(--border);
  font-size:12.5px;
}
.sv-dato:last-child{ border-bottom:none; }
.sv-dato-k{ color:var(--text-dim); flex:none; }
.sv-dato-v{ font-family:var(--font-mono); text-align:right; word-break:break-word; }

.sv-rol{
  padding:2px 9px; border-radius:999px; flex:none;
  font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.sv-rol.rol-staff{
  color:#ff8095; background:rgba(255,77,94,.12); border:1px solid rgba(255,77,94,.4);
}
.sv-rol.rol-supervisor{
  color:var(--warn); background:rgba(255,179,64,.12); border:1px solid rgba(255,179,64,.42);
}
.sv-rol.rol-owner{
  color:#0b0d10; border:1px solid transparent;
  background:linear-gradient(90deg,#ff4d5e,#ffb340,#00e5a0,#4fd6ff,#8b7bff,#ff4d5e);
  background-size:300% 100%;
  animation:sv-rgb 6s linear infinite;
}
@keyframes sv-rgb{ to{ background-position:300% 0; } }

.sesion-rol.supervisor{ color:var(--warn); }

.ch-msg-firma{ display:flex; align-items:center; gap:6px; min-width:0; }

.ch-msg.mio .ch-msg-firma{ flex-direction:row-reverse; }

.ch-msg-rango{
  flex:none; padding:1px 6px; border-radius:99px;
  font-family:var(--font-display); font-size:8px; font-weight:700;
  letter-spacing:.09em; line-height:1.6;
}
.ch-msg-rango.owner{
  background:rgba(139,123,255,.16); border:1px solid rgba(139,123,255,.4); color:var(--violet);
}
.ch-msg-rango.supervisor{
  background:rgba(255,179,64,.13); border:1px solid rgba(255,179,64,.4); color:var(--warn);
}
.ch-msg-rango.staff{
  background:rgba(79,214,255,.12); border:1px solid rgba(79,214,255,.35); color:var(--blue);
}

.sv-lado-der{ position:sticky; top:18px; }
.sv-mia{
  display:flex; align-items:center; gap:8px;
  padding:8px 0; border-bottom:1px solid var(--border); font-size:12.5px;
}
.sv-mia:last-child{ border-bottom:none; }
.sv-mia-que{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sv-mia-estado{ font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-faint); }
.sv-mia.aceptada .sv-mia-estado{ color:var(--ok); }
.sv-mia.rechazada .sv-mia-estado{ color:var(--danger); }
.sv-mia.espera .sv-mia-estado{ color:var(--warn); }

.sv-panel[data-panel="aprobar"] .sv-cols{
  grid-template-columns:minmax(0, 1fr) minmax(0, 280px);
}
@media (max-width:900px){
  .sv-panel[data-panel="aprobar"] .sv-cols{ grid-template-columns:1fr; }
  .sv-lado-der{ position:static; }

  .sv-lado-der{ display:block; }
  .sv-sol-cab .sv-pts{ margin-left:0; }
}

.sv-submando{
  margin:10px 0 4px; padding:12px 13px 4px; border-radius:10px;
  background:rgba(255,179,64,.05); border:1px solid rgba(255,179,64,.28);
}
.sv-submando-tit{
  font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--warn); font-weight:700; margin-bottom:6px;
}
.sv-submando-nota{
  font-size:11.5px; line-height:1.5; color:var(--text-dim); margin-bottom:8px;
}
.sv-submando .sv-regla{ border-bottom-color:rgba(255,179,64,.18); }
.sv-submando .sv-regla-txt strong{ color:var(--warn); }
.sv-submando input.sv-regla-num{
  border-color:rgba(255,179,64,.45); background:rgba(255,179,64,.09);
  color:var(--warn);
}
.sv-submando .sv-grupo-total{
  background:none; border-color:rgba(255,179,64,.35);
}

.noti-tipo.es-del-jefe{ opacity:.62; }
.noti-tipo.es-del-jefe .noti-tipo-nota{ color:var(--warn); }

.prod-dos{
  display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 260px);
  gap:18px; align-items:start;
}
.prod-tiendas{ position:sticky; top:18px; }

@media (max-width:900px){

  .prod-dos{ grid-template-columns:1fr; }
  .prod-tiendas{ position:static; order:-1; }
}

.sv-total-aveces{
  margin-top:6px; padding:0 12px;
  font-size:11.5px; line-height:1.5; color:var(--text-faint);
}

.sv-nota{
  background:var(--surface); border:1px solid var(--border);
  border-left:3px solid var(--border-strong);
  border-radius:var(--radius); padding:13px; margin-bottom:12px;
}
.sv-nota:last-child{ margin-bottom:0; }
.sv-nota.mal{ border-left-color:var(--danger); }
.sv-nota.bien{ border-left-color:var(--ok); }
.sv-nota.cerrada{ opacity:.72; }

.sv-nota-cab{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.sv-nota-ico{ font-size:15px; }
.sv-nota-sobre{ font-size:13.5px; }
.sv-nota-fecha{
  margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
}
.sv-nota-txt{ margin-top:9px; font-size:13px; line-height:1.6; white-space:pre-wrap; }
.sv-nota-quien{ margin-top:7px; font-size:11.5px; color:var(--text-dim); }

.sv-nota-resp{
  display:flex; gap:8px; flex-wrap:wrap; align-items:baseline;
  margin-top:10px; padding:9px 11px; border-radius:8px;
  background:var(--surface-2); border:1px solid var(--border);
  font-size:12.5px;
}
.sv-nota-resp-k{
  font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim);
}
.sv-nota-cerrar{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.sv-nota-cerrar input{ flex:1; min-width:200px; }
.sv-nota-espera{
  margin-top:9px; font-size:11.5px; color:var(--warn);
}

.mio-sec{ padding:11px 0; border-bottom:1px solid var(--border); }
.mio-sec:last-child{ border-bottom:none; }
.mio-sec-cab{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.mio-sec-nom{ font-size:13px; }

.mio-sec-barra{
  margin-top:7px; height:6px; border-radius:99px;
  background:var(--surface-3); overflow:hidden;
}
.mio-sec-relleno{
  display:block; height:100%; border-radius:99px;
  background:linear-gradient(90deg, var(--violet), var(--blue));
}
.mio-sec-relleno.menos{ background:var(--danger); }

.sv-mia-caja{ border-bottom:1px solid var(--border); padding-bottom:8px; }
.sv-mia-caja:last-child{ border-bottom:none; }
.sv-mia-caja .sv-mia{ border-bottom:none; padding-bottom:2px; }
.sv-mia-nota{
  font-size:11.5px; line-height:1.5; color:var(--danger);
  padding-left:2px;
}

.pm-barra{
  margin-top:8px; height:5px; border-radius:99px;
  background:var(--surface-3); overflow:hidden;
}
.pm-barra span{
  display:block; height:100%; border-radius:99px;
  background:linear-gradient(90deg, var(--violet), var(--ok));
}

.inv-pendiente.inv-super-ok{
  background:rgba(94,234,212,.07); border-color:rgba(94,234,212,.3);
}
.inv-pendiente.inv-super-ok strong{ color:var(--ok); }

.eti-tonos{ display:flex; gap:7px; margin-top:9px; flex-wrap:wrap; }
.eti-tono{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 12px; border-radius:999px; cursor:pointer;
  font-family:inherit; font-size:12px; font-weight:600;
  color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  transition:color .15s ease, border-color .15s ease, background .15s ease;
}
.eti-tono:hover{ color:#fff; background:rgba(255,255,255,.08); }
.eti-tono-punto{
  width:9px; height:9px; border-radius:50%; flex:none;
  background:var(--eti-color);
  box-shadow:0 0 8px -1px var(--eti-color);
}

.eti-tono.elegido{
  color:#fff;
  border-color:var(--eti-color);
  background:color-mix(in srgb, var(--eti-color) 16%, transparent);
}
.eti-tono.tono-bien{ --eti-color:#00e5a0; }
.eti-tono.tono-ojo{ --eti-color:#ffb340; }
.eti-tono.tono-aviso{ --eti-color:#ff4d5e; }
.eti-tono.tono-dato{ --eti-color:#4fd6ff; }

.eti-previa{
  margin-top:11px; padding:11px 13px; border-radius:12px;
  display:flex; gap:10px; align-items:center;
  border:1px solid var(--eti-borde);
  border-left:3px solid var(--eti-filo);
  background:var(--eti-fondo);
}
.eti-previa-ico{ font-size:15px; line-height:1.1; flex:none; }
.eti-previa-txt{ font-size:12.5px; line-height:1.5; font-weight:600; color:var(--eti-texto); }
.eti-previa.tono-bien{
  --eti-filo:#00e5a0; --eti-borde:rgba(0,229,160,.34);
  --eti-fondo:rgba(0,229,160,.10); --eti-texto:#7ff0cd;
}
.eti-previa.tono-ojo{
  --eti-filo:#ffb340; --eti-borde:rgba(255,179,64,.36);
  --eti-fondo:rgba(255,179,64,.10); --eti-texto:#ffd28a;
}
.eti-previa.tono-aviso{
  --eti-filo:#ff4d5e; --eti-borde:rgba(255,77,94,.38);
  --eti-fondo:rgba(255,77,94,.10); --eti-texto:#ff9aa5;
}
.eti-previa.tono-dato{
  --eti-filo:#4fd6ff; --eti-borde:rgba(79,214,255,.34);
  --eti-fondo:rgba(79,214,255,.10); --eti-texto:#a5e6ff;
}

.opt-descDiseno-corrido i, .opt-descDiseno-lista i,
.opt-descDiseno-fichas i, .opt-descDiseno-sangria i,
.opt-descDiseno-compacto i{ height:3px; left:14px; right:14px; }

.opt-descDiseno-corrido i:nth-child(1){ top:14px; }
.opt-descDiseno-corrido i:nth-child(2){ top:22px; }
.opt-descDiseno-corrido i:nth-child(3){ top:30px; }
.opt-descDiseno-corrido i:nth-child(4){ top:38px; right:38%; }

.opt-descDiseno-lista i{ left:24px; }
.opt-descDiseno-lista i:nth-child(1){ top:14px; }
.opt-descDiseno-lista i:nth-child(2){ top:23px; }
.opt-descDiseno-lista i:nth-child(3){ top:32px; }
.opt-descDiseno-lista i:nth-child(4){ top:41px; right:34%; }
.opt-descDiseno-lista::before,
.opt-descDiseno-lista::after{
  content:''; position:absolute; left:14px; width:4px; height:4px;
  border-radius:50%; background:var(--acento, #4fd6ff); opacity:.85;
}
.opt-descDiseno-lista::before{ top:13.5px; box-shadow:0 9px 0 var(--acento, #4fd6ff); }
.opt-descDiseno-lista::after{ top:31.5px; box-shadow:0 9px 0 var(--acento, #4fd6ff); }

.opt-descDiseno-fichas i:nth-child(1){ top:12px; }
.opt-descDiseno-fichas i:nth-child(2){ top:24px; }
.opt-descDiseno-fichas i:nth-child(3){ top:36px; }

.opt-descDiseno-fichas i:nth-child(4){
  top:18px; height:1px; background:rgba(255,255,255,.12);
  box-shadow:0 12px 0 rgba(255,255,255,.12), 0 24px 0 rgba(255,255,255,.12);
}

.opt-descDiseno-sangria i{ left:26px; }
.opt-descDiseno-sangria i:nth-child(1){ top:15px; }
.opt-descDiseno-sangria i:nth-child(2){ top:23px; }
.opt-descDiseno-sangria i:nth-child(3){ top:31px; }
.opt-descDiseno-sangria i:nth-child(4){ top:39px; right:36%; }
.opt-descDiseno-sangria::before{
  content:''; position:absolute; left:16px; top:13px; bottom:13px; width:2px;
  border-radius:2px; background:var(--acento, #4fd6ff); opacity:.6;
}

.opt-descDiseno-compacto i{ height:2px; left:14px; right:52%; }
.opt-descDiseno-compacto i:nth-child(1){ top:15px; }
.opt-descDiseno-compacto i:nth-child(2){ top:21px; }
.opt-descDiseno-compacto i:nth-child(3){ top:27px; }
.opt-descDiseno-compacto i:nth-child(4){ top:33px; right:62%; }

.opt-descDiseno-compacto::before{
  content:''; position:absolute; left:52%; right:14px; top:15px; height:2px;
  border-radius:2px; background:rgba(255,255,255,.22);
  box-shadow:0 6px 0 rgba(255,255,255,.22), 0 12px 0 rgba(255,255,255,.22);
}
.opt-descDiseno-compacto::after{
  content:''; position:absolute; left:calc(50% - 1px); top:13px; bottom:13px;
  width:1px; background:rgba(255,255,255,.12);
}

.item-eti-zona{ margin-top:14px; }
.item-eti{
  width:100%; margin-top:2px;
  font-family:inherit; font-size:12.5px;
}
.item-eti-zona .eti-tonos{ margin-top:8px; gap:6px; }
.item-eti-zona .eti-tono{ padding:5px 10px; font-size:11.5px; }
.item-eti-zona .eti-tono-punto{ width:8px; height:8px; }

.btn-jefe{
  border-color:color-mix(in srgb, var(--warn, #ffb340) 40%, transparent);
  color:var(--warn, #ffb340);
  background:color-mix(in srgb, var(--warn, #ffb340) 10%, transparent);
  white-space:nowrap;
}
.btn-jefe:hover{
  background:color-mix(in srgb, var(--warn, #ffb340) 20%, transparent);
  border-color:var(--warn, #ffb340);
}

.ch-cerrar{
  margin-left:auto;
  border-color:color-mix(in srgb, var(--danger) 35%, transparent);
  color:var(--danger);
}
.ch-cerrar:hover{
  background:color-mix(in srgb, var(--danger) 15%, transparent);
  border-color:var(--danger);
}

@media (max-width:820px){
  .btn.btn-jefe{ padding-left:10px; padding-right:10px; gap:0; }
  .jefe-txt{ display:none; }
}

.sv-ficha.sv-compartidos{
  margin-top:14px;
  border-color:rgba(255,179,64,.32);
  background:rgba(255,179,64,.06);
}
.sv-ficha.sv-compartidos .sv-ficha-nom{ color:var(--warn); }
.sv-ficha.sv-compartidos:hover{
  background:rgba(255,179,64,.11); border-color:rgba(255,179,64,.5);
}
.sv-ficha.sv-compartidos.elegida{
  border-color:var(--warn); background:rgba(255,179,64,.13);
}

.pr-aviso-grupo{
  margin:0 0 16px; padding:10px 13px; border-radius:var(--radius-sm);
  background:rgba(255,179,64,.08); border:1px solid rgba(255,179,64,.3);
  color:var(--text-dim); font-size:12px; line-height:1.55;
}

.rp-chapa.sin-garantia{
  background:rgba(255,90,110,.14); color:#ff8f9f;
  border-color:rgba(255,90,110,.42); font-weight:700;
}
.rp-chapa.garantia{
  background:rgba(94,234,160,.09); color:#7fe0ab;
  border-color:rgba(94,234,160,.26);
}
.rp-chapa.garantia.apura{
  background:rgba(255,179,64,.12); color:var(--warn);
  border-color:rgba(255,179,64,.38);
}

.item-clave{
  min-width:0;
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.01em;
  color:var(--text-dim);
}
.item-clave:focus{ color:var(--text); }
.item-clave::placeholder{ color:var(--text-faint); }

#pr-clave{
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.01em;
}

@media (max-width:760px){
  .shell{ min-height:calc(100vh / 0.8); }
  .sidebar{ height:calc(100vh / 0.8); }
}
@supports (height: 100dvh){
  @media (max-width:760px){
    .shell{ min-height:calc(100dvh / 0.8); }
    .sidebar{ height:calc(100dvh / 0.8); }
  }
}

.modal-scrim:has(.mover-box){ z-index:500; }
.mover-box{ max-width:520px; }
.mover-resumen{
  margin:2px 0 10px; font-size:13.5px; color:var(--text);
}
.mover-aviso{
  margin:0 0 14px; padding:10px 13px; border-radius:var(--radius-sm);
  background:rgba(255,90,110,.1); border:1px solid rgba(255,90,110,.32);
  color:#ffb4bc; font-size:12.5px; line-height:1.5;
}
.mover-sel{ width:100%; margin:12px 0 4px; }

.modal-scrim.elegir-scrim{ z-index:600; }

.st-mas{ margin:14px 0 4px; }
.st-extra{
  margin-top:14px; padding:14px; border-radius:var(--radius);
  border:1px solid var(--border); background:rgba(255,255,255,.02);
}
.st-extra-cab{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.st-extra-cab strong{ font-size:13px; flex:1; }
.st-extra-n{
  flex:none; width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--surface-3); border:1px solid var(--border);
  font-size:12px; font-weight:700; color:var(--text-dim);
}
.st-extra-quitar{
  flex:none; width:26px; height:26px; border-radius:8px; cursor:pointer;
  background:transparent; border:1px solid var(--border); color:var(--text-dim);
  font-size:13px; line-height:1; transition:color .14s ease, border-color .14s ease;
}
.st-extra-quitar:hover{ color:var(--danger); border-color:rgba(255,77,94,.5); }
.st-extra .st-select{ margin-bottom:8px; }
.st-extra textarea{ width:100%; margin-top:8px; }
.st-extra-item{ margin-top:6px; }
.st-extra-aviso{
  margin:8px 0; padding:10px 12px; border-radius:var(--radius-sm); font-size:12px;
  background:rgba(245,178,64,.1); border:1px solid rgba(245,178,64,.34); color:#f5c66a;
}

.pe-sinpago{ border-color:rgba(245,178,64,.42); color:#f5c66a; }
.pe-sinpago:hover{ border-color:rgba(245,178,64,.7); background:rgba(245,178,64,.1); }
.pe-sinpago-caja{
  width:100%; margin-top:10px; padding:12px 14px; border-radius:var(--radius-sm);
  background:rgba(245,178,64,.09); border:1px solid rgba(245,178,64,.36);
}
.pe-sinpago-caja p{ margin:0 0 6px; font-size:12.5px; color:var(--text-dim); }
.pe-sinpago-ojo{ color:#f5c66a !important; }
.pe-sinpago-botones{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }

.st-dom-tiendas{ display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.st-dom-fila{
  display:flex; align-items:center; gap:14px;
  padding:12px 14px; border-radius:var(--radius-sm);
  border:1px solid var(--border); background:rgba(255,255,255,.02);
}
.st-dom-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.st-dom-txt strong{ font-size:13px; }
.st-dom-estado{ font-size:11.5px; color:var(--text-dim); }

.pe-otras{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 14px; padding:11px 14px; border-radius:var(--radius);
  border:1px solid rgba(79,214,255,.32); background:rgba(79,214,255,.07);
}
.pe-otras-ico{ font-size:15px; line-height:1; }
.pe-otras-txt{ font-size:12.5px; color:var(--text-dim); flex:1; min-width:180px; }
.pe-otras-chapa{
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  padding:5px 11px; border-radius:999px; font-family:inherit; font-size:12px;
  background:rgba(79,214,255,.12); border:1px solid rgba(79,214,255,.42);
  color:#a8e4ff;
  transition:background .14s ease, border-color .14s ease;
}
.pe-otras-chapa:hover{ background:rgba(79,214,255,.22); border-color:rgba(79,214,255,.7); }
.pe-otras-chapa strong{ font-family:var(--font-display); font-size:14px; }

.pe-silencio{
  display:flex; align-items:flex-start; gap:12px;
  margin:0 0 14px; padding:12px 14px; border-radius:var(--radius);
  border:1px solid var(--border); background:rgba(255,255,255,.02);
}
.pe-silencio.grave{
  border-color:rgba(245,178,64,.42);
  background:linear-gradient(180deg, rgba(245,178,64,.12), rgba(245,178,64,.04));
}
.pe-silencio-ico{ font-size:17px; line-height:1.2; flex:none; }
.pe-silencio-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.pe-silencio-txt strong{ font-size:13px; color:var(--text-dim); }
.pe-silencio.grave .pe-silencio-txt strong{ color:#f5c66a; }
.pe-silencio-txt span{ font-size:12px; color:var(--text-dim); }

.st-regalo{
  display:inline-flex; align-items:center; gap:5px;
  padding:2px 8px; border-radius:999px; font-size:11.5px; white-space:nowrap;
  background:rgba(167,139,250,.14); border:1px solid rgba(167,139,250,.4); color:#c4b5fd;
}

.tb-avisos{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 16px; }
.tb-aviso{
  flex:1 1 150px; min-width:140px; padding:12px 14px; border-radius:var(--radius);
  display:flex; flex-direction:column; gap:2px;
  border:1px solid var(--border); background:rgba(255,255,255,.02);
}
.tb-aviso strong{ font-family:var(--font-display); font-size:22px; line-height:1; }
.tb-aviso span{ font-size:11.5px; color:var(--text-dim); }
.tb-aviso.tb-ok strong{ color:var(--ok, #5eead4); }
.tb-aviso.tb-avisa{ border-color:rgba(245,178,64,.38); background:rgba(245,178,64,.07); }
.tb-aviso.tb-avisa strong{ color:#f5c66a; }
.tb-aviso.tb-mal{ border-color:rgba(255,77,94,.42); background:rgba(255,77,94,.08); }
.tb-aviso.tb-mal strong{ color:#ff9aa5; }

.tb-scroll{ overflow-x:auto; }
.tb-tabla{ width:100%; border-collapse:collapse; font-size:13px; }
.tb-tabla th{
  text-align:left; padding:8px 10px; font-size:11px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--text-dim); border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.tb-tabla td{ padding:10px; border-bottom:1px solid rgba(255,255,255,.05); vertical-align:top; }
.tb-tabla tr:last-child td{ border-bottom:0; }
.tb-tabla tbody tr:hover{ background:rgba(255,255,255,.02); }

.tb-tabla tr.tb-vacio td{ opacity:.62; }
.tb-nombre{ display:flex; align-items:center; gap:7px; }
.tb-marca{ font-size:13px; line-height:1; }
.tb-bajo{ font-size:11px; color:var(--text-dim); margin-top:2px; }
.tb-clave{ font-family:var(--font-mono, monospace); font-size:10.5px; color:var(--text-dim); opacity:.7; }
.tb-total{ font-family:var(--font-display); font-size:17px; font-weight:700; color:var(--ok, #5eead4); }
.tb-total.cero{ color:#ff9aa5; }
.tb-num{ font-weight:700; }
.tb-num.cero{ color:var(--text-dim); opacity:.55; }
.tb-nohay{ color:var(--text-dim); opacity:.4; }
.tb-piden{ display:block; font-size:10.5px; color:#f5c66a; }
.tb-pend{
  display:inline-block; padding:2px 8px; border-radius:999px; font-weight:700; font-size:12px;
  background:rgba(245,178,64,.18); border:1px solid rgba(245,178,64,.42); color:#f5c66a;
}
.tb-pide{
  display:inline-block; padding:2px 8px; border-radius:999px; font-weight:700; font-size:12px;
  background:rgba(124,92,255,.18); border:1px solid rgba(124,92,255,.45); color:#c4b5fd;
}
.tb-botones{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }

.paginas{
  display:flex; align-items:center; justify-content:center; gap:6px;
  margin-top:14px; flex-wrap:wrap;
}
.paginas-btn{
  min-width:32px; height:32px; padding:0 10px; border-radius:8px; cursor:pointer;
  background:transparent; border:1px solid var(--border); color:var(--text-dim);
  font-family:inherit; font-size:12.5px;
  transition:border-color .14s ease, color .14s ease, background .14s ease;
}
.paginas-btn:hover:not(:disabled){ color:var(--text); border-color:rgba(255,255,255,.3); }
.paginas-btn:disabled{ opacity:.35; cursor:default; }
.paginas-btn.puesta{
  background:rgba(124,92,255,.16); border-color:rgba(124,92,255,.5); color:#c4b5fd;
  font-weight:700;
}
.paginas-de{ font-size:12px; color:var(--text-dim); margin:0 8px; }

.cli-actividad{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.cli-act-chapa{
  display:flex; align-items:baseline; gap:6px; cursor:pointer;
  padding:7px 13px; border-radius:999px; font-family:inherit; font-size:12px;
  background:rgba(255,255,255,.03); border:1px solid var(--border); color:var(--text-dim);
  transition:border-color .14s ease, background .14s ease, color .14s ease;
}
.cli-act-chapa strong{ font-family:var(--font-display); font-size:15px; color:var(--text); }
.cli-act-chapa:hover{ border-color:rgba(255,255,255,.3); }
.cli-act-chapa.puesta{ background:rgba(124,92,255,.14); border-color:rgba(124,92,255,.5); color:#c4b5fd; }
.cli-act-chapa.puesta strong{ color:#c4b5fd; }
.cli-act-chapa.ok strong{ color:var(--ok, #5eead4); }
.cli-act-chapa.warn strong{ color:#f5c66a; }

.st-pendientes{
  margin:0 0 16px; padding:14px 16px; border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(245,178,64,.13), rgba(245,178,64,.04));
  border:1px solid rgba(245,178,64,.38);
}
.st-pend-cab{ display:flex; flex-direction:column; gap:3px; margin-bottom:11px; }
.st-pend-cab strong{ font-size:13px; color:#f5c66a; }
.st-pend-cab span{ font-size:12px; color:var(--text-dim); }
.st-pend-fila{ display:flex; flex-wrap:wrap; gap:8px; }
.st-pend-chapa{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 10px 7px 9px; border-radius:999px; cursor:pointer;
  background:rgba(245,178,64,.1); border:1px solid rgba(245,178,64,.34);
  color:var(--text); font-size:12px; font-family:inherit;
  transition:background .14s ease, border-color .14s ease, transform .14s ease;
}
.st-pend-chapa:hover{
  background:rgba(245,178,64,.19); border-color:rgba(245,178,64,.6);
  transform:translateY(-1px);
}
.st-pend-chapa:active{ transform:translateY(0); }
.st-pend-marca{ font-size:13px; line-height:1; }
.st-pend-nombre{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:230px; }
.st-pend-num{
  flex:none; min-width:22px; padding:1px 6px; border-radius:999px; text-align:center;
  background:rgba(245,178,64,.26); border:1px solid rgba(245,178,64,.45);
  font-weight:700; color:#f5c66a;
}

@media (max-width:620px){
  .st-pend-chapa{ width:100%; justify-content:space-between; border-radius:10px; }
  .st-pend-nombre{ max-width:none; flex:1; }
}

.st-atascadas,
.st-duplicadas{
  margin:0 0 18px; padding:16px 18px; border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,77,94,.14), rgba(255,77,94,.05));
  border:1px solid rgba(255,77,94,.42);
}

.st-dup-key{
  font-family:var(--font-mono, monospace); font-size:12.5px; color:#fff;
  background:rgba(255,255,255,.06); border:1px solid var(--border);
  padding:2px 7px; border-radius:6px;
}
.st-dup-guarda{ font-size:11.5px; color:var(--text-dim); font-style:italic; }

.st-atas-grupo{ margin-top:14px; }
.st-atas-lote{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  margin-top:8px; padding:10px 12px; border-radius:var(--radius-sm);
  background:rgba(255,77,94,.07); border:1px solid rgba(255,77,94,.24);
}
.st-atas-lote-quien{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.st-atas-lote-quien strong{ font-size:13px; }
.st-atas-lote-meta{ font-size:11.5px; color:var(--text-dim); }
.st-atas-lote-pista{
  font-family:var(--font-mono, monospace); font-size:11px; color:var(--text-dim);
  opacity:.72; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
@media (max-width:620px){
  .st-atas-lote .st-atas-accion{ width:100%; }
  .st-atas-lote .st-select{ flex:1; }
}

.st-atas-cab{ display:flex; align-items:flex-start; gap:14px; margin-bottom:6px; }
.st-atas-num{
  flex:none; min-width:46px; height:46px; padding:0 10px; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,77,94,.2); border:1px solid rgba(255,77,94,.5);
  font-family:var(--font-display); font-size:20px; font-weight:700; color:#ff9aa5;
}
.st-atas-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.st-atas-txt strong{ font-size:14.5px; color:#ffc2c8; }
.st-atas-txt span{ font-size:12.5px; line-height:1.5; color:var(--text-dim); }

.st-atas-fila{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap;
  margin-top:10px; padding:11px 13px; border-radius:var(--radius-sm);
  background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.08);
}
.st-atas-quien{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.st-atas-quien strong{ font-size:13.5px; }
.st-atas-meta{ font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }
.st-atas-accion{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.st-atas-accion .st-select{ min-width:210px; }
.st-atas-aviso{ font-size:11.5px; color:var(--warn); }