: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, .view-head{ margin-bottom:22px; }
.page-head .eyebrow, .view-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, .view-head .eyebrow::before{ content:''; width:14px; height:1px; background:var(--blue); }
.page-head h1, .view-head h1{ font-size:25px; }
.page-head p, .view-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; }

#verificar-scrim{ z-index:500; }

#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; }

.push-modal-box{ width:460px; }
.push-modal-cab{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.push-modal-ico{
  flex:none; width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center; font-size:16px;
  background:rgba(79,214,255,.12); border:1px solid rgba(79,214,255,.35);
}
.push-modal-h{ margin:0; }
.push-modal-error{ color:#ff9b93; font-size:12px; min-height:14px; margin-top:4px; }

.push-beneficios{ display:flex; flex-direction:column; gap:12px; margin:14px 0 4px; }
.push-beneficio{ display:flex; gap:11px; align-items:flex-start; }
.push-beneficio-ico{
  flex:none; width:28px; height:28px; border-radius:8px;
  display:flex; align-items:center; justify-content:center; font-size:13px;
  background:var(--surface-3); border:1px solid var(--border-strong);
}
.push-beneficio-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.push-beneficio-txt strong{ font-size:12.5px; color:var(--text); }
.push-beneficio-txt span{ font-size:12px; line-height:1.5; color:var(--text-dim); }

.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{
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  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; flex:none; 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; }

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

.mp-hg-cielo{ top:-80px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='368' height='320' viewBox='0 0 368 320' %3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2300ff66' stop-opacity='0'/%3E%3Cstop offset='.72' stop-color='%2322ff7a' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23c9ffe0'/%3E%3C/linearGradient%3E%3Cpattern id='p' width='4' height='8' patternUnits='userSpaceOnUse'%3E%3Crect width='4' height='5' fill='%23fff'/%3E%3C/pattern%3E%3Cmask id='k'%3E%3Crect width='368' height='320' fill='url(%23p)'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='url(%23g)' mask='url(%23k)'%3E%3Crect x='10.7' y='102' width='1.7' height='149'/%3E%3Crect x='33.9' y='64' width='1.2' height='198'/%3E%3Crect x='79.9' y='71' width='1.2' height='161'/%3E%3Crect x='102.7' y='51' width='1.7' height='197'/%3E%3Crect x='125.9' y='26' width='1.2' height='172'/%3E%3Crect x='171.9' y='72' width='1.2' height='129'/%3E%3Crect x='194.7' y='136' width='1.7' height='89'/%3E%3Crect x='217.9' y='153' width='1.2' height='133'/%3E%3Crect x='240.7' y='44' width='1.7' height='185'/%3E%3Crect x='263.9' y='15' width='1.2' height='108'/%3E%3Crect x='286.6' y='32' width='1.7' height='217'/%3E%3Crect x='332.6' y='108' width='1.7' height='122'/%3E%3Crect x='355.9' y='20' width='1.2' height='197'/%3E%3C/g%3E%3Cg fill='%23effff5'%3E%3Crect x='10' y='248' width='3' height='4' rx='.6'/%3E%3Crect x='33.2' y='259' width='3' height='4' rx='.6'/%3E%3Crect x='79.2' y='229' width='3' height='4' rx='.6'/%3E%3Crect x='102' y='245' width='3' height='4' rx='.6'/%3E%3Crect x='125.2' y='195' width='3' height='4' rx='.6'/%3E%3Crect x='171.2' y='198' width='3' height='4' rx='.6'/%3E%3Crect x='194' y='222' width='3' height='4' rx='.6'/%3E%3Crect x='217.2' y='283' width='3' height='4' rx='.6'/%3E%3Crect x='240' y='226' width='3' height='4' rx='.6'/%3E%3Crect x='263.2' y='120' width='3' height='4' rx='.6'/%3E%3Crect x='285.9' y='246' width='3' height='4' rx='.6'/%3E%3Crect x='331.9' y='227' width='3' height='4' rx='.6'/%3E%3Crect x='355.2' y='214' width='3' height='4' rx='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 92px 80px,
  radial-gradient(90% 46% at 50% 60%, rgba(0,255,102,.3), transparent 70%),
  linear-gradient(180deg, #000 0%, #01160b 57%, #000 62%); animation:mp-cae-80 3s linear infinite; }
.mp-hg-suelo{ top:60%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cpath id='s' d='M35 6L-200 100M35.38 6L-193.75 100M35.75 6L-187.5 100M36.13 6L-181.25 100M36.5 6L-175 100M36.88 6L-168.75 100M37.25 6L-162.5 100M37.63 6L-156.25 100M38 6L-150 100M38.38 6L-143.75 100M38.75 6L-137.5 100M39.13 6L-131.25 100M39.5 6L-125 100M39.88 6L-118.75 100M40.25 6L-112.5 100M40.63 6L-106.25 100M41 6L-100 100M41.38 6L-93.75 100M41.75 6L-87.5 100M42.13 6L-81.25 100M42.5 6L-75 100M42.88 6L-68.75 100M43.25 6L-62.5 100M43.63 6L-56.25 100M44 6L-50 100M44.38 6L-43.75 100M44.75 6L-37.5 100M45.13 6L-31.25 100M45.5 6L-25 100M45.88 6L-18.75 100M46.25 6L-12.5 100M46.63 6L-6.25 100M47 6L0 100M47.38 6L6.25 100M47.75 6L12.5 100M48.13 6L18.75 100M48.5 6L25 100M48.88 6L31.25 100M49.25 6L37.5 100M49.63 6L43.75 100M50 6L50 100M50.38 6L56.25 100M50.75 6L62.5 100M51.13 6L68.75 100M51.5 6L75 100M51.88 6L81.25 100M52.25 6L87.5 100M52.63 6L93.75 100M53 6L100 100M53.38 6L106.25 100M53.75 6L112.5 100M54.13 6L118.75 100M54.5 6L125 100M54.88 6L131.25 100M55.25 6L137.5 100M55.63 6L143.75 100M56 6L150 100M56.38 6L156.25 100M56.75 6L162.5 100M57.13 6L168.75 100M57.5 6L175 100M57.88 6L181.25 100M58.25 6L187.5 100M58.63 6L193.75 100M59 6L200 100M59.38 6L206.25 100M59.75 6L212.5 100M60.13 6L218.75 100M60.5 6L225 100M60.88 6L231.25 100M61.25 6L237.5 100M61.63 6L243.75 100M62 6L250 100M62.38 6L256.25 100M62.75 6L262.5 100M63.13 6L268.75 100M63.5 6L275 100M63.88 6L281.25 100M64.25 6L287.5 100M64.63 6L293.75 100M65 6L300 100M-300 100H400M-300 80H400M-300 64H400M-300 51.2H400M-300 40.96H400M-300 32.77H400M-300 26.21H400M-300 20.97H400M-300 16.78H400M-300 13.42H400M-300 10.74H400M-300 8.59H400M-300 6.87H400' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cg fill='none'%3E%3Cuse href='%23s' stroke='%2300ff66' stroke-opacity='.2' stroke-width='3.4'/%3E%3Cuse href='%23s' stroke='%237dffb4' stroke-opacity='.85' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat, linear-gradient(180deg, rgba(0,14,7,.95), rgba(0,4,2,.92));
  transform-origin:50% 0; animation:mp-hg-avanza 1.15s linear infinite; }
.mp-hg-horizonte{ background:linear-gradient(180deg, transparent 50%, rgba(0,255,102,.12) 57%, rgba(170,255,210,.75) 60%,
  rgba(0,70,30,.9) 61%, rgba(0,12,6,.85) 66%, transparent 80%); }
@keyframes mp-hg-avanza{ to{ transform:scale(1.25); } }

.mp-vs-fondo{ background:
  linear-gradient(115deg, transparent 60%, rgba(232,255,46,.85) 60.4%, rgba(250,255,190,.9) 62.6%, rgba(232,255,46,.85) 64.8%, transparent 65.2%,
    transparent 67%, rgba(232,255,46,.5) 67.4%, rgba(232,255,46,.5) 68.4%, transparent 68.8%),
  linear-gradient(115deg, transparent 57%, rgba(0,0,0,.55) 59%, rgba(0,0,0,.55) 70%, transparent 72%),
  radial-gradient(70% 70% at 40% 0%, rgba(232,255,46,.24), transparent 70%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231e1e1e'/%3E%3Cstop offset='1' stop-color='%230b0b0b'/%3E%3C/linearGradient%3E%3ClinearGradient id='b'%3E%3Cstop offset='0' stop-color='%231a1a1a'/%3E%3Cstop offset='1' stop-color='%230a0a0a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='5' height='5' fill='url(%23a)'/%3E%3Crect x='5' y='5' width='5' height='5' fill='url(%23a)'/%3E%3Crect x='5' width='5' height='5' fill='url(%23b)'/%3E%3Crect y='5' width='5' height='5' fill='url(%23b)'/%3E%3C/svg%3E") 0 0 / 6px 6px, #0a0a0a; }
.mp-vs-estelas{ background:repeating-linear-gradient(115deg, transparent 0 21px, rgba(232,255,46,.6) 21px 22px, transparent 22px 47px,
  rgba(255,255,255,.28) 47px 48px, transparent 48px 61px);
  -webkit-mask-image:repeating-linear-gradient(25deg, transparent 0 18px, #000 40px, transparent 41px 70px);
          mask-image:repeating-linear-gradient(25deg, transparent 0 18px, #000 40px, transparent 41px 70px);
  animation:mp-vs-corre 1.4s linear infinite; }
.mp-vs-brillo{ left:0; right:auto; width:36%; background:linear-gradient(90deg, transparent, rgba(255,255,235,.22), transparent);
  transform:translateX(-120%) skewX(-25deg); animation:mp-pasa 3.2s cubic-bezier(.6,0,.3,1) infinite; }
@keyframes mp-vs-corre{ from{ -webkit-mask-position:0 0; mask-position:0 0; } to{ -webkit-mask-position:70px 0; mask-position:70px 0; } }

.mp-st-cielo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0045 .012' numOctaves='5' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .26  0 0 0 0 .31  0 0 0 0 .41  0 0 0 2.6 -1.1'/%3E%3C/filter%3E%3Cfilter id='l' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .015' numOctaves='4' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .6  0 0 0 0 .7  0 0 0 0 .84  0 0 0 2.3 -1.3'/%3E%3C/filter%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='800' height='400' fill='url(%23f)'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Crect width='800' height='400' filter='url(%23n)'/%3E%3Crect width='800' height='400' filter='url(%23l)' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 150% 80% no-repeat,
  linear-gradient(180deg, #0c1424 0%, #070b14 60%, #05080f); animation:mp-st-luz 4.4s linear infinite, mp-st-nubes 8s ease-in-out infinite alternate; }
@keyframes mp-st-nubes{ from{ background-position:0% 0, 0 0; } to{ background-position:100% 0, 0 0; } }
.mp-st-rayo{ left:20%; right:auto; width:16%; top:-6%; bottom:auto; height:80%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 400' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cpath id='r' d='M47.8 75.7L39.2 89.4L29.9 99.4L21.8 113.1L21.5 125.1L11.2 136.9L3.7 147.9M64.9 151.8L73.3 162L75.3 172.7L85.9 180L96.9 191.1L95.2 202.9L103.8 211.6M64.6 223.4L64.6 233L62.1 242.5L48.3 255.4L43.1 265.5L35 273.8L36.2 285.7M57.8 297.8L61.2 313.8L65.2 327.5L84.7 340.4L85.7 356.9L96.9 370.4L98.9 384.5' vector-effect='non-scaling-stroke'/%3E%3Cpath id='t' d='M64 0L68.4 27L53.1 50.9L47.8 75.7L65.6 99.7L69.9 123L64.9 151.8L60.1 171.4L53 198.5L64.6 223.4L59.2 251.7L42.9 271.4L57.8 297.8L40.9 322.2L45.6 353.7L37.6 371.9L44 400' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cg fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Cuse href='%23r' stroke='%237dd3fc' stroke-opacity='.2' stroke-width='8'/%3E%3Cuse href='%23r' stroke='%23dbf1ff' stroke-opacity='.8' stroke-width='1.4'/%3E%3Cuse href='%23t' stroke='%237dd3fc' stroke-opacity='.22' stroke-width='16'/%3E%3Cuse href='%23t' stroke='%23bfe8ff' stroke-opacity='.75' stroke-width='5'/%3E%3Cuse href='%23t' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; opacity:0; animation:mp-st-rayo 4.4s linear infinite; }
.mp-st-lluvia{ inset:-40%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' %3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23bfe3ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23e6f4ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='26.9' y='76' width='0.8' height='34.3' rx='0.4' fill='url(%23g)' opacity='.45'/%3E%3Crect x='26.8' y='25.9' width='0.8' height='27.7' rx='0.4' fill='url(%23g)' opacity='.45'/%3E%3Crect x='69.2' y='128.9' width='0.8' height='23.3' rx='0.4' fill='url(%23g)' opacity='.46'/%3E%3Crect x='87' y='108.6' width='0.8' height='29' rx='0.4' fill='url(%23g)' opacity='.41'/%3E%3Crect x='73.7' y='81' width='0.8' height='38.9' rx='0.4' fill='url(%23g)' opacity='.41'/%3E%3Crect x='18.7' y='75.3' width='0.8' height='33.5' rx='0.4' fill='url(%23g)' opacity='.45'/%3E%3Crect x='2.9' y='41.3' width='0.8' height='17.7' rx='0.4' fill='url(%23g)' opacity='.45'/%3E%3Crect x='141.3' y='6' width='0.8' height='19.4' rx='0.4' fill='url(%23g)' opacity='.36'/%3E%3Crect x='41.4' y='60.3' width='0.8' height='20' rx='0.4' fill='url(%23g)' opacity='.32'/%3E%3Crect x='40.9' y='62.1' width='0.8' height='29.2' rx='0.4' fill='url(%23g)' opacity='.43'/%3E%3Crect x='144.9' y='113' width='0.8' height='24' rx='0.4' fill='url(%23g)' opacity='.36'/%3E%3Crect x='76.4' y='13.4' width='0.8' height='34.5' rx='0.4' fill='url(%23g)' opacity='.51'/%3E%3Crect x='35.9' y='73.6' width='0.8' height='30.2' rx='0.4' fill='url(%23g)' opacity='.31'/%3E%3Crect x='114.7' y='115.9' width='0.8' height='25.9' rx='0.4' fill='url(%23g)' opacity='.34'/%3E%3Crect x='37.8' y='29.8' width='0.8' height='21.1' rx='0.4' fill='url(%23g)' opacity='.47'/%3E%3Crect x='88.9' y='22.6' width='0.8' height='21' rx='0.4' fill='url(%23g)' opacity='.48'/%3E%3C/svg%3E") 0 0 / 80px 80px;
  transform:rotate(12deg); animation:mp-st-cae .5s linear infinite; }
@keyframes mp-st-cae{ to{ background-position:0 80px; } }
@keyframes mp-st-rayo{ 0%,69.9%{ opacity:0; } 70%{ opacity:1; } 71.5%{ opacity:.1; } 73%{ opacity:1; } 78%,100%{ opacity:0; } }
@keyframes mp-st-luz{ 0%,69.9%{ filter:brightness(1); } 70%{ filter:brightness(1.8); } 72%{ filter:brightness(1.1); } 73%{ filter:brightness(1.6); } 80%,100%{ filter:brightness(1); } }

.mp-lt-agua{ background:repeating-conic-gradient(from 168deg at 50% -40%, rgba(165,243,252,.08) 0deg 2.5deg, transparent 2.5deg 8deg),
  linear-gradient(180deg, #06425a, #032a3c 55%, #021b28); }
.mp-lt-agua::before{ content:''; position:absolute; inset:0; opacity:.32;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420' %3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.011' numOctaves='2' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .85  0 0 0 0 1  0 0 0 0 1  0 0 0 -13 1.7'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23c)'/%3E%3C/svg%3E") 0 0 / 210px 210px;
  -webkit-mask-image:linear-gradient(180deg, #000, rgba(0,0,0,.25) 75%, transparent); mask-image:linear-gradient(180deg, #000, rgba(0,0,0,.25) 75%, transparent);
  animation:mp-lt-ondea 5.5s linear infinite; }
.mp-lt-gota{ left:62%; top:50%; right:auto; bottom:auto; height:84%; aspect-ratio:1; translate:-50% -50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500' %3E%3Cdefs%3E%3CradialGradient id='f' cx='.38' cy='.32' r='.78'%3E%3Cstop offset='0' stop-color='%23cffafe' stop-opacity='.8'/%3E%3Cstop offset='.45' stop-color='%2322d3ee' stop-opacity='.38'/%3E%3Cstop offset='.86' stop-color='%230e7490' stop-opacity='.26'/%3E%3Cstop offset='1' stop-color='%2367e8f9' stop-opacity='.6'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3Cfilter id='o' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M425 250C426 291 424 346 400 376C376 405 323 421 281 428C240 436 186 441 151 422C115 403 81 356 68 316C55 277 60 226 74 186C87 145 113 92 148 73C183 55 240 65 281 74C322 83 372 98 396 128C420 157 424 209 425 250Z' fill='%2322d3ee' opacity='.25' filter='url(%23o)'/%3E%3Cpath d='M425 250C426 291 424 346 400 376C376 405 323 421 281 428C240 436 186 441 151 422C115 403 81 356 68 316C55 277 60 226 74 186C87 145 113 92 148 73C183 55 240 65 281 74C322 83 372 98 396 128C420 157 424 209 425 250Z' fill='url(%23f)'/%3E%3Cpath d='M425 250C426 291 424 346 400 376C376 405 323 421 281 428C240 436 186 441 151 422C115 403 81 356 68 316C55 277 60 226 74 186C87 145 113 92 148 73C183 55 240 65 281 74C322 83 372 98 396 128C420 157 424 209 425 250Z' fill='none' stroke='%23a5f3fc' stroke-opacity='.55' stroke-width='2'/%3E%3Cellipse cx='178' cy='150' rx='74' ry='32' transform='rotate(-32 178 150)' fill='%23fff' opacity='.42' filter='url(%23s)'/%3E%3Cellipse cx='160' cy='140' rx='16' ry='8' transform='rotate(-32 160 140)' fill='%23fff' opacity='.85'/%3E%3Cellipse cx='330' cy='370' rx='60' ry='18' transform='rotate(-30 330 370)' fill='%23a5f3fc' opacity='.22' filter='url(%23s)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; animation:mp-lt-tiembla 3.2s ease-in-out infinite alternate; }
.mp-lt-burbujas{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='700' viewBox='0 0 260 700' %3E%3Ccircle cx='85' cy='262.8' r='6.9' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='82.6' cy='260.4' r='1.8' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='11.6' cy='142.8' r='4.2' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='10.2' cy='141.3' r='1.1' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='216.9' cy='172.8' r='8.5' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='213.9' cy='169.8' r='2.2' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='20.4' cy='129.5' r='2.5' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='19.6' cy='128.6' r='.6' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='235.4' cy='465.4' r='4.3' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='233.9' cy='463.9' r='1.1' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='44.9' cy='204.9' r='4.6' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='43.3' cy='203.3' r='1.2' fill='%23fff' opacity='.85'/%3E%3Ccircle cx='84.7' cy='61.8' r='2' fill='%23cffafe' fill-opacity='.07' stroke='%23cffafe' stroke-opacity='.65' stroke-width='.8'/%3E%3Ccircle cx='84' cy='61.1' r='.6' fill='%23fff' opacity='.85'/%3E%3C/svg%3E") 0 0 / 78px 210px; animation:mp-lt-suben 6s linear infinite; }
@keyframes mp-lt-ondea{ to{ background-position:210px 0; } }
@keyframes mp-lt-tiembla{ 0%{ transform:rotate(-6deg) scale(1.05,.95); } 100%{ transform:rotate(6deg) scale(.96,1.04); } }
@keyframes mp-lt-suben{ to{ background-position:0 -210px; } }

.mp-so-fondo{ background:radial-gradient(60% 90% at 50% 50%, rgba(94,234,212,.26), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' %3E%3Cg fill='%23ccfbf1' opacity='.3'%3E%3Ccircle cx='41' cy='229' r='.8'/%3E%3Ccircle cx='193' cy='115' r='1'/%3E%3Ccircle cx='176' cy='289' r='.6'/%3E%3Ccircle cx='23' cy='116' r='1'/%3E%3Ccircle cx='117' cy='263' r='.8'/%3E%3Ccircle cx='33' cy='18' r='.7'/%3E%3Ccircle cx='9' cy='59' r='1'/%3E%3Ccircle cx='81' cy='17' r='.9'/%3E%3Ccircle cx='13' cy='177' r='.4'/%3E%3Ccircle cx='131' cy='258' r='.7'/%3E%3Ccircle cx='224' cy='276' r='.9'/%3E%3Ccircle cx='20' cy='48' r='.5'/%3E%3Ccircle cx='155' cy='0' r='.9'/%3E%3Ccircle cx='37' cy='52' r='.4'/%3E%3Ccircle cx='287' cy='130' r='.5'/%3E%3Ccircle cx='231' cy='101' r='1'/%3E%3Ccircle cx='65' cy='142' r='1.1'/%3E%3Ccircle cx='43' cy='84' r='.9'/%3E%3Ccircle cx='285' cy='131' r='.7'/%3E%3Ccircle cx='229' cy='36' r='1.1'/%3E%3Ccircle cx='188' cy='172' r='.8'/%3E%3Ccircle cx='263' cy='110' r='.6'/%3E%3Ccircle cx='48' cy='101' r='.9'/%3E%3Ccircle cx='193' cy='28' r='.5'/%3E%3Ccircle cx='233' cy='37' r='1'/%3E%3Ccircle cx='197' cy='178' r='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px 120px,
  linear-gradient(180deg, #03202a, #021018); }
.mp-so-mira, .mp-so-aguja{ left:50%; top:50%; right:auto; bottom:auto; height:150%; aspect-ratio:1; translate:-50% -50%; }
.mp-so-mira{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 1000 1000' %3E%3Cg fill='none' stroke='%235eead4'%3E%3Ccircle cx='500' cy='500' r='120' stroke-opacity='.24' stroke-width='1.4'/%3E%3Ccircle cx='500' cy='500' r='240' stroke-opacity='.24' stroke-width='1.4'/%3E%3Ccircle cx='500' cy='500' r='360' stroke-opacity='.24' stroke-width='1.4'/%3E%3Ccircle cx='500' cy='500' r='470' stroke-opacity='.5' stroke-width='2.2'/%3E%3Ccircle cx='500' cy='500' r='482' stroke-opacity='.16' stroke-width='1'/%3E%3Cpath d='M500 30L500 54M541 31.8L540.3 39.8M581.6 37.1L580.2 45M621.6 46L617.8 60.5M660.7 58.3L658 65.9M698.6 74L695.2 81.3M735 93L723 113.8M769.6 115L765 121.6M802.1 140L797 146.1M832.3 167.7L821.7 178.3M860 197.9L853.9 203M885 230.4L878.4 235M907 265L886.2 277M926 301.4L918.7 304.8M941.7 339.3L934.1 342M954 378.4L939.5 382.2M962.9 418.4L955 419.8M968.2 459L960.2 459.7M970 500L946 500M968.2 541L960.2 540.3M962.9 581.6L955 580.2M954 621.6L939.5 617.8M941.7 660.7L934.1 658M926 698.6L918.7 695.2M907 735L886.2 723M885 769.6L878.4 765M860 802.1L853.9 797M832.3 832.3L821.7 821.7M802.1 860L797 853.9M769.6 885L765 878.4M735 907L723 886.2M698.6 926L695.2 918.7M660.7 941.7L658 934.1M621.6 954L617.8 939.5M581.6 962.9L580.2 955M541 968.2L540.3 960.2M500 970L500 946M459 968.2L459.7 960.2M418.4 962.9L419.8 955M378.4 954L382.2 939.5M339.3 941.7L342 934.1M301.4 926L304.8 918.7M265 907L277 886.2M230.4 885L235 878.4M197.9 860L203 853.9M167.7 832.3L178.3 821.7M140 802.1L146.1 797M115 769.6L121.6 765M93 735L113.8 723M74 698.6L81.3 695.2M58.3 660.7L65.9 658M46 621.6L60.5 617.8M37.1 581.6L45 580.2M31.8 541L39.8 540.3M30 500L54 500M31.8 459L39.8 459.7M37.1 418.4L45 419.8M46 378.4L60.5 382.2M58.3 339.3L65.9 342M74 301.4L81.3 304.8M93 265L113.8 277M115 230.4L121.6 235M140 197.9L146.1 203M167.7 167.7L178.3 178.3M197.9 140L203 146.1M230.4 115L235 121.6M265 93L277 113.8M301.4 74L304.8 81.3M339.3 58.3L342 65.9M378.4 46L382.2 60.5M418.4 37.1L419.8 45M459 31.8L459.7 39.8' stroke-opacity='.55' stroke-width='1.6'/%3E%3Cpath d='M500 460L500 50M520 465.4L725 110.3M534.6 480L889.7 275M540 500L950 500M534.6 520L889.7 725M520 534.6L725 889.7M500 540L500 950M480 534.6L275 889.7M465.4 520L110.3 725M460 500L50 500M465.4 480L110.3 275M480 465.4L275 110.3' stroke-opacity='.1' stroke-width='1'/%3E%3Cpath d='M40 500H960M500 40V960' stroke-opacity='.2' stroke-width='1' stroke-dasharray='6 10'/%3E%3C/g%3E%3Cg font-family='monospace' font-size='17' fill='%2399f6e4' fill-opacity='.5' text-anchor='middle'%3E%3Ctext x='500' y='22'%3E000%3C/text%3E%3Ctext x='978' y='506'%3E090%3C/text%3E%3Ctext x='500' y='994'%3E180%3C/text%3E%3Ctext x='24' y='506'%3E270%3C/text%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.mp-so-aguja{ border-radius:50%; background:conic-gradient(from 0deg, transparent 0deg, rgba(94,234,212,.04) 230deg, rgba(94,234,212,.32) 352deg, rgba(220,255,250,.95) 359.3deg, transparent 359.7deg);
  animation:mp-gira 3s linear infinite; }

.mp-cv-placa{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='480' viewBox='0 0 720 480' %3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Cpath id='b' d='M0 60H720M0 220H720M0 380H720'/%3E%3Cpath id='u' d='M209 380V344L224 329H301M546 380V419L530 435H462M354 380V398L369 413H413M195 220V262L213 280H267M74 220V193L88 179H168M292 220V250L277 265H232M251 380V411L223 439H107M511 220V176L494 159H393M590 380V330L613 307H656M479 60V97L455 121H403M694 380V350L676 332H628M153 60V33L171 15H267M648 220V254L672 278H703M578 60V95L590 107H677M261 220V258L236 283H172M525 220V176L512 163H443M196 104V60M226 166V220M486 264V220M516 326V380'/%3E%3C/defs%3E%3Cuse href='%23b' stroke='%233b82f6' stroke-opacity='.14' stroke-width='7'/%3E%3Cuse href='%23u' stroke='%233b82f6' stroke-opacity='.12' stroke-width='6'/%3E%3Cuse href='%23b' stroke='%2393c5fd' stroke-opacity='.48' stroke-width='2'/%3E%3Cuse href='%23u' stroke='%2360a5fa' stroke-opacity='.5' stroke-width='1.8'/%3E%3Cpath d='M186 112v-8M186 158v8M196 112v-8M196 158v8M206 112v-8M206 158v8M216 112v-8M216 158v8M226 112v-8M226 158v8M236 112v-8M236 158v8M476 272v-8M476 318v8M486 272v-8M486 318v8M496 272v-8M496 318v8M506 272v-8M506 318v8M516 272v-8M516 318v8M526 272v-8M526 318v8' stroke='%2393c5fd' stroke-opacity='.55' stroke-width='2'/%3E%3C/g%3E%3Crect x='180' y='112' width='62' height='46' rx='3' fill='%2306111f' stroke='%2360a5fa' stroke-opacity='.5'/%3E%3Ccircle cx='188' cy='120' r='2' fill='%2360a5fa' opacity='.5'/%3E%3Crect x='470' y='272' width='62' height='46' rx='3' fill='%2306111f' stroke='%2360a5fa' stroke-opacity='.5'/%3E%3Ccircle cx='478' cy='280' r='2' fill='%2360a5fa' opacity='.5'/%3E%3Cg fill='%2303080f' stroke='%2393c5fd' stroke-opacity='.7' stroke-width='1.6'%3E%3Ccircle cx='301' cy='329' r='4.2'/%3E%3Ccircle cx='462' cy='435' r='4.2'/%3E%3Ccircle cx='413' cy='413' r='4.2'/%3E%3Ccircle cx='267' cy='280' r='4.2'/%3E%3Ccircle cx='168' cy='179' r='4.2'/%3E%3Ccircle cx='232' cy='265' r='4.2'/%3E%3Ccircle cx='107' cy='439' r='4.2'/%3E%3Ccircle cx='393' cy='159' r='4.2'/%3E%3Ccircle cx='656' cy='307' r='4.2'/%3E%3Ccircle cx='403' cy='121' r='4.2'/%3E%3Ccircle cx='628' cy='332' r='4.2'/%3E%3Ccircle cx='267' cy='15' r='4.2'/%3E%3Ccircle cx='703' cy='278' r='4.2'/%3E%3Ccircle cx='677' cy='107' r='4.2'/%3E%3Ccircle cx='172' cy='283' r='4.2'/%3E%3Ccircle cx='443' cy='163' r='4.2'/%3E%3C/g%3E%3C/svg%3E") -20px -10px / 216px 144px,
  radial-gradient(70% 90% at 50% 10%, rgba(96,165,250,.32), transparent 70%), #03080f; }
.mp-cv-datos{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='480' viewBox='0 0 600 480' %3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-color='%2393c5fd' stop-opacity='0'/%3E%3Cstop offset='.75' stop-color='%23bfdbfe' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Crect x='145' y='56' width='119' height='8' rx='4' opacity='.3'/%3E%3Crect x='145' y='58.8' width='119' height='2.4' rx='1.2'/%3E%3Crect x='416' y='56' width='57' height='8' rx='4' opacity='.3'/%3E%3Crect x='416' y='58.8' width='57' height='2.4' rx='1.2'/%3E%3Crect x='138' y='216' width='120' height='8' rx='4' opacity='.3'/%3E%3Crect x='138' y='218.8' width='120' height='2.4' rx='1.2'/%3E%3Crect x='396' y='216' width='79' height='8' rx='4' opacity='.3'/%3E%3Crect x='396' y='218.8' width='79' height='2.4' rx='1.2'/%3E%3Crect x='119' y='376' width='63' height='8' rx='4' opacity='.3'/%3E%3Crect x='119' y='378.8' width='63' height='2.4' rx='1.2'/%3E%3Crect x='354' y='376' width='100' height='8' rx='4' opacity='.3'/%3E%3Crect x='354' y='378.8' width='100' height='2.4' rx='1.2'/%3E%3C/g%3E%3C/svg%3E") 0 -10px / 180px 144px; animation:mp-cv-corre 2.4s linear infinite; }
@keyframes mp-cv-corre{ to{ background-position:180px -10px; } }

.mp-pc-fondo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97' %3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235eead4' stop-opacity='.07'/%3E%3Cstop offset='1' stop-color='%235eead4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 5.17L51.52 18.75L51.52 45.91L28 59.49L4.48 45.91L4.48 18.75ZM28 102.17L51.52 115.75L51.52 142.91L28 156.49L4.48 142.91L4.48 115.75ZM0 53.67L23.52 67.25L23.52 94.41L0 107.99L-23.52 94.41L-23.52 67.25ZM56 53.67L79.52 67.25L79.52 94.41L56 107.99L32.48 94.41L32.48 67.25ZM0 -43.33L23.52 -29.75L23.52 -2.59L0 10.99L-23.52 -2.59L-23.52 -29.75ZM56 -43.33L79.52 -29.75L79.52 -2.59L56 10.99L32.48 -2.59L32.48 -29.75Z' fill='url(%23v)' stroke='%23fff' stroke-opacity='.05' stroke-width='.8'/%3E%3Cpath d='M28 0L56 16.17L56 48.5L28 64.66L0 48.5L0 16.17ZM28 97L56 113.17L56 145.5L28 161.66L0 145.5L0 113.17ZM0 48.5L28 64.66L28 96.99L0 113.16L-28 96.99L-28 64.66ZM56 48.5L84 64.66L84 96.99L56 113.16L28 96.99L28 64.66ZM0 -48.5L28 -32.34L28 -.01L0 16.16L-28 -.01L-28 -32.34ZM56 -48.5L84 -32.34L84 -.01L56 16.16L28 -.01L28 -32.34Z' fill='none' stroke='%232dd4bf' stroke-opacity='.14' stroke-width='4'/%3E%3Cpath d='M28 0L56 16.17L56 48.5L28 64.66L0 48.5L0 16.17ZM28 97L56 113.17L56 145.5L28 161.66L0 145.5L0 113.17ZM0 48.5L28 64.66L28 96.99L0 113.16L-28 96.99L-28 64.66ZM56 48.5L84 64.66L84 96.99L56 113.16L28 96.99L28 64.66ZM0 -48.5L28 -32.34L28 -.01L0 16.16L-28 -.01L-28 -32.34ZM56 -48.5L84 -32.34L84 -.01L56 16.16L28 -.01L28 -32.34Z' fill='none' stroke='%232dd4bf' stroke-opacity='.6' stroke-width='1.3'/%3E%3C/svg%3E") 0 0 / 33.6px 58.2px,
  radial-gradient(60% 90% at 25% 25%, rgba(45,212,191,.34), transparent 64%),
  radial-gradient(55% 90% at 78% 78%, rgba(139,92,246,.32), transparent 66%), #050211;
  animation:mp-pc-deriva 6s linear infinite; }
.mp-pc-celdas{ background:radial-gradient(28px 28px at 24% 40%, rgba(94,234,212,.8), transparent 62%),
  radial-gradient(24px 24px at 60% 70%, rgba(196,181,253,.75), transparent 62%),
  radial-gradient(26px 26px at 86% 30%, rgba(45,212,191,.7), transparent 62%);
  --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97' %3E%3Cpath d='M28 3.88L52.64 18.11L52.64 46.56L28 60.78L3.36 46.56L3.36 18.11ZM28 100.88L52.64 115.11L52.64 143.56L28 157.78L3.36 143.56L3.36 115.11ZM0 52.38L24.64 66.6L24.64 95.05L0 109.28L-24.64 95.05L-24.64 66.6ZM56 52.38L80.64 66.6L80.64 95.05L56 109.28L31.36 95.05L31.36 66.6ZM0 -44.62L24.64 -30.4L24.64 -1.95L0 12.28L-24.64 -1.95L-24.64 -30.4ZM56 -44.62L80.64 -30.4L80.64 -1.95L56 12.28L31.36 -1.95L31.36 -30.4Z' fill='%23000'/%3E%3C/svg%3E"); -webkit-mask-image:var(--m); mask-image:var(--m);
  -webkit-mask-size:33.6px 58.2px; mask-size:33.6px 58.2px;
  animation:mp-late 1.8s ease-in-out infinite alternate, mp-pc-deriva-m 6s linear infinite; }
@keyframes mp-pc-deriva{ to{ background-position:0 58.2px, 0 0, 0 0; } }
@keyframes mp-pc-deriva-m{ to{ -webkit-mask-position:0 58.2px; mask-position:0 58.2px; } }
.mp-pc-onda{ inset:-60%; background:linear-gradient(115deg, transparent 45%, rgba(94,234,212,.4) 50%, transparent 55%);
  animation:mp-pc-onda 4s cubic-bezier(.5,0,.5,1) infinite; }
@keyframes mp-pc-onda{ 0%{ transform:translate(-30%,-20%); opacity:0; } 15%{ opacity:1; } 70%,100%{ transform:translate(30%,20%); opacity:0; } }

.mp-vt-vidrio{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800' %3E%3Cdefs%3E%3Cfilter id='t' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .85  0 0 0 .9 -.3'/%3E%3C/filter%3E%3C/defs%3E%3Cg stroke='%2308050e' stroke-width='7' stroke-linejoin='round'%3E%3Cg fill='rgba(180,83,9,.5)'%3E%3Cpath id='v0' d='M132 329L126 460L15 481ZM132 329L232 438L126 460ZM221 249L349 249L337 332L247 345ZM247 345L337 332L321 451L232 438ZM363 136L470 134L470 243L349 249ZM932 329L926 460L815 481Z'/%3E%3C/g%3E%3Cg fill='rgba(161,98,7,.48)'%3E%3Cpath id='v1' d='M-138 462L15 481L-9 587L-100 595ZM-100 595L-9 587L-91 673ZM6 89L118 95L92 217L-3 245ZM15 481L117 578L-9 587ZM92 217L221 249L247 345L132 329ZM230 -97L343 -126L325 21L224 9ZM232 438L321 451L224 558ZM230 703L343 674L325 821L224 809ZM321 578L469 597L477 664L343 674ZM470 134L587 132L582 241L470 243ZM469 597L556 570L549 687ZM662 462L815 481L791 587L700 595ZM700 595L791 587L709 673ZM806 89L918 95L892 217L797 245ZM815 481L917 578L791 587Z'/%3E%3C/g%3E%3Cg fill='rgba(109,40,217,.48)'%3E%3Cpath id='v2' d='M3 12L133 7L118 95L6 89ZM3 812L133 807L118 895L6 889ZM133 7L224 9L248 125L118 95ZM132 329L247 345L232 438ZM232 438L224 558L117 578ZM117 578L224 558L230 703L132 695ZM133 807L224 809L248 925L118 895ZM349 249L470 243L337 332ZM474 369L564 367L589 483ZM434 460L589 483L556 570L469 597ZM469 597L549 687L477 664ZM679 115L705 203L582 241ZM582 241L705 203L681 342L564 367ZM564 367L681 342L662 462L589 483ZM556 570L700 595L709 673L549 687ZM803 12L933 7L918 95L806 89ZM803 812L933 807L918 895L806 889Z'/%3E%3C/g%3E%3Cg fill='rgba(67,56,202,.48)'%3E%3Cpath id='v3' d='M-9 587L132 695L-14 702ZM132 -105L230 -97L224 9L133 7ZM118 95L248 125L221 249ZM118 95L221 249L92 217ZM132 695L230 703L224 809L133 807ZM325 21L453 15L470 134L363 136ZM337 332L474 369L434 460L321 451ZM325 821L453 815L470 934L363 936ZM470 243L582 241L564 367L474 369ZM791 587L932 695L786 702Z'/%3E%3C/g%3E%3Cg fill='rgba(15,118,110,.48)'%3E%3Cpath id='v4' d='M-9 587L-14 702L-91 673ZM224 9L325 21L363 136ZM224 809L325 821L363 936ZM434 460L469 597L321 578ZM587 132L679 115L582 241ZM791 587L786 702L709 673Z'/%3E%3C/g%3E%3Cg fill='rgba(190,18,60,.46)'%3E%3Cpath id='v5' d='M-121 115L6 89L-95 203ZM6 89L-3 245L-95 203ZM-95 203L-3 245L-12 348L-119 342ZM-3 245L92 217L132 329ZM-12 348L132 329L15 481ZM321 451L321 578L224 558ZM549 -113L709 -127L684 18L548 -25ZM549 687L709 673L684 818L548 775ZM679 115L806 89L705 203ZM806 89L797 245L705 203ZM705 203L797 245L788 348L681 342ZM797 245L892 217L932 329ZM788 348L932 329L815 481Z'/%3E%3C/g%3E%3Cg fill='rgba(136,19,55,.5)'%3E%3Cpath id='v6' d='M-91 -127L-14 -98L3 12L-116 18ZM-116 18L3 12L6 89L-121 115ZM-91 673L-14 702L3 812L-116 818ZM-116 818L3 812L6 889L-121 915ZM-14 -98L132 -105L3 12ZM-14 702L132 695L3 812ZM343 -126L477 -136L453 15L325 21ZM343 674L477 664L453 815L325 821ZM477 -136L549 -113L548 -25L453 15ZM453 15L548 -25L587 132L470 134ZM474 369L589 483L434 460ZM477 664L549 687L548 775L453 815ZM453 815L548 775L587 932L470 934ZM709 -127L786 -98L803 12L684 18ZM684 18L803 12L806 89L679 115ZM709 673L786 702L803 812L684 818ZM684 818L803 812L806 889L679 915ZM786 -98L932 -105L803 12ZM786 702L932 695L803 812Z'/%3E%3C/g%3E%3Cg fill='rgba(4,120,87,.48)'%3E%3Cpath id='v7' d='M132 -105L133 7L3 12ZM-3 245L132 329L-12 348ZM-9 587L117 578L132 695ZM132 695L133 807L3 812ZM248 125L363 136L349 249L221 249ZM224 558L321 578L343 674L230 703ZM470 243L474 369L337 332ZM321 451L434 460L321 578ZM589 483L662 462L700 595L556 570ZM932 -105L933 7L803 12ZM797 245L932 329L788 348ZM791 587L917 578L932 695ZM932 695L933 807L803 812Z'/%3E%3C/g%3E%3Cg fill='rgba(29,78,216,.48)'%3E%3Cpath id='v8' d='M-119 342L-12 348L15 481L-138 462ZM15 481L126 460L117 578ZM126 460L232 438L117 578ZM224 9L363 136L248 125ZM224 809L363 936L248 925ZM548 -25L684 18L679 115L587 132ZM548 775L684 818L679 915L587 932ZM681 342L788 348L815 481L662 462ZM815 481L926 460L917 578Z'/%3E%3C/g%3E%3C/g%3E%3Crect width='800' height='800' filter='url(%23t)' opacity='.22'/%3E%3Cg fill='none' stroke='%23ffe2b0' stroke-opacity='.16' stroke-width='1.2' transform='translate(-1.4 -1.4)'%3E%3Cuse href='%23v0'/%3E%3Cuse href='%23v1'/%3E%3Cuse href='%23v2'/%3E%3Cuse href='%23v3'/%3E%3Cuse href='%23v4'/%3E%3Cuse href='%23v5'/%3E%3Cuse href='%23v6'/%3E%3Cuse href='%23v7'/%3E%3Cuse href='%23v8'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 200px 200px,
  radial-gradient(70% 90% at 40% 30%, rgba(120,70,30,.5), transparent 70%), #0b0713; }
.mp-vt-sol{ inset:-60%; background:radial-gradient(18% 30% at 40% 45%, rgba(255,226,170,.45), transparent 70%),
  radial-gradient(14% 24% at 62% 55%, rgba(255,214,200,.32), transparent 70%);
  animation:mp-vt-sol 5s ease-in-out infinite alternate; }
@keyframes mp-vt-sol{ 0%{ transform:translate(-18%,-8%) rotate(-10deg); } 50%{ transform:translate(4%,6%) rotate(2deg) scale(1.12); } 100%{ transform:translate(18%,-4%) rotate(12deg); } }

.mp-me-cielo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='%23dbeafe' opacity='.45'%3E%3Ccircle cx='48' cy='142' r='.8'/%3E%3Ccircle cx='123' cy='158' r='.4'/%3E%3Ccircle cx='134' cy='46' r='.6'/%3E%3Ccircle cx='52' cy='122' r='.9'/%3E%3Ccircle cx='11' cy='29' r='1.2'/%3E%3C/g%3E%3Cg fill='%23fef3c7' opacity='1'%3E%3Ccircle cx='192' cy='5' r='1.3'/%3E%3C/g%3E%3Cg fill='%23fef3c7' opacity='.45'%3E%3Ccircle cx='2' cy='108' r='1.3'/%3E%3Ccircle cx='175' cy='105' r='.4'/%3E%3Ccircle cx='172' cy='44' r='.4'/%3E%3Ccircle cx='170' cy='80' r='.4'/%3E%3C/g%3E%3Cg fill='%23dbeafe' opacity='1'%3E%3Ccircle cx='65' cy='93' r='.4'/%3E%3Ccircle cx='132' cy='150' r='1'/%3E%3Ccircle cx='164' cy='69' r='.8'/%3E%3Ccircle cx='150' cy='34' r='.7'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.7'%3E%3Ccircle cx='88' cy='78' r='.7'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.45'%3E%3Ccircle cx='126' cy='117' r='.4'/%3E%3Ccircle cx='140' cy='1' r='.4'/%3E%3C/g%3E%3Cg fill='%23e0e7ff' opacity='1'%3E%3Ccircle cx='151' cy='164' r='.7'/%3E%3C/g%3E%3Cg fill='%23dbeafe' opacity='.7'%3E%3Ccircle cx='188' cy='182' r='1.4'/%3E%3Ccircle cx='133' cy='69' r='.8'/%3E%3C/g%3E%3Cg fill='%23e0e7ff' opacity='.7'%3E%3Ccircle cx='10' cy='104' r='.7'/%3E%3Ccircle cx='173' cy='158' r='.4'/%3E%3Ccircle cx='164' cy='167' r='1'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='1'%3E%3Ccircle cx='5' cy='17' r='.7'/%3E%3Ccircle cx='60' cy='124' r='.6'/%3E%3C/g%3E%3Cg fill='%23fef3c7' opacity='.7'%3E%3Ccircle cx='190' cy='135' r='.8'/%3E%3C/g%3E%3Ccircle cx='69' cy='162' r='7' fill='url(%23h)'/%3E%3Cpath d='M63 162h12M69 156v12' stroke='%23fff' stroke-opacity='.45' stroke-width='.5'/%3E%3Ccircle cx='69' cy='162' r='1.2' fill='%23fff'/%3E%3Ccircle cx='70' cy='47' r='7' fill='url(%23h)'/%3E%3Cpath d='M64 47h12M70 41v12' stroke='%23fff' stroke-opacity='.45' stroke-width='.5'/%3E%3Ccircle cx='70' cy='47' r='1.2' fill='%23fff'/%3E%3C/svg%3E") 0 0 / 120px 120px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='p' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .88  0 0 0 0 .92  0 0 0 0 1  0 0 0 9 -6.2'/%3E%3C/filter%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.007 .016' numOctaves='4' seed='8'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .64  0 0 0 0 .98  0 0 0 1.8 -.72'/%3E%3C/filter%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='.22' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.95'/%3E%3Cstop offset='.78' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1000' height='600' fill='url(%23b)'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Crect width='1000' height='600' filter='url(%23c)' opacity='.55'/%3E%3Crect width='1000' height='600' filter='url(%23p)'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat,
  radial-gradient(70% 90% at 72% 10%, rgba(37,99,235,.4), transparent 70%), linear-gradient(180deg, #050a24, #030616); }
.mp-me-meteoros{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900' %3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23e0f2fe' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%2393c5fd' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='m0' gradientUnits='userSpaceOnUse' x1='803.8' y1='86.2' x2='620' y2='270'%3E%3Cstop offset='0' stop-color='%2393c5fd' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23bfdbfe' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='m1' gradientUnits='userSpaceOnUse' x1='391.4' y1='558.6' x2='250' y2='700'%3E%3Cstop offset='0' stop-color='%2393c5fd' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23bfdbfe' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='m2' gradientUnits='userSpaceOnUse' x1='207.8' y1='252.2' x2='130' y2='330'%3E%3Cstop offset='0' stop-color='%2393c5fd' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23bfdbfe' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M803.8 86.2L621.2 271.2L618.8 268.8Z' fill='url(%23m0)'/%3E%3Ccircle cx='620' cy='270' r='8.5' fill='url(%23h)'/%3E%3Ccircle cx='620' cy='270' r='1.9' fill='%23fff'/%3E%3Cpath d='M391.4 558.6L251 701L249 699Z' fill='url(%23m1)'/%3E%3Ccircle cx='250' cy='700' r='7' fill='url(%23h)'/%3E%3Ccircle cx='250' cy='700' r='1.5' fill='%23fff'/%3E%3Cpath d='M207.8 252.2L130.7 330.7L129.3 329.3Z' fill='url(%23m2)'/%3E%3Ccircle cx='130' cy='330' r='5' fill='url(%23h)'/%3E%3Ccircle cx='130' cy='330' r='1.1' fill='%23fff'/%3E%3C/svg%3E") 0 0 / 200px 200px; animation:mp-me-cae 2.4s linear infinite; }
@keyframes mp-me-cae{ to{ background-position:-200px 200px; } }

.mp-hp-fondo{ background:radial-gradient(60% 90% at 20% 25%, rgba(196,181,253,.3), transparent 70%),
  radial-gradient(55% 90% at 80% 40%, rgba(244,190,220,.26), transparent 72%), #0b0a12; }
.mp-hp-cintas{ inset:-25% -15%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 700' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-30%25' width='140%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cfilter id='s' x='-20%25' y='-30%25' width='140%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3ClinearGradient id='g0' x1='0' y1='0' x2='1' y2='.35'%3E%3Cstop offset='0' stop-color='%23c4b5fd' stop-opacity='0'/%3E%3Cstop offset='.28' stop-color='%23c4b5fd' stop-opacity='0.6'/%3E%3Cstop offset='.62' stop-color='%23f4bedc' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23e9e3f5' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='1' y2='.35'%3E%3Cstop offset='0' stop-color='%23e9e3f5' stop-opacity='0'/%3E%3Cstop offset='.28' stop-color='%23e9e3f5' stop-opacity='0.45'/%3E%3Cstop offset='.62' stop-color='%23c4b5fd' stop-opacity='0.45'/%3E%3Cstop offset='1' stop-color='%2399dcd6' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='1' y2='.35'%3E%3Cstop offset='0' stop-color='%23f4bedc' stop-opacity='0'/%3E%3Cstop offset='.28' stop-color='%23f4bedc' stop-opacity='0.38'/%3E%3Cstop offset='.62' stop-color='%23fbd5c5' stop-opacity='0.38'/%3E%3Cstop offset='1' stop-color='%23c4b5fd' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M-60 84C-29 96 65 132 127 157C189 181 252 213 314 230C376 247 439 258 501 257C563 255 626 241 688 220C750 199 813 161 875 132C937 103 1031 61 1062 47L1062 104C1031 115 937 142 875 167C813 193 750 232 688 257C626 281 563 309 501 315C439 321 376 311 314 292C252 274 189 235 127 205C65 174 -29 123 -60 107Z' fill='url(%23g0)' filter='url(%23b)'/%3E%3Cpath d='M-60 84C-29 96 65 132 127 157C189 181 252 213 314 230C376 247 439 258 501 257C563 255 626 241 688 220C750 199 813 161 875 132C937 103 1031 61 1062 47' fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='5' filter='url(%23s)'/%3E%3Cpath d='M-60 279C-29 268 65 230 127 213C189 195 252 181 314 173C376 165 439 162 501 164C563 167 626 173 688 187C750 201 813 229 875 251C937 273 1031 308 1062 320L1062 395C1031 387 937 367 875 346C813 326 750 295 688 274C626 252 563 225 501 217C439 210 376 216 314 231C252 245 189 278 127 302C65 326 -29 362 -60 374Z' fill='url(%23g1)' filter='url(%23b)'/%3E%3Cpath d='M-60 279C-29 268 65 230 127 213C189 195 252 181 314 173C376 165 439 162 501 164C563 167 626 173 688 187C750 201 813 229 875 251C937 273 1031 308 1062 320' fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='5' filter='url(%23s)'/%3E%3Cpath d='M-60 298C-29 303 65 307 127 326C189 345 252 386 314 410C376 434 439 456 501 469C563 482 626 488 688 487C750 487 813 478 875 467C937 455 1031 427 1062 419L1062 496C1031 509 937 558 875 574C813 591 750 599 688 594C626 589 563 565 501 543C439 521 376 484 314 464C252 444 189 431 127 422C65 413 -29 412 -60 410Z' fill='url(%23g2)' filter='url(%23b)'/%3E%3Cpath d='M-60 298C-29 303 65 307 127 326C189 345 252 386 314 410C376 434 439 456 501 469C563 482 626 488 688 487C750 487 813 478 875 467C937 455 1031 427 1062 419' fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='5' filter='url(%23s)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  animation:mp-hp-flota 5s ease-in-out infinite alternate; }
.mp-hp-brillo{ left:0; right:auto; width:40%; background:linear-gradient(90deg, transparent, rgba(244,190,220,.12), rgba(255,255,255,.2), rgba(153,220,214,.12), transparent);
  transform:translateX(-120%) skewX(-20deg); animation:mp-pasa 3.6s ease-in-out infinite; }
@keyframes mp-hp-flota{ 0%{ transform:translate(-7%,3%) rotate(-3deg); } 50%{ transform:translate(1%,-4%) rotate(3deg) scale(1.08); } 100%{ transform:translate(7%,2%) rotate(-1deg) scale(1.03); } }

.mp-eq-fondo{ background:radial-gradient(70% 90% at 50% 120%, rgba(139,92,246,.55), transparent 72%),
  conic-gradient(from 160deg at 28% -10%, transparent 0deg, rgba(196,181,253,.12) 12deg, transparent 26deg), #0a0612; }
.mp-eq-barras{ top:18%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='352' height='1728' viewBox='0 0 352 1728' %3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='432' x2='0' y2='0' spreadMethod='repeat'%3E%3Cstop offset='0' stop-color='%235b21b6'/%3E%3Cstop offset='.55' stop-color='%23a78bfa'/%3E%3Cstop offset='1' stop-color='%23f5d0fe'/%3E%3C/linearGradient%3E%3Cpattern id='p' width='22' height='9' patternUnits='userSpaceOnUse'%3E%3Crect width='22' height='6.5' fill='%23fff'/%3E%3C/pattern%3E%3Cmask id='k'%3E%3Crect width='352' height='1728' fill='url(%23p)'/%3E%3C/mask%3E%3C/defs%3E%3Cpath d='M4 429v-137h15v137zM26 429v-379h15v379zM48 429v-375h15v375zM70 429v-212h15v212zM92 429v-296h15v296zM114 429v-149h15v149zM136 429v-265h15v265zM158 429v-103h15v103zM180 429v-262h15v262zM202 429v-266h15v266zM224 429v-300h15v300zM246 429v-304h15v304zM268 429v-211h15v211zM290 429v-154h15v154zM312 429v-308h15v308zM334 429v-209h15v209zM4 861v-219h15v219zM26 861v-327h15v327zM48 861v-358h15v358zM70 861v-315h15v315zM92 861v-158h15v158zM114 861v-144h15v144zM136 861v-204h15v204zM158 861v-169h15v169zM180 861v-323h15v323zM202 861v-263h15v263zM224 861v-212h15v212zM246 861v-202h15v202zM268 861v-282h15v282zM290 861v-190h15v190zM312 861v-149h15v149zM334 861v-154h15v154zM4 1293v-137h15v137zM26 1293v-292h15v292zM48 1293v-415h15v415zM70 1293v-293h15v293zM92 1293v-279h15v279zM114 1293v-193h15v193zM136 1293v-190h15v190zM158 1293v-108h15v108zM180 1293v-319h15v319zM202 1293v-286h15v286zM224 1293v-237h15v237zM246 1293v-393h15v393zM268 1293v-179h15v179zM290 1293v-156h15v156zM312 1293v-307h15v307zM334 1293v-97h15v97zM4 1725v-150h15v150zM26 1725v-334h15v334zM48 1725v-415h15v415zM70 1725v-237h15v237zM92 1725v-314h15v314zM114 1725v-266h15v266zM136 1725v-312h15v312zM158 1725v-207h15v207zM180 1725v-287h15v287zM202 1725v-300h15v300zM224 1725v-358h15v358zM246 1725v-415h15v415zM268 1725v-249h15v249zM290 1725v-222h15v222zM312 1725v-188h15v188zM334 1725v-127h15v127z' fill='url(%23g)' mask='url(%23k)'/%3E%3Cpath d='M4 284h15v3h-15zM26 42h15v3h-15zM48 46h15v3h-15zM70 209h15v3h-15zM92 125h15v3h-15zM114 272h15v3h-15zM136 156h15v3h-15zM158 318h15v3h-15zM180 159h15v3h-15zM202 155h15v3h-15zM224 121h15v3h-15zM246 117h15v3h-15zM268 210h15v3h-15zM290 267h15v3h-15zM312 113h15v3h-15zM334 212h15v3h-15zM4 634h15v3h-15zM26 526h15v3h-15zM48 495h15v3h-15zM70 538h15v3h-15zM92 695h15v3h-15zM114 709h15v3h-15zM136 649h15v3h-15zM158 684h15v3h-15zM180 530h15v3h-15zM202 590h15v3h-15zM224 641h15v3h-15zM246 651h15v3h-15zM268 571h15v3h-15zM290 663h15v3h-15zM312 704h15v3h-15zM334 699h15v3h-15zM4 1148h15v3h-15zM26 993h15v3h-15zM48 870h15v3h-15zM70 992h15v3h-15zM92 1006h15v3h-15zM114 1092h15v3h-15zM136 1095h15v3h-15zM158 1177h15v3h-15zM180 966h15v3h-15zM202 999h15v3h-15zM224 1048h15v3h-15zM246 892h15v3h-15zM268 1106h15v3h-15zM290 1129h15v3h-15zM312 978h15v3h-15zM334 1188h15v3h-15zM4 1567h15v3h-15zM26 1383h15v3h-15zM48 1302h15v3h-15zM70 1480h15v3h-15zM92 1403h15v3h-15zM114 1451h15v3h-15zM136 1405h15v3h-15zM158 1510h15v3h-15zM180 1430h15v3h-15zM202 1417h15v3h-15zM224 1359h15v3h-15zM246 1302h15v3h-15zM268 1468h15v3h-15zM290 1495h15v3h-15zM312 1529h15v3h-15zM334 1590h15v3h-15z' fill='%23f5d0fe' opacity='.85'/%3E%3C/svg%3E") 0 0 / auto 400% repeat-x;
  animation:mp-eq-salta .72s steps(4) infinite; }
@keyframes mp-eq-salta{ from{ background-position-y:0%; } to{ background-position-y:133.333%; } }

.mp-lt2-rejilla{ background:repeating-linear-gradient(0deg, rgba(244,63,94,.18) 0 1px, transparent 1px 12px),
  repeating-linear-gradient(90deg, rgba(244,63,94,.18) 0 1px, transparent 1px 12px),
  radial-gradient(60% 90% at 50% 50%, rgba(244,63,94,.32), transparent 72%), #100510; }
.mp-lt2-trazo, .mp-lt2-luz{ top:50%; bottom:auto; height:56px; margin-top:-35px; }
.mp-lt2-trazo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='160' viewBox='0 0 300 160' %3E%3Cg fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fb7185' stroke-opacity='.12' stroke-width='10'/%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fb7185' stroke-opacity='.35' stroke-width='4'/%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fb7185' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 105px 56px repeat-x; opacity:.5; }
.mp-lt2-luz{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='160' viewBox='0 0 300 160' %3E%3Cg fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fb7185' stroke-opacity='.32' stroke-width='12'/%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fda4af' stroke-opacity='.65' stroke-width='4.5'/%3E%3Cpath d='M0 100H58C64 100 66 90 73 90C80 90 82 100 88 100H104L110 107L119 26L128 126L134 100H150C160 100 165 80 178 80C191 80 196 100 206 100H300' stroke='%23fff1f2' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 105px 56px repeat-x;
  -webkit-mask-image:linear-gradient(90deg, transparent, rgba(0,0,0,.5) 70%, #000 96%, transparent);
          mask-image:linear-gradient(90deg, transparent, rgba(0,0,0,.5) 70%, #000 96%, transparent);
  -webkit-mask-size:60% 100%; mask-size:60% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  animation:mp-lt2-barre 2.8s linear infinite; }
@keyframes mp-lt2-barre{ from{ -webkit-mask-position:-150% 0; mask-position:-150% 0; } to{ -webkit-mask-position:250% 0; mask-position:250% 0; } }

.mp-lb-fondo{ background:radial-gradient(70% 90% at 50% 0%, rgba(56,246,255,.2), transparent 70%), #00080a; }
.mp-lb-codigo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='336' height='720' viewBox='0 0 336 720' %3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2338f6ff' stop-opacity='0'/%3E%3Cstop offset='.82' stop-color='%2338f6ff' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23effeff'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-60%25' y='-60%25' width='220%25' height='220%25'%3E%3CfeGaussianBlur stdDeviation='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg font-family='monospace' font-size='15' font-weight='700' text-anchor='middle' fill='url(%23g)'%3E%3Ctext x='12 12 12 12 12 12 12 12 12 12 12 12 12' y='342 360 378 396 414 432 450 468 486 504 522 540 558'%3E1110101111100%3C/text%3E%3Ctext x='36 36 36 36 36 36 36 36 36 36 36 36 36 36 36' y='324 342 360 378 396 414 432 450 468 486 504 522 540 558 576'%3E110001010100110%3C/text%3E%3Ctext x='60 60 60 60 60 60 60 60 60 60 60 60 60 60' y='162 180 198 216 234 252 270 288 306 324 342 360 378 396'%3E11000010111001%3C/text%3E%3Ctext x='84 84 84 84 84 84 84 84 84 84 84 84 84 84 84 84 84 84' y='270 288 306 324 342 360 378 396 414 432 450 468 486 504 522 540 558 576'%3E111101010011110100%3C/text%3E%3Ctext x='132 132 132 132 132 132 132 132' y='522 540 558 576 594 612 630 648'%3E10101101%3C/text%3E%3Ctext x='156 156 156 156 156 156 156 156 156 156 156 156 156 156 156 156 156' y='180 198 216 234 252 270 288 306 324 342 360 378 396 414 432 450 468'%3E01010101011100100%3C/text%3E%3Ctext x='180 180 180 180 180 180 180 180 180 180 180' y='324 342 360 378 396 414 432 450 468 486 504'%3E11001000001%3C/text%3E%3Ctext x='204 204 204 204 204 204 204 204 204 204 204' y='486 504 522 540 558 576 594 612 630 648 666'%3E10101010100%3C/text%3E%3Ctext x='228 228 228 228 228 228 228 228 228 228 228' y='54 72 90 108 126 144 162 180 198 216 234'%3E01111011001%3C/text%3E%3Ctext x='252 252 252 252 252 252 252 252 252 252 252 252 252 252 252 252' y='234 252 270 288 306 324 342 360 378 396 414 432 450 468 486 504'%3E1010100011110011%3C/text%3E%3Ctext x='276 276 276 276 276 276 276 276 276 276 276 276 276 276 276 276' y='198 216 234 252 270 288 306 324 342 360 378 396 414 432 450 468'%3E0000110001100101%3C/text%3E%3Ctext x='300 300 300 300 300 300 300 300 300 300 300 300' y='126 144 162 180 198 216 234 252 270 288 306 324'%3E111111100011%3C/text%3E%3Ctext x='324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324 324' y='36 54 72 90 108 126 144 162 180 198 216 234 252 270 288 306 324 342 360 378 396'%3E101000101111101100111%3C/text%3E%3C/g%3E%3Cg font-family='monospace' font-size='15' font-weight='700' text-anchor='middle' fill='%237ff9ff' filter='url(%23b)'%3E%3Ctext x='12' y='558'%3E0%3C/text%3E%3Ctext x='36' y='576'%3E0%3C/text%3E%3Ctext x='60' y='396'%3E1%3C/text%3E%3Ctext x='84' y='576'%3E0%3C/text%3E%3Ctext x='132' y='648'%3E1%3C/text%3E%3Ctext x='156' y='468'%3E0%3C/text%3E%3Ctext x='180' y='504'%3E1%3C/text%3E%3Ctext x='204' y='666'%3E0%3C/text%3E%3Ctext x='228' y='234'%3E1%3C/text%3E%3Ctext x='252' y='504'%3E1%3C/text%3E%3Ctext x='276' y='468'%3E1%3C/text%3E%3Ctext x='300' y='324'%3E1%3C/text%3E%3Ctext x='324' y='396'%3E1%3C/text%3E%3C/g%3E%3C/svg%3E") 0 0 / 168px 360px; animation:mp-lb-cae 5s linear infinite; }
@keyframes mp-lb-cae{ to{ background-position:0 360px; } }

.mp-af-cielo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='%23e0e7ff' opacity='.7'%3E%3Ccircle cx='175' cy='94' r='.4'/%3E%3C/g%3E%3Cg fill='%23dbeafe' opacity='.7'%3E%3Ccircle cx='112' cy='52' r='1.1'/%3E%3Ccircle cx='31' cy='132' r='.4'/%3E%3Ccircle cx='194' cy='193' r='.8'/%3E%3Ccircle cx='72' cy='70' r='.8'/%3E%3C/g%3E%3Cg fill='%23e0e7ff' opacity='.45'%3E%3Ccircle cx='184' cy='151' r='.5'/%3E%3C/g%3E%3Cg fill='%23fef3c7' opacity='.45'%3E%3Ccircle cx='195' cy='20' r='.4'/%3E%3Ccircle cx='193' cy='194' r='.4'/%3E%3Ccircle cx='24' cy='46' r='.4'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.45'%3E%3Ccircle cx='26' cy='191' r='.9'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='1'%3E%3Ccircle cx='7' cy='130' r='.4'/%3E%3Ccircle cx='27' cy='45' r='.8'/%3E%3C/g%3E%3Cg fill='%23fef3c7' opacity='1'%3E%3Ccircle cx='88' cy='73' r='.8'/%3E%3C/g%3E%3Cg fill='%23dbeafe' opacity='.45'%3E%3Ccircle cx='134' cy='8' r='.5'/%3E%3Ccircle cx='15' cy='119' r='.4'/%3E%3Ccircle cx='13' cy='125' r='.6'/%3E%3Ccircle cx='77' cy='36' r='.5'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.7'%3E%3Ccircle cx='47' cy='49' r='.4'/%3E%3C/g%3E%3Cg fill='%23dbeafe' opacity='1'%3E%3Ccircle cx='83' cy='75' r='.5'/%3E%3Ccircle cx='165' cy='56' r='.6'/%3E%3C/g%3E%3Ccircle cx='156' cy='114' r='7' fill='url(%23h)'/%3E%3Cpath d='M150 114h12M156 108v12' stroke='%23fff' stroke-opacity='.45' stroke-width='.5'/%3E%3Ccircle cx='156' cy='114' r='1.2' fill='%23fff'/%3E%3C/svg%3E") 0 0 / 110px 110px,
  radial-gradient(90% 60% at 50% 70%, rgba(45,212,191,.2), transparent 72%),
  linear-gradient(180deg, #04001a, #070026 50%, #0d0a38); }
.mp-af-cortina{ inset:-10% -20% 10% -20%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a78bfa' stop-opacity='0'/%3E%3Cstop offset='.45' stop-color='%23a78bfa' stop-opacity='.38'/%3E%3Cstop offset='.78' stop-color='%232dd4bf' stop-opacity='.75'/%3E%3Cstop offset='.9' stop-color='%23a7f3d0'/%3E%3Cstop offset='1' stop-color='%23a7f3d0' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='-100' y='0' width='1400' height='600'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .0015' numOctaves='2' seed='21' result='r'/%3E%3CfeColorMatrix in='r' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1.9 0 0 0 -.4' result='ra'/%3E%3CfeComposite in='SourceGraphic' in2='ra' operator='in' result='c'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0026 .002' numOctaves='1' seed='28' result='w'/%3E%3CfeDisplacementMap in='c' in2='w' scale='190' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='2.5 1'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='-40' y='120' width='1280' height='320' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  transform-origin:50% 100%; animation:mp-af-baila 4.5s ease-in-out infinite alternate, mp-af-brilla 2.2s ease-in-out infinite alternate; }
.mp-af-montes{ top:auto; height:38%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200L0 67.3L40 89.5L80 72.2L120 90.8L160 98.5L200 89.3L240 98.3L280 105.6L320 97.9L360 97.6L400 75.5L440 89.3L480 76.4L520 80L560 61.8L600 49.2L640 62.9L680 50.8L720 35.2L760 35L800 43.7L840 56.2L880 47.7L920 56.7L960 57.2L1000 55.6L1040 80.2L1080 66L1120 70.9L1160 82.9L1200 102.1L1200 200Z' fill='%230d0624'/%3E%3Cpath d='M0 200L0 127.9L30 125.2L60 113.2L90 114.1L120 106.2L150 107.3L180 112.8L210 107.5L240 88.7L270 87.1L300 94.2L330 87.8L360 98L390 78.7L420 88.9L450 94.2L480 83.1L510 92.3L540 87.3L570 95.1L600 98.1L630 109.1L660 103.4L690 116L720 126.7L750 133.9L780 122.6L810 143.1L840 133.2L870 132.7L900 149.4L930 132.7L960 132.2L990 130.9L1020 145.4L1050 140.4L1080 126L1110 114.8L1140 123.3L1170 115.3L1200 112.4L1200 200Z' fill='%23040110'/%3E%3Cpath d='M0 127.9L30 125.2L60 113.2L90 114.1L120 106.2L150 107.3L180 112.8L210 107.5L240 88.7L270 87.1L300 94.2L330 87.8L360 98L390 78.7L420 88.9L450 94.2L480 83.1L510 92.3L540 87.3L570 95.1L600 98.1L630 109.1L660 103.4L690 116L720 126.7L750 133.9L780 122.6L810 143.1L840 133.2L870 132.7L900 149.4L930 132.7L960 132.2L990 130.9L1020 145.4L1050 140.4L1080 126L1110 114.8L1140 123.3L1170 115.3L1200 112.4' fill='none' stroke='%23a78bfa' stroke-opacity='.35' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@keyframes mp-af-baila{ 0%{ transform:translateX(-8%) skewX(-10deg) scaleY(.96); } 50%{ transform:translateX(1%) skewX(3deg) scaleY(1.1); } 100%{ transform:translateX(8%) skewX(10deg); } }
@keyframes mp-af-brilla{ 0%{ opacity:.55; } 100%{ opacity:1; } }

.mp-ae-fondo{ background:
  radial-gradient(5px 5px at calc(16% - 2px) calc(50% - 2px), rgba(255,255,255,.95), transparent),
  radial-gradient(9px 9px at 16% 50%, #c7d2fe 0%, #6366f1 45%, rgba(30,27,75,.95) 88%, transparent 92%),
  radial-gradient(5px 5px at calc(84% - 2px) calc(50% - 2px), rgba(255,255,255,.95), transparent),
  radial-gradient(9px 9px at 84% 50%, #c7d2fe 0%, #6366f1 45%, rgba(30,27,75,.95) 88%, transparent 92%),
  radial-gradient(40% 90% at 50% 50%, rgba(129,140,248,.22), transparent 70%), #020508;
  animation:mp-ae-zumba 2.2s steps(1, end) infinite; }
.mp-ae-arco{ left:16%; right:16%; top:22%; bottom:22%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Cdefs%3E%3Cpath id='r0' d='M46.3 20L51.8 24L57.8 24.7L64.6 32.2L70.2 34.7M102.6 16.4L108.8 15.5L114.2 6.8L119.8 3.7L126 3M139.7 10.3L145.9 7.7L152.7 9.3L158.3 7.4L164.2 3' vector-effect='non-scaling-stroke'/%3E%3Cpath id='t0' d='M0 20L15.3 21.3L24.9 21.7L46.3 20L55.6 21.3L74.5 33L82.3 27.7L102.6 16.4L114.9 29.9L128.3 27.7L139.7 10.3L154 23.6L174.7 24.9L189.4 16.8L200 20' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cuse href='%23r0' stroke='%23818cf8' stroke-opacity='.35' stroke-width='5'/%3E%3Cuse href='%23r0' stroke='%23e0e7ff' stroke-width='1'/%3E%3Cuse href='%23t0' stroke='%236366f1' stroke-opacity='.25' stroke-width='12'/%3E%3Cuse href='%23t0' stroke='%23c7d2fe' stroke-opacity='.85' stroke-width='3.5'/%3E%3Cuse href='%23t0' stroke='%23fff' stroke-width='1.4'/%3E%3Cdefs%3E%3Cpath id='r1' d='M44 61.1L49.1 67.7L53.1 65.6L57.1 71.4L61.4 75.7M103.5 60.3L108.8 61.1L114.5 61.8L119.2 65.9L124.8 69M144.2 64.7L149.1 70.2L153.1 69.6L157.6 73.9L163.1 76.1' vector-effect='non-scaling-stroke'/%3E%3Cpath id='t1' d='M0 60L16.3 48.8L30.2 70.5L44 61.1L56.7 60.1L70.1 47.1L85.2 61.4L103.5 60.3L111.5 48.4L127.3 57.3L144.2 64.7L158.5 69L174.2 67.1L188.1 50.8L200 60' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Cuse href='%23r1' stroke='%23818cf8' stroke-opacity='.35' stroke-width='5'/%3E%3Cuse href='%23r1' stroke='%23e0e7ff' stroke-width='1'/%3E%3Cuse href='%23t1' stroke='%236366f1' stroke-opacity='.25' stroke-width='12'/%3E%3Cuse href='%23t1' stroke='%23c7d2fe' stroke-opacity='.85' stroke-width='3.5'/%3E%3Cuse href='%23t1' stroke='%23fff' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 200% no-repeat;
  opacity:0; animation:mp-ae-arco 2.2s steps(1, end) infinite; }
@keyframes mp-ae-arco{ 0%,55%{ opacity:0; background-position:0 0; } 56%{ opacity:1; } 60%{ opacity:.35; background-position:0 100%; }
  64%{ opacity:1; background-position:0 100%; } 68%{ opacity:.6; background-position:0 0; } 72%{ opacity:1; } 76%,100%{ opacity:0; background-position:0 0; } }
@keyframes mp-ae-zumba{ 0%,55%{ filter:brightness(1); } 56%{ filter:brightness(1.5); } 76%,100%{ filter:brightness(1); } }

.mp-es-rejilla{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' %3E%3Cpath d='M0 7V0H7M89 0H96V7M96 89V96H89M7 96H0V89' fill='none' stroke='%23a5f3fc' stroke-opacity='.55' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / 32px 32px,
  repeating-linear-gradient(0deg, rgba(103,232,249,.16) 0 1px, transparent 1px 32px),
  repeating-linear-gradient(90deg, rgba(103,232,249,.16) 0 1px, transparent 1px 32px),
  radial-gradient(70% 90% at 50% 0%, rgba(103,232,249,.14), transparent 70%), #040611; }
.mp-es-haz{ bottom:auto; height:46%; background:linear-gradient(180deg, transparent, rgba(103,232,249,.18) 80%, rgba(165,243,252,.6) 95%, #fff 97.5%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  animation:mp-es-baja 2.8s cubic-bezier(.45,.05,.55,.95) infinite; }
@keyframes mp-es-baja{ from{ transform:translateY(-100%); } to{ transform:translateY(230%); } }

.mp-at-fondo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='p' cx='.35' cy='.32'%3E%3Cstop offset='0' stop-color='%23fdf4ff'/%3E%3Cstop offset='.5' stop-color='%23e879f9'/%3E%3Cstop offset='1' stop-color='%23701a75'/%3E%3C/radialGradient%3E%3CradialGradient id='q' cx='.35' cy='.32'%3E%3Cstop offset='0' stop-color='%23ecfeff'/%3E%3Cstop offset='.5' stop-color='%2367e8f9'/%3E%3Cstop offset='1' stop-color='%23155e75'/%3E%3C/radialGradient%3E%3CradialGradient id='a'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.4' stop-color='%23c084fc' stop-opacity='.28'/%3E%3Cstop offset='1' stop-color='%23c084fc' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='96' fill='url(%23a)'/%3E%3Ccircle cx='113.4' cy='89.5' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='91.5' cy='90.7' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='105.4' cy='91.3' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='85.9' cy='92.6' r='8.5' fill='url(%23p)'/%3E%3Ccircle cx='112.2' cy='92.9' r='8.5' fill='url(%23p)'/%3E%3Ccircle cx='111.1' cy='95.5' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='110.2' cy='98' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='112.6' cy='102.2' r='8.5' fill='url(%23p)'/%3E%3Ccircle cx='85.2' cy='103.4' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='105' cy='103.4' r='8.5' fill='url(%23p)'/%3E%3Ccircle cx='113.9' cy='106.2' r='8.5' fill='url(%23p)'/%3E%3Ccircle cx='110.9' cy='108.1' r='8.5' fill='url(%23q)'/%3E%3Ccircle cx='95.7' cy='111.8' r='8.5' fill='url(%23p)'/%3E%3C/svg%3E") 50% 50% / auto 64% no-repeat,
  radial-gradient(50% 80% at 50% 50%, rgba(34,211,238,.18), transparent 70%), #020610; }
.mp-at-o1, .mp-at-o2, .mp-at-o3{ left:50%; top:50%; right:auto; bottom:auto; height:190%; aspect-ratio:1; translate:-50% -50%;
  --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.35' stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='96' fill='none' stroke='%23fff' stroke-opacity='.24' stroke-width='.7'/%3E%3Cg fill='none' stroke='%23fff'%3E%3Cpath d='M38.3 173.5A96 96 0 0 1 30.7 166.4' stroke-opacity='0' stroke-width='.5'/%3E%3Cpath d='M31.1 166.9A96 96 0 0 1 24.3 159' stroke-opacity='.01' stroke-width='.57'/%3E%3Cpath d='M24.7 159.5A96 96 0 0 1 18.7 151' stroke-opacity='.01' stroke-width='.63'/%3E%3Cpath d='M19 151.6A96 96 0 0 1 13.9 142.5' stroke-opacity='.03' stroke-width='.7'/%3E%3Cpath d='M14.2 143.1A96 96 0 0 1 10 133.5' stroke-opacity='.04' stroke-width='.77'/%3E%3Cpath d='M10.3 134.1A96 96 0 0 1 7.1 124.2' stroke-opacity='.06' stroke-width='.83'/%3E%3Cpath d='M7.3 124.8A96 96 0 0 1 5.1 114.6' stroke-opacity='.08' stroke-width='.9'/%3E%3Cpath d='M5.2 115.3A96 96 0 0 1 4.1 104.9' stroke-opacity='.11' stroke-width='.97'/%3E%3Cpath d='M4.2 105.6A96 96 0 0 1 4.1 95.1' stroke-opacity='.13' stroke-width='1.03'/%3E%3Cpath d='M4.1 95.8A96 96 0 0 1 5.1 85.4' stroke-opacity='.16' stroke-width='1.1'/%3E%3Cpath d='M5 86.1A96 96 0 0 1 7.1 75.9' stroke-opacity='.2' stroke-width='1.17'/%3E%3Cpath d='M6.9 76.5A96 96 0 0 1 10 66.5' stroke-opacity='.24' stroke-width='1.23'/%3E%3Cpath d='M9.8 67.2A96 96 0 0 1 13.9 57.6' stroke-opacity='.28' stroke-width='1.3'/%3E%3Cpath d='M13.6 58.2A96 96 0 0 1 18.6 49' stroke-opacity='.32' stroke-width='1.37'/%3E%3Cpath d='M18.3 49.6A96 96 0 0 1 24.2 41' stroke-opacity='.37' stroke-width='1.43'/%3E%3Cpath d='M23.8 41.6A96 96 0 0 1 30.6 33.6' stroke-opacity='.42' stroke-width='1.5'/%3E%3Cpath d='M30.2 34.1A96 96 0 0 1 37.7 26.9' stroke-opacity='.48' stroke-width='1.57'/%3E%3Cpath d='M37.2 27.4A96 96 0 0 1 45.5 21' stroke-opacity='.53' stroke-width='1.63'/%3E%3Cpath d='M44.9 21.4A96 96 0 0 1 53.8 15.8' stroke-opacity='.6' stroke-width='1.7'/%3E%3Cpath d='M53.2 16.2A96 96 0 0 1 62.6 11.6' stroke-opacity='.66' stroke-width='1.77'/%3E%3Cpath d='M62 11.9A96 96 0 0 1 71.8 8.2' stroke-opacity='.73' stroke-width='1.83'/%3E%3Cpath d='M71.1 8.4A96 96 0 0 1 81.2 5.9' stroke-opacity='.8' stroke-width='1.9'/%3E%3Cpath d='M80.6 6A96 96 0 0 1 90.9 4.4' stroke-opacity='.87' stroke-width='1.97'/%3E%3Cpath d='M90.2 4.5A96 96 0 0 1 100 4' stroke-opacity='.95' stroke-width='2.03'/%3E%3C/g%3E%3Ccircle cx='100' cy='4' r='7' fill='url(%23h)'/%3E%3C/svg%3E"); -webkit-mask:var(--m) 0 0 / 100% 100% no-repeat; mask:var(--m) 0 0 / 100% 100% no-repeat; }
.mp-at-o1{ background:radial-gradient(circle at 50% 2%, #fff 0, #fff 3px, #67e8f9 7px); animation:mp-at-a 3.4s linear infinite; }
.mp-at-o2{ background:radial-gradient(circle at 50% 2%, #fff 0, #fff 3px, #c084fc 7px); animation:mp-at-b 5s linear infinite; }
.mp-at-o3{ background:radial-gradient(circle at 50% 2%, #fff 0, #fff 3px, #e879f9 7px); animation:mp-at-c 4.2s linear infinite; }
@keyframes mp-at-a{ from{ transform:rotate(4deg) scaleY(.3) rotate(0deg); } to{ transform:rotate(4deg) scaleY(.3) rotate(360deg); } }
@keyframes mp-at-b{ from{ transform:rotate(-24deg) scaleY(.3) rotate(140deg); } to{ transform:rotate(-24deg) scaleY(.3) rotate(500deg); } }
@keyframes mp-at-c{ from{ transform:rotate(26deg) scaleY(.3) rotate(250deg); } to{ transform:rotate(26deg) scaleY(.3) rotate(610deg); } }

.mp-ps-mapa{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 1000 1000' %3E%3Cg fill='none' stroke='%2338bdf8'%3E%3Cpath d='M551 500C551 510 549 520 544 528C539 536 531 545 523 549C514 553 502 554 493 552C483 550 475 543 468 537C461 531 454 523 451 514C449 506 450 495 453 486C455 477 459 467 465 460C472 453 483 447 492 446C502 444 513 447 522 452C531 456 541 462 546 471C551 479 552 490 551 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3Cpath d='M605 500C605 518 592 536 582 553C572 570 562 591 546 600C529 609 504 612 484 609C465 606 442 597 428 583C414 570 405 548 401 529C396 510 397 490 402 471C406 453 415 429 429 418C443 406 467 404 486 402C505 401 525 402 541 409C558 417 574 431 584 446C595 461 605 482 605 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3Cpath d='M660 500C661 527 644 559 628 582C612 605 589 626 564 639C538 653 504 667 477 663C449 660 419 637 399 617C378 597 361 570 352 543C344 516 340 482 349 456C357 430 381 406 402 387C424 369 451 350 478 346C505 341 539 349 564 361C588 373 609 397 625 420C641 443 660 473 660 500Z' stroke-opacity='0.24' stroke-width='1.6'/%3E%3Cpath d='M717 500C719 536 694 578 672 611C650 643 622 678 588 693C555 708 509 706 471 700C434 695 389 683 362 659C336 635 322 592 311 555C301 519 291 477 299 441C307 405 333 365 362 341C391 316 433 296 470 292C507 289 549 303 582 320C615 337 643 363 666 393C689 423 716 464 717 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3Cpath d='M752 500C755 547 750 604 727 646C704 687 658 732 614 749C570 767 511 761 464 751C417 741 369 721 334 691C299 662 268 617 253 573C237 528 227 467 241 424C256 381 302 345 339 315C376 285 418 255 463 245C509 235 571 235 612 255C653 275 686 325 709 366C732 407 749 453 752 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3Cpath d='M822 500C822 557 798 624 766 671C734 718 682 759 630 784C577 809 508 830 454 821C399 812 348 765 303 727C259 689 206 645 187 592C167 539 169 464 186 408C204 352 246 297 290 258C335 219 397 183 454 177C510 170 576 194 628 219C681 244 737 280 769 327C802 374 823 443 822 500Z' stroke-opacity='0.24' stroke-width='1.6'/%3E%3Cpath d='M855 500C857 568 856 652 822 707C787 761 711 799 649 826C586 853 513 876 447 870C380 864 298 834 249 790C200 745 170 667 153 602C136 536 127 457 147 396C167 336 223 278 274 239C324 199 387 175 451 161C516 146 600 127 659 151C719 174 777 243 809 301C842 359 853 432 855 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3Cpath d='M934 500C934 577 903 667 860 731C817 796 746 859 677 887C607 914 515 912 443 898C370 883 296 846 241 798C187 751 142 681 118 612C95 543 81 454 99 382C117 310 167 231 223 181C280 130 365 88 439 78C514 69 602 92 672 124C742 156 816 206 860 269C904 331 934 423 934 500Z' stroke-opacity='0.12' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 50% 50% / auto 300% no-repeat,
  radial-gradient(45% 80% at 50% 50%, rgba(56,189,248,.2), transparent 70%), #03060c; }
.mp-ps-onda{ left:50%; top:50%; right:auto; bottom:auto; height:40%; aspect-ratio:1; translate:-50% -50%; background:#7dd3fc;
  --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' %3E%3Cdefs%3E%3Cpath id='o' d='M179.3 100L184.1 112.1L180.9 123.7L177.7 135.5L170.9 145.5L162.8 154.4L156.8 165.6L144.9 169.8L134.5 175.5L122.9 177.9L111.9 183.1L100 182L88.5 179.7L76.8 178.9L64.5 177.8L55.6 169.2L45.6 162.8L37.5 154.1L26 147.5L21.9 135.7L20.5 123.4L18.6 111.7L14.4 100L17.8 88.2L22.8 77.3L22.9 64.8L30.2 55.1L34.5 43.2L46.2 37.9L54.9 29.8L64.6 22.6L76.8 20.9L88 16.5L100 17.4L111.8 18.1L123.1 21.4L134.3 24.9L146 28.4L154.4 37.2L167.3 41.7L171.8 53.8L177.5 64.6L178.9 76.8L184.7 87.8Z'/%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-linejoin='round'%3E%3Cuse href='%23o' stroke-opacity='.16' stroke-width='8'/%3E%3Cuse href='%23o' stroke-width='1.3'/%3E%3Cpath d='M170.4 100L172.6 110.4L170 120.5L167.3 130.7L160.7 139L155.1 147.7L148.9 156.4L139.3 161.1L130.3 166.3L120.4 169.5L110.1 170.5L100 172.5L89.9 170.6L79.5 169.7L70 165.6L59.5 163L53.2 154L46 146.8L37.4 140.2L33.7 130.3L31.6 120.1L30.3 110L28.1 100L29.8 89.9L33.8 80.6L33.4 69.6L39.3 61L47.8 54.8L52 44.5L60.7 38.8L70.5 35.5L79.8 31.2L89.7 28.1L100 28.9L110.3 28.6L120.6 29.9L130.5 33.3L139.2 39L147 45.8L156.3 51.2L161.1 60.7L165.6 70.1L171.9 78.9L170.5 89.9Z' stroke-opacity='.3' stroke-width='1'/%3E%3Cpath d='M163.9 100L161.2 108.8L160.5 117.8L156.9 126L152.1 133.5L146.2 140L139.1 145.1L133.2 151.7L126 156.9L117.2 158.7L108.8 161.3L100 161.2L91.1 162L82.4 160L74.4 156.1L66.4 152.3L59.2 147L53.9 140L47.1 134L44.5 125.3L39.9 117.6L38.9 108.8L38.5 100L37.9 91.1L38.7 82L44.2 74.5L48 66.6L52.5 58.8L59 52.7L66.1 47.3L74.4 43.9L82.5 40.3L91.2 38.8L100 37.9L108.9 38.2L117.3 41L126.5 41.9L133.1 48.5L141 52.6L146.4 59.8L151.5 66.9L155.8 74.5L158.2 82.9L161.2 91.2Z' stroke-opacity='.14' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask:var(--m) 0 0 / 100% 100% no-repeat; mask:var(--m) 0 0 / 100% 100% no-repeat;
  animation:mp-ps-onda 2.6s cubic-bezier(.15,.6,.35,1) infinite; }
.mp-ps-traza{ top:auto; bottom:4%; height:28px; right:-140px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='120' viewBox='0 0 600 120' %3E%3Cdefs%3E%3Cpath id='s' d='M0 60L6 61L12 57L18 61L24 63L30 60L36 62L42 57L48 62L54 59L60 61L66 57L72 58L78 62L84 60L90 58L96 58L102 59L108 59L114 62L120 61L126 60L132 69L138 91L144 62L150 75L156 76L162 68L168 57L174 68L180 63L186 62L192 59L198 61L204 63L210 61L216 58L222 63L228 61L234 59L240 57L246 58L252 59L258 60L264 57L270 61L276 58L282 61L288 59L294 60L300 58L306 61L312 59L318 59L324 57L330 59L336 61L342 57L348 60L354 60L360 59L366 57L372 59L378 62L384 59L390 63L396 61L402 80L408 45L414 61L420 66L426 76L432 63L438 59L444 60L450 61L456 63L462 58L468 62L474 58L480 61L486 61L492 58L498 61L504 58L510 62L516 62L522 58L528 59L534 59L540 59L546 60L552 59L558 59L564 58L570 59L576 60L582 62L588 60L594 60L600 60'/%3E%3C/defs%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cuse href='%23s' stroke='%2338bdf8' stroke-opacity='.25' stroke-width='5'/%3E%3Cuse href='%23s' stroke='%23bae6fd' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 140px 28px repeat-x; opacity:.6;
  animation:mp-ps-traza 4s linear infinite; }
@keyframes mp-ps-onda{ 0%{ transform:scale(.2); opacity:0; } 10%{ opacity:1; } 100%{ transform:scale(4.5) rotate(20deg); opacity:0; } }
@keyframes mp-ps-traza{ to{ transform:translateX(-140px); } }

.mp-cd-racks{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='88' viewBox='0 0 120 88' %3E%3Crect width='120' height='88' fill='%23020a08'/%3E%3Crect x='0' width='5' height='88' fill='%2306140f'/%3E%3Crect x='1.5' y='6' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='17' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='28' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='39' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='50' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='61' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='72' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='1.5' y='83' width='2' height='2' fill='%230f2a20'/%3E%3Crect x='8' y='2' width='108' height='18' rx='1.5' fill='%23061b14' stroke='%2334d399' stroke-opacity='.26'/%3E%3Cpath d='M14 7V15M18 7V15M22 7V15M26 7V15M30 7V15M34 7V15M38 7V15M42 7V15M46 7V15M50 7V15M54 7V15M58 7V15M62 7V15M66 7V15M70 7V15M74 7V15' stroke='%2334d399' stroke-opacity='.15' stroke-width='1.4'/%3E%3Crect x='80' y='8' width='10' height='6' rx='1' fill='%230b2a1f'/%3E%3Crect x='8' y='24' width='108' height='18' rx='1.5' fill='%23061b14' stroke='%2334d399' stroke-opacity='.26'/%3E%3Cpath d='M14 29V37M18 29V37M22 29V37M26 29V37M30 29V37M34 29V37M38 29V37M42 29V37M46 29V37M50 29V37M54 29V37M58 29V37M62 29V37M66 29V37M70 29V37M74 29V37' stroke='%2334d399' stroke-opacity='.15' stroke-width='1.4'/%3E%3Crect x='80' y='30' width='10' height='6' rx='1' fill='%230b2a1f'/%3E%3Crect x='8' y='46' width='108' height='18' rx='1.5' fill='%23061b14' stroke='%2334d399' stroke-opacity='.26'/%3E%3Cpath d='M14 51V59M18 51V59M22 51V59M26 51V59M30 51V59M34 51V59M38 51V59M42 51V59M46 51V59M50 51V59M54 51V59M58 51V59M62 51V59M66 51V59M70 51V59M74 51V59' stroke='%2334d399' stroke-opacity='.15' stroke-width='1.4'/%3E%3Crect x='80' y='52' width='10' height='6' rx='1' fill='%230b2a1f'/%3E%3Crect x='8' y='68' width='108' height='18' rx='1.5' fill='%23061b14' stroke='%2334d399' stroke-opacity='.26'/%3E%3Cpath d='M14 73V81M18 73V81M22 73V81M26 73V81M30 73V81M34 73V81M38 73V81M42 73V81M46 73V81M50 73V81M54 73V81M58 73V81M62 73V81M66 73V81M70 73V81M74 73V81' stroke='%2334d399' stroke-opacity='.15' stroke-width='1.4'/%3E%3Crect x='80' y='74' width='10' height='6' rx='1' fill='%230b2a1f'/%3E%3Ccircle cx='96' cy='11' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='103' cy='11' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='110' cy='11' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='96' cy='33' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='103' cy='33' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='110' cy='33' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='96' cy='55' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='103' cy='55' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='110' cy='55' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='96' cy='77' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='103' cy='77' r='1.6' fill='%2334d399' opacity='.18'/%3E%3Ccircle cx='110' cy='77' r='1.6' fill='%2334d399' opacity='.18'/%3E%3C/svg%3E") 0 0 / 60px 44px,
  radial-gradient(70% 90% at 50% 110%, rgba(52,211,153,.2), transparent 70%), #020a08; }
.mp-cd-leds{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='352' viewBox='0 0 480 352' %3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23a7f3d0' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%2334d399' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23h)'%3E%3Ccircle cx='96' cy='33' r='5'/%3E%3Ccircle cx='103' cy='55' r='5'/%3E%3Ccircle cx='110' cy='55' r='5'/%3E%3Ccircle cx='96' cy='77' r='5'/%3E%3Ccircle cx='110' cy='99' r='5'/%3E%3Ccircle cx='96' cy='121' r='5'/%3E%3Ccircle cx='103' cy='121' r='5'/%3E%3Ccircle cx='110' cy='121' r='5'/%3E%3Ccircle cx='103' cy='143' r='5'/%3E%3Ccircle cx='110' cy='143' r='5'/%3E%3Ccircle cx='96' cy='187' r='5'/%3E%3Ccircle cx='96' cy='209' r='5'/%3E%3Ccircle cx='96' cy='231' r='5'/%3E%3Ccircle cx='103' cy='231' r='5'/%3E%3Ccircle cx='110' cy='231' r='5'/%3E%3Ccircle cx='96' cy='253' r='5'/%3E%3Ccircle cx='103' cy='253' r='5'/%3E%3Ccircle cx='96' cy='275' r='5'/%3E%3Ccircle cx='103' cy='275' r='5'/%3E%3Ccircle cx='110' cy='275' r='5'/%3E%3Ccircle cx='96' cy='297' r='5'/%3E%3Ccircle cx='110' cy='297' r='5'/%3E%3Ccircle cx='110' cy='319' r='5'/%3E%3Ccircle cx='96' cy='341' r='5'/%3E%3Ccircle cx='216' cy='11' r='5'/%3E%3Ccircle cx='230' cy='11' r='5'/%3E%3Ccircle cx='223' cy='33' r='5'/%3E%3Ccircle cx='216' cy='55' r='5'/%3E%3Ccircle cx='230' cy='77' r='5'/%3E%3Ccircle cx='223' cy='99' r='5'/%3E%3Ccircle cx='216' cy='121' r='5'/%3E%3Ccircle cx='230' cy='121' r='5'/%3E%3Ccircle cx='216' cy='143' r='5'/%3E%3Ccircle cx='223' cy='143' r='5'/%3E%3Ccircle cx='230' cy='143' r='5'/%3E%3Ccircle cx='223' cy='165' r='5'/%3E%3Ccircle cx='230' cy='165' r='5'/%3E%3Ccircle cx='223' cy='187' r='5'/%3E%3Ccircle cx='216' cy='209' r='5'/%3E%3Ccircle cx='223' cy='209' r='5'/%3E%3Ccircle cx='230' cy='209' r='5'/%3E%3Ccircle cx='216' cy='231' r='5'/%3E%3Ccircle cx='223' cy='231' r='5'/%3E%3Ccircle cx='216' cy='253' r='5'/%3E%3Ccircle cx='216' cy='319' r='5'/%3E%3Ccircle cx='223' cy='319' r='5'/%3E%3Ccircle cx='230' cy='319' r='5'/%3E%3Ccircle cx='216' cy='341' r='5'/%3E%3Ccircle cx='223' cy='341' r='5'/%3E%3Ccircle cx='230' cy='341' r='5'/%3E%3Ccircle cx='343' cy='11' r='5'/%3E%3Ccircle cx='343' cy='33' r='5'/%3E%3Ccircle cx='350' cy='33' r='5'/%3E%3Ccircle cx='336' cy='55' r='5'/%3E%3Ccircle cx='350' cy='55' r='5'/%3E%3Ccircle cx='343' cy='77' r='5'/%3E%3Ccircle cx='350' cy='77' r='5'/%3E%3Ccircle cx='336' cy='99' r='5'/%3E%3Ccircle cx='343' cy='99' r='5'/%3E%3Ccircle cx='336' cy='121' r='5'/%3E%3Ccircle cx='350' cy='121' r='5'/%3E%3Ccircle cx='336' cy='143' r='5'/%3E%3Ccircle cx='343' cy='143' r='5'/%3E%3Ccircle cx='343' cy='165' r='5'/%3E%3Ccircle cx='350' cy='165' r='5'/%3E%3Ccircle cx='336' cy='187' r='5'/%3E%3Ccircle cx='343' cy='187' r='5'/%3E%3Ccircle cx='350' cy='187' r='5'/%3E%3Ccircle cx='336' cy='209' r='5'/%3E%3Ccircle cx='343' cy='209' r='5'/%3E%3Ccircle cx='343' cy='253' r='5'/%3E%3Ccircle cx='336' cy='275' r='5'/%3E%3Ccircle cx='350' cy='275' r='5'/%3E%3Ccircle cx='350' cy='319' r='5'/%3E%3Ccircle cx='456' cy='11' r='5'/%3E%3Ccircle cx='463' cy='11' r='5'/%3E%3Ccircle cx='463' cy='33' r='5'/%3E%3Ccircle cx='463' cy='77' r='5'/%3E%3Ccircle cx='456' cy='99' r='5'/%3E%3Ccircle cx='470' cy='99' r='5'/%3E%3Ccircle cx='456' cy='121' r='5'/%3E%3Ccircle cx='470' cy='121' r='5'/%3E%3Ccircle cx='456' cy='143' r='5'/%3E%3Ccircle cx='463' cy='143' r='5'/%3E%3Ccircle cx='456' cy='187' r='5'/%3E%3Ccircle cx='463' cy='187' r='5'/%3E%3Ccircle cx='470' cy='187' r='5'/%3E%3Ccircle cx='463' cy='209' r='5'/%3E%3Ccircle cx='470' cy='231' r='5'/%3E%3Ccircle cx='456' cy='253' r='5'/%3E%3Ccircle cx='463' cy='253' r='5'/%3E%3Ccircle cx='470' cy='253' r='5'/%3E%3Ccircle cx='463' cy='275' r='5'/%3E%3Ccircle cx='470' cy='275' r='5'/%3E%3Ccircle cx='463' cy='297' r='5'/%3E%3Ccircle cx='456' cy='319' r='5'/%3E%3Ccircle cx='456' cy='341' r='5'/%3E%3Ccircle cx='463' cy='341' r='5'/%3E%3C/g%3E%3Cg fill='%2334d399'%3E%3Ccircle cx='96' cy='33' r='1.7'/%3E%3Ccircle cx='96' cy='77' r='1.7'/%3E%3Ccircle cx='96' cy='121' r='1.7'/%3E%3Ccircle cx='103' cy='121' r='1.7'/%3E%3Ccircle cx='103' cy='143' r='1.7'/%3E%3Ccircle cx='110' cy='143' r='1.7'/%3E%3Ccircle cx='96' cy='187' r='1.7'/%3E%3Ccircle cx='96' cy='209' r='1.7'/%3E%3Ccircle cx='96' cy='231' r='1.7'/%3E%3Ccircle cx='103' cy='231' r='1.7'/%3E%3Ccircle cx='110' cy='231' r='1.7'/%3E%3Ccircle cx='103' cy='275' r='1.7'/%3E%3Ccircle cx='110' cy='275' r='1.7'/%3E%3Ccircle cx='96' cy='297' r='1.7'/%3E%3Ccircle cx='110' cy='297' r='1.7'/%3E%3Ccircle cx='110' cy='319' r='1.7'/%3E%3Ccircle cx='96' cy='341' r='1.7'/%3E%3Ccircle cx='216' cy='11' r='1.7'/%3E%3Ccircle cx='230' cy='11' r='1.7'/%3E%3Ccircle cx='216' cy='55' r='1.7'/%3E%3Ccircle cx='230' cy='77' r='1.7'/%3E%3Ccircle cx='223' cy='99' r='1.7'/%3E%3Ccircle cx='230' cy='121' r='1.7'/%3E%3Ccircle cx='216' cy='143' r='1.7'/%3E%3Ccircle cx='223' cy='143' r='1.7'/%3E%3Ccircle cx='223' cy='165' r='1.7'/%3E%3Ccircle cx='230' cy='165' r='1.7'/%3E%3Ccircle cx='223' cy='187' r='1.7'/%3E%3Ccircle cx='216' cy='209' r='1.7'/%3E%3Ccircle cx='223' cy='209' r='1.7'/%3E%3Ccircle cx='216' cy='231' r='1.7'/%3E%3Ccircle cx='216' cy='253' r='1.7'/%3E%3Ccircle cx='216' cy='319' r='1.7'/%3E%3Ccircle cx='223' cy='319' r='1.7'/%3E%3Ccircle cx='230' cy='319' r='1.7'/%3E%3Ccircle cx='216' cy='341' r='1.7'/%3E%3Ccircle cx='223' cy='341' r='1.7'/%3E%3Ccircle cx='343' cy='11' r='1.7'/%3E%3Ccircle cx='336' cy='55' r='1.7'/%3E%3Ccircle cx='350' cy='55' r='1.7'/%3E%3Ccircle cx='350' cy='77' r='1.7'/%3E%3Ccircle cx='336' cy='99' r='1.7'/%3E%3Ccircle cx='350' cy='121' r='1.7'/%3E%3Ccircle cx='336' cy='143' r='1.7'/%3E%3Ccircle cx='343' cy='165' r='1.7'/%3E%3Ccircle cx='336' cy='187' r='1.7'/%3E%3Ccircle cx='343' cy='187' r='1.7'/%3E%3Ccircle cx='350' cy='187' r='1.7'/%3E%3Ccircle cx='336' cy='209' r='1.7'/%3E%3Ccircle cx='343' cy='209' r='1.7'/%3E%3Ccircle cx='343' cy='253' r='1.7'/%3E%3Ccircle cx='336' cy='275' r='1.7'/%3E%3Ccircle cx='350' cy='275' r='1.7'/%3E%3Ccircle cx='350' cy='319' r='1.7'/%3E%3Ccircle cx='463' cy='11' r='1.7'/%3E%3Ccircle cx='463' cy='33' r='1.7'/%3E%3Ccircle cx='463' cy='77' r='1.7'/%3E%3Ccircle cx='456' cy='99' r='1.7'/%3E%3Ccircle cx='470' cy='99' r='1.7'/%3E%3Ccircle cx='456' cy='121' r='1.7'/%3E%3Ccircle cx='470' cy='121' r='1.7'/%3E%3Ccircle cx='463' cy='143' r='1.7'/%3E%3Ccircle cx='456' cy='187' r='1.7'/%3E%3Ccircle cx='470' cy='187' r='1.7'/%3E%3Ccircle cx='463' cy='209' r='1.7'/%3E%3Ccircle cx='456' cy='253' r='1.7'/%3E%3Ccircle cx='463' cy='253' r='1.7'/%3E%3Ccircle cx='470' cy='253' r='1.7'/%3E%3Ccircle cx='470' cy='275' r='1.7'/%3E%3Ccircle cx='456' cy='341' r='1.7'/%3E%3Ccircle cx='463' cy='341' r='1.7'/%3E%3C/g%3E%3Cg fill='%23fbbf24'%3E%3Ccircle cx='103' cy='55' r='1.7'/%3E%3Ccircle cx='110' cy='55' r='1.7'/%3E%3Ccircle cx='223' cy='33' r='1.7'/%3E%3Ccircle cx='230' cy='143' r='1.7'/%3E%3Ccircle cx='230' cy='209' r='1.7'/%3E%3Ccircle cx='223' cy='231' r='1.7'/%3E%3Ccircle cx='230' cy='341' r='1.7'/%3E%3Ccircle cx='343' cy='33' r='1.7'/%3E%3Ccircle cx='350' cy='33' r='1.7'/%3E%3Ccircle cx='343' cy='99' r='1.7'/%3E%3Ccircle cx='343' cy='143' r='1.7'/%3E%3Ccircle cx='456' cy='143' r='1.7'/%3E%3Ccircle cx='470' cy='231' r='1.7'/%3E%3Ccircle cx='463' cy='275' r='1.7'/%3E%3Ccircle cx='463' cy='297' r='1.7'/%3E%3Ccircle cx='456' cy='319' r='1.7'/%3E%3C/g%3E%3Cg fill='%2367e8f9'%3E%3Ccircle cx='110' cy='99' r='1.7'/%3E%3Ccircle cx='110' cy='121' r='1.7'/%3E%3Ccircle cx='96' cy='253' r='1.7'/%3E%3Ccircle cx='103' cy='253' r='1.7'/%3E%3Ccircle cx='96' cy='275' r='1.7'/%3E%3Ccircle cx='216' cy='121' r='1.7'/%3E%3Ccircle cx='343' cy='77' r='1.7'/%3E%3Ccircle cx='336' cy='121' r='1.7'/%3E%3Ccircle cx='350' cy='165' r='1.7'/%3E%3Ccircle cx='456' cy='11' r='1.7'/%3E%3Ccircle cx='463' cy='187' r='1.7'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 240px 176px; animation:mp-cd-titila 1.6s steps(4) infinite; }
.mp-cd-ola{ left:0; right:auto; width:40%; background:linear-gradient(90deg, transparent, rgba(167,243,208,.16), transparent);
  transform:translateX(-110%); animation:mp-pasa 4s ease-in-out infinite; }
@keyframes mp-cd-titila{ to{ background-position:-240px 0; } }

.mp-rp-fondo{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='600' viewBox='0 0 300 600' %3E%3Ccircle cx='176.7' cy='240.8' r='1.2' fill='%23f472b6' opacity='.3'/%3E%3Ccircle cx='96.9' cy='205.1' r='1.5' fill='%23fbbf24' opacity='.26'/%3E%3Ccircle cx='222.6' cy='231.1' r='1.2' fill='%2367e8f9' opacity='.68'/%3E%3Ccircle cx='174.3' cy='526.1' r='1.3' fill='%23f0abfc' opacity='.29'/%3E%3Ccircle cx='77' cy='336' r='.9' fill='%23f472b6' opacity='.62'/%3E%3Ccircle cx='233' cy='39.3' r='1.7' fill='%23fbbf24' opacity='.46'/%3E%3Ccircle cx='76.2' cy='361' r='1.3' fill='%2367e8f9' opacity='.63'/%3E%3Ccircle cx='160.6' cy='300.5' r='.9' fill='%23f0abfc' opacity='.73'/%3E%3Ccircle cx='233.5' cy='546.4' r='.9' fill='%23f472b6' opacity='.45'/%3E%3Ccircle cx='1.3' cy='392.6' r='1.5' fill='%23fbbf24' opacity='.53'/%3E%3Ccircle cx='117.7' cy='563.9' r='.8' fill='%2367e8f9' opacity='.54'/%3E%3Ccircle cx='122.4' cy='52.4' r='1.6' fill='%23f0abfc' opacity='.71'/%3E%3Ccircle cx='276.4' cy='196' r='.6' fill='%23f472b6' opacity='.69'/%3E%3Ccircle cx='34.6' cy='4.9' r='.7' fill='%23fbbf24' opacity='.6'/%3E%3Ccircle cx='254.5' cy='530.7' r='.9' fill='%2367e8f9' opacity='.38'/%3E%3Ccircle cx='104.6' cy='272.6' r='.9' fill='%23f0abfc' opacity='.33'/%3E%3Ccircle cx='35.9' cy='363.5' r='1.6' fill='%23f472b6' opacity='.36'/%3E%3Ccircle cx='261.4' cy='307.6' r='1.1' fill='%23fbbf24' opacity='.52'/%3E%3C/svg%3E") 0 0 / 100px 200px,
  radial-gradient(30% 60% at 20% 38%, rgba(244,114,182,.25), transparent 70%),
  radial-gradient(30% 60% at 80% 64%, rgba(103,232,249,.18), transparent 70%), #08030c; }
.mp-rp-a, .mp-rp-b{ right:auto; bottom:auto; height:200%; aspect-ratio:1; translate:-50% -50%;
  --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400' %3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='200' cy='200' r='200'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.3' stop-color='%23fff' stop-opacity='.25'/%3E%3Cstop offset='.75' stop-color='%23fff' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M230 192.6L325.2 170.9L324.4 167.6ZM245.4 219.4L281.8 236.6L282.9 233.9ZM238.8 176.8L297.2 143.4L295.8 141.1ZM229.8 194.3L348.1 172.7L347.7 170.8ZM160.8 232L74.3 301.9L75.1 302.9ZM206.1 268.3L216.4 395.3L218.5 395.1ZM251.7 252L329.7 333.2L332.4 330.4ZM235.8 203.4L324.6 212.7L324.7 210.9ZM154.4 180L95.5 152.6L94.2 155.4ZM163 161.3L77.5 70.2L76 71.7ZM249.9 244.4L303.6 294.3L305.7 291.9ZM204 232.8L218.4 362.1L221.1 361.8ZM188.6 171.1L158.9 91.1L155.7 92.3ZM186.7 219L123.6 305.9L126.5 308ZM231.4 257.4L283.4 354.9L285.5 353.8ZM273.7 191.2L335.9 185.4L335.5 182ZM207.8 266.4L212.7 316.3L214.7 316.1ZM234.3 208.2L314.3 228.8L314.9 226.3ZM149.1 180L19.1 127.3L18 130.3ZM219.2 222.2L275 289.2L277.8 286.7ZM249.3 212.3L301.6 227L302.3 224ZM249.9 243.9L346.4 330.3L348 328.5ZM251.2 178.8L333.6 145.6L333 144.1ZM248.3 226.2L329.6 272.6L331.4 269.3ZM200.4 246.7L200 303.9L201.6 303.9ZM222.7 241.9L269.8 331.9L272.6 330.3ZM163.4 150.5L119 88.5L117.1 89.9ZM218.6 216.6L266.8 260.9L268.2 259.3ZM175.5 197.8L114.3 191.3L114.1 193.5ZM231.4 193.7L375.7 166.1L375.3 163.8ZM146.7 196.2L52.5 188.4L52.3 190.5ZM182.6 174.1L153.1 127.7L150.9 129.2ZM261.4 189L379.6 168.3L379.4 167.1ZM208.8 239L221.6 299.2L223.3 298.8ZM167.5 245.2L127.7 298.9L129.3 300.1ZM180 192.5L142.4 176.5L141.1 179.8ZM251.5 176.1L378 118L377.5 116.9ZM183.2 186.5L124 137.4L122.4 139.3ZM185 171.9L160.6 124.7L159.3 125.4ZM166.6 181.7L131.4 160.4L129.8 163.5ZM210.1 182.6L259.4 101.4L256.4 99.6ZM138.4 235.4L32.8 293.7L34.8 297.1ZM203.6 242.6L207.2 303.7L210.4 303.4ZM149 184.2L85.8 162.6L84.7 166.3ZM140.2 189.3L20 165.7L19.3 169.5ZM178.5 215.4L94 274.8L94.7 275.8Z' fill='url(%23g)'/%3E%3Cg fill='url(%23g)'%3E%3Ccircle cx='316.1' cy='206.8' r='1.4'/%3E%3Ccircle cx='297.7' cy='210.9' r='1.5'/%3E%3Ccircle cx='257.8' cy='310.3' r='1.9'/%3E%3Ccircle cx='128.8' cy='57.2' r='1.4'/%3E%3Ccircle cx='194.1' cy='121.8' r='1.1'/%3E%3Ccircle cx='269.6' cy='212.7' r='2'/%3E%3Ccircle cx='85.7' cy='108.7' r='2.1'/%3E%3Ccircle cx='274.9' cy='322.4' r='1.8'/%3E%3Ccircle cx='149.9' cy='366.4' r='1'/%3E%3Ccircle cx='297.3' cy='361.1' r='.8'/%3E%3Ccircle cx='100.6' cy='161.3' r='1.2'/%3E%3Ccircle cx='190.6' cy='321.6' r='2.2'/%3E%3Ccircle cx='310.4' cy='185.1' r='1.5'/%3E%3Ccircle cx='97.4' cy='94.1' r='.9'/%3E%3Ccircle cx='182.5' cy='280' r='.8'/%3E%3Ccircle cx='116' cy='227.8' r='1.1'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask:var(--m) 0 0 / 100% 100% no-repeat; mask:var(--m) 0 0 / 100% 100% no-repeat; }
.mp-rp-a{ left:20%; top:38%; background:radial-gradient(closest-side, #f472b6 0%, #f472b6 62%, #fde7f3 100%); animation:mp-rp-estalla 2.4s cubic-bezier(.12,.7,.3,1) infinite; }
.mp-rp-b{ left:80%; top:64%; background:radial-gradient(closest-side, #67e8f9 0%, #67e8f9 62%, #e6fdff 100%); animation:mp-rp-estalla 2.4s cubic-bezier(.12,.7,.3,1) -1.2s infinite; }
@keyframes mp-rp-estalla{ 0%{ transform:scale(.1) rotate(0deg); opacity:0; } 10%{ opacity:1; } 70%{ opacity:.5; } 100%{ transform:scale(1) rotate(12deg); opacity:0; } }
@keyframes mp-cae-80{ to{ transform:translateY(80px); } }
@keyframes mp-pasa{ 0%{ transform:translateX(-120%) skewX(-22deg); } 60%,100%{ transform:translateX(320%) skewX(-22deg); } }
@keyframes mp-gira{ to{ transform:rotate(360deg); } }
@keyframes mp-late{ 0%{ opacity:.25; } 100%{ opacity:1; } }

.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); }

#toasts-flotantes{
  position:fixed; z-index:9999; left:22px; bottom:22px;
  display:flex; flex-direction:column-reverse; gap:8px;
  max-width:min(360px, calc(100vw - 44px));
  pointer-events:none;
}
#toasts-flotantes .toast{ pointer-events:auto; }
.toast-flotante-fuera{ animation:toast-fuera .35s ease forwards !important; }
@keyframes toast-fuera{
  from{ opacity:1; transform:translateY(0) scale(1); }
  to{ opacity:0; transform:translateY(8px) scale(.94); }
}
@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, .view-head{ margin-bottom:18px; }
  .page-head h1, .view-head h1{ font-size:21px; }
  .page-head p, .view-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, .view-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),
.opt-barra-derecha i:nth-child(1),
.opt-barra-isla i:nth-child(1),
.opt-barra-dock 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),
.opt-barra-isla 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); } }

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

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

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

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

.opt-barra-dock i:nth-child(1){ left:30%; right:30%; bottom:5px; height:14px; border-radius:99px; background:var(--blue); opacity:.85; }
.opt-barra-dock i:nth-child(2){ left:10%; right:10%; top:9px; height:6px; }
.opt-barra-dock i:nth-child(3){ left:10%; right:30%; top:20px; height:12px; opacity:.5; }
.opt-barra-dock i:nth-child(4){
  left:44%; right:44%; bottom:2px; height:20px; border-radius:99px;
  background:var(--blue); opacity:.95;
  animation:opt-dock-crece 2.2s ease-in-out infinite;
}
@keyframes opt-dock-crece{
  0%, 100%{ transform:scaleY(1); }
  50%{ transform:scaleY(1.35); }
}

.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-cabecera .btn{ flex:none; white-space:nowrap; }
.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-resumen-zona{ margin-top:16px; }
.prod-resumen-zona #prod-resumen-caja{
  margin-top:12px; padding:16px 18px; border-radius:12px;
  background:rgba(0,229,160,.06); border:1px solid rgba(0,229,160,.34);
}
.prod-resumen-tit{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--signal); margin-bottom:10px;
}

.prod-resumen-lista{ display:flex; flex-direction:column; margin:0 0 14px; }
.prod-resumen-fila{
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding:8px 0; border-bottom:1px solid var(--border);
}
.prod-resumen-fila:last-child{ border-bottom:none; }
.prod-resumen-nombre{ color:var(--text); font-size:13.5px; }
.prod-resumen-precio{
  font-family:var(--font-mono); color:var(--signal); font-size:13.5px;
  white-space:nowrap;
}

.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;
}

.noti-filtros{
  display:flex; align-items:stretch; gap:10px; flex-wrap:wrap;
  margin:0 0 18px; padding:0 0 16px;
  border-bottom:1px dashed var(--border);
}
.noti-filtros[hidden]{ display:none; }

.noti-filtros select,
.noti-filtros .des-caja{ width:auto; min-width:200px; max-width:100%; }
.noti-filtros .des-caja{ align-self:stretch; }
.noti-filtros .des-boton{
  height:auto; min-height:0; padding:0 14px; border-radius:99px;
  font-size:12.5px; background:var(--surface-3); border-color:var(--border);
}
.noti-f-origen{ max-width:100%; overflow-x:auto; scrollbar-width:none; }
.noti-f-origen::-webkit-scrollbar{ display:none; }
.noti-f-origen .tk-filtro{
  --punto:var(--text-dim);
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
}
.noti-f-origen .tk-filtro::before{
  content:''; width:6px; height:6px; border-radius:50%; flex:none;
  background:var(--punto); box-shadow:0 0 8px -1px var(--punto);
}
.noti-f-origen .noti-f-todas::before{ display:none; }
.noti-f-origen .noti-f-sistema{ --punto:#9aa6bd; }
.noti-f-origen .noti-f-staff{ --punto:var(--ok); }
.noti-f-origen .noti-f-encuesta{ --punto:var(--violet); }
.noti-f-n{
  font-family:var(--font-mono); font-size:10.5px; line-height:1.5;
  padding:0 7px; border-radius:99px;
  background:rgba(255,255,255,.05); color:var(--text-faint);
}
.noti-f-origen .tk-filtro.activo{
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--punto) 40%, transparent),
             0 0 16px -8px var(--punto);
}
.noti-f-origen .tk-filtro.activo .noti-f-n{
  background:color-mix(in srgb, var(--punto) 22%, transparent); color:var(--text);
}
.noti-autor-rol{
  font-style:normal; margin-left:6px; padding-left:6px;
  border-left:1px solid var(--border);
  font-family:var(--font-mono); font-size:9px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text-faint);
}
.noti-lista .noti-f-vacio{ display:flex; flex-direction:column; align-items:center; gap:12px; }

.noti-quien{ flex-wrap:wrap; row-gap:6px; }
.noti-autor{ white-space:nowrap; }
@media (max-width:640px){
  .noti-filtros{ flex-direction:column; align-items:stretch; }
  .noti-filtros select,
  .noti-filtros .des-caja{ width:100%; min-width:0; }
  .noti-filtros .des-boton{ min-height:42px; }
  .noti-f-origen{ width:100%; gap:2px; }
  .noti-f-origen .tk-filtro{ flex:1 0 auto; justify-content:center; gap:5px; padding-left:8px; padding-right:8px; }
  .noti-f-n{ padding:0 5px; }
}

.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; }

.fmt-barra{
  display:flex; gap:2px; flex-wrap:wrap;
  padding:5px; border-radius:var(--radius-sm) var(--radius-sm) 0 0;
  background:var(--surface-3); border:1px solid var(--border);
  border-bottom:none;
}
.fmt-barra + textarea{
  border-radius:0 0 var(--radius-sm) var(--radius-sm);
}
.fmt-barra button{
  min-width:30px; height:28px; padding:0 8px; border-radius:6px;
  background:transparent; border:1px solid transparent;
  color:var(--text-dim); cursor:pointer; font-size:13px; font-family:inherit;
  transition:background .14s ease, color .14s ease;
}
.fmt-barra button:hover{ background:var(--surface-2); color:var(--text); }
.fmt-barra button:active{ background:rgba(79,214,255,.14); color:var(--blue); }

.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; }

@media (max-width:620px){
  .cat-cab{ flex-wrap:wrap; row-gap:6px; }
  .cat-eco, .cat-estado{ display:none; }
  .cat-txt{ order:4; flex-basis:100%; }
  .cat-cab .switch{ margin-left:auto; }
}

.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; } }

.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;
}

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

.tk-ficha{
  padding:14px 16px; border-radius:11px;
  background:#181c22; border:1px solid var(--border-strong);
  box-shadow:0 16px 36px -14px rgba(0,0,0,.75);
}

.tk-cuenta-mala{
  padding:16px 18px; border-radius:11px;
  background:#182029; border:1px solid rgba(79,214,255,.35);
  box-shadow:0 16px 36px -14px rgba(0,0,0,.75);
}
.tk-cuenta-mala-aviso{ display:block; color:var(--warn); font-size:11.5px; margin-top:10px; }

.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; }
}

.wa-linea{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px;
  margin:10px 0 2px; padding:7px 10px; border-radius:10px;
  background:rgba(37,211,102,.08); border:1px solid rgba(37,211,102,.30);
  font-size:12px;
}
.wa-linea.sin{ background:rgba(255,255,255,.03); border-color:var(--border); }
.wa-et{ color:var(--text-dim); font-weight:600; }
.wa-num{ color:var(--text); font-family:var(--mono, ui-monospace, monospace); letter-spacing:.02em; }
.wa-linea.sin .wa-num{ color:var(--text-faint); font-family:inherit; font-style:italic; }
.wa-btn{
  padding:3px 9px; border-radius:7px; font-size:11px; font-weight:600; cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid var(--border); color:var(--text);
  text-decoration:none; line-height:1.5;
}
.wa-btn:hover{ border-color:rgba(37,211,102,.6); }
.wa-abrir{ background:rgba(37,211,102,.16); border-color:rgba(37,211,102,.5); color:#7ff0ae; }

.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; position:relative; }

.tk-pop-fondo{
  position:fixed; inset:0; z-index:190;
  background:rgba(6,10,16,.74);
  animation:tk-pop-fondo-in .14s ease;
}
@keyframes tk-pop-fondo-in{ from{ opacity:0; } to{ opacity:1; } }

.tk-popover{
  position:fixed; z-index:200;
  top:50%; left:50%; transform:translate(-50%,-50%);

  width:min(560px, calc(100% - 32px));
  max-height:min(78%, 600px); overflow-y:auto;
  animation:tk-pop-in .16s cubic-bezier(.16,1,.3,1);
}
@keyframes tk-pop-in{
  from{ opacity:0; transform:translate(-50%,-50%) scale(.96); }
  to{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}

@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-visto{ font-size:11px; letter-spacing:-2px; color:var(--text-faint); margin-left:2px; }
.tk-msg-visto.vista{ color:var(--blue); }
.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, .tk-adjunto video{
  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); }

video.tk-msg-foto{ cursor:default; }
video.tk-msg-foto:hover{ transform:none; }

.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.supervisor{
  background:rgba(94,234,212,.13); border:1px solid rgba(94,234,212,.42); color:var(--ok);
}

.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; }
}

.secciones-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:10px;
}
.sec-card{
  position:relative;
  display:flex; flex-direction:column; gap:9px;
  padding:12px 14px 12px 16px;
  background:var(--surface-2); border:1px solid var(--border); border-radius:10px;
  overflow:hidden;
}
.sec-card::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--tono); opacity:.8;
}
.sec-card.tono-neutro { --tono:var(--text-faint); }
.sec-card.tono-azul   { --tono:var(--blue); }
.sec-card.tono-verde  { --tono:var(--ok); }
.sec-card.tono-violeta{ --tono:var(--violet); }
.sec-card.tono-rojo   { --tono:var(--danger); }

.sec-card-titulo{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sec-card-nombre{
  font-family:var(--font-display); font-size:11px; font-weight:700;
  letter-spacing:.07em; text-transform:uppercase; color:var(--text-dim);
}
.sec-card-cuerpo{ display:flex; align-items:center; gap:10px; min-width:0; }
.sec-card-detalles{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }

.secciones-grupo + .secciones-grupo{ margin-top:22px; }
.secciones-grupo-titulo{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-faint); margin:0 0 10px;
}

.dc-fila{
  padding:14px 16px; border:1px solid var(--border); border-radius:10px;
  background:var(--surface-2);
}
.dc-fila + .dc-fila{ margin-top:10px; }
.dc-fila-cab{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.dc-fila-cab strong{ font-size:13.5px; }
.dc-fila-acciones{ display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; }

.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; flex-wrap:wrap; 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-prueba{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:10px; padding-top:10px; border-top:1px dashed var(--border-strong);
}
.rg-prueba-tag{
  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-prueba-tag.vencida{
  background:rgba(255,77,94,.10); border-color:rgba(255,77,94,.34); color:var(--danger);
}

.rg-prueba-cuenta{
  flex-basis:100%; display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}

.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-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-atiende{
  margin:14px 0 0; padding:10px 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(--blue);
}

.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-filtros{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.rf-filtros .st-select{ min-width:180px; }
.rf-filtro-usuario{
  flex:1; min-width:180px; padding:8px 12px; border-radius:10px; font:inherit; font-size:13px;
  background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text);
}
.rf-filtro-usuario:focus{ outline:none; border-color:var(--accent, #4fd6ff); }

.rf-editar{ max-width:520px; }
.rf-editar-previa img{
  display:block; max-width:100%; max-height:260px; border-radius:10px;
  border:1px solid rgba(255,255,255,.14); margin:0 auto;
}
.rf-editar-botones{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }

.tk-pregunta-previa .rg-tapar{ display:block; margin-top:8px; }

.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-origen{
  align-self:flex-start; font-size:9.5px; letter-spacing:.07em; text-transform:uppercase;
  padding:2px 7px; border-radius:99px;
  background:rgba(139,123,255,.12); border:1px solid rgba(139,123,255,.34);
  color:#c4b5fd;
}
.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-contacto-mini{
  background:#1a1a1e; border:none; padding:9px 14px; border-radius:999px;
  justify-content:center;
}
.up-diseno-contacto-ico{ font-size:15px; flex:none; }
.up-diseno-contacto-txt{ font-size:12px; font-weight:700; color:#fff; white-space:nowrap; }

.up-diseno-informe-burbuja .up-diseno-contacto-mini{
  width:40px; height:40px; padding:0; border-radius:50%;
}
.up-diseno-informe-burbuja .up-diseno-contacto-txt{ display:none; }
.up-diseno-informe-burbuja .up-diseno-contacto-ico{ font-size:18px; }

.up-diseno-informe-franja .up-diseno-contacto-mini{
  border-radius:4px; width:100%;
}

.up-diseno-informe-tarjeta .up-diseno-contacto-mini{
  flex-direction:column; align-items:flex-start; gap:2px; border-radius:12px;
  padding:10px 14px;
}
.up-diseno-informe-tarjeta .up-diseno-contacto-mini::after{
  content:'Normalmente respondemos rápido'; font-size:9px; font-weight:400;
  color:rgba(255,255,255,.65);
}

.up-diseno-informe-esquina .up-diseno-contacto-mini{
  border-radius:4px 14px 4px 4px; padding:7px 16px 7px 10px;
}

.up-diseno-informe-minimo .up-diseno-contacto-mini{
  width:34px; height:34px; padding:0; border-radius:10px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.up-diseno-informe-minimo .up-diseno-contacto-txt{ display:none; }
.up-diseno-informe-minimo .up-diseno-contacto-ico{ font-size:15px; filter:grayscale(.4); }

.up-diseno-informe-whatsapp .up-diseno-contacto-mini{
  background:#1ebe5a linear-gradient(135deg, #25D366 0%, #1DA851 50%, #128C7E 100%);
}

.up-diseno-informe-azul .up-diseno-contacto-mini{ background:#3B82F6; }
.up-diseno-informe-morado .up-diseno-contacto-mini{ background:#8B5CF6; }
.up-diseno-informe-rosa .up-diseno-contacto-mini{ background:#EC4899; }
.up-diseno-informe-ambar .up-diseno-contacto-mini{ background:#F59E0B; }
.up-diseno-informe-ambar .up-diseno-contacto-txt{ color:#2b1a00; }
.up-diseno-informe-oscuro .up-diseno-contacto-mini{ background:#16171b; border:1px solid rgba(255,255,255,.14); }

.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-cab{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; }
.rp-info-x{ font-size:11.5px; color:var(--text-dim); word-break:break-all; }

.sus-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.sus-tab{
  padding:7px 14px; border-radius:999px; border:1px solid var(--border);
  background:var(--surface-2); color:var(--text-dim); font-size:12.5px;
  font-weight:600; cursor:pointer; transition:.15s;
}
.sus-tab:hover{ color:var(--text); border-color:var(--text-dim); }
.sus-tab.activa{ background:var(--blue); border-color:var(--blue); color:#04222b; }
.sus-panel{ display:flex; flex-direction:column; }
.sus-fila{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:13px 0; border-bottom:1px solid var(--border); flex-wrap:wrap;
}
.sus-panel .sus-fila:last-child{ border-bottom:none; }
.sus-info{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.sus-info strong{ font-size:13.5px; color:var(--text); }
.sus-prod{ font-size:12px; color:var(--text-dim); }
.sus-fecha{ font-size:11.5px; color:var(--text-faint); }

.sus-fila.urgente .sus-fecha{ color:var(--warn); }
.sus-fila.vencida .sus-fecha{ color:var(--danger); font-weight:600; }

.sus-fecha-dur{ font-size:10.5px; color:var(--text-faint); opacity:.7; }
.sus-acciones{ display:flex; align-items:center; gap:8px; flex:none; }

.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; display:inline-flex; align-items:center; gap:3px; }

.ch-msg-visto{ font-size:10px; letter-spacing:-2px; color:var(--text-faint); }
.ch-msg-visto.vista{ color:var(--blue); }

.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-escribiendo{
  margin:0; padding:8px 20px 0;
  font-size:11.5px; font-style:italic; color:var(--text-faint);
}

.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; } }

.chip-fuera{
  display:inline-flex; align-items:center; margin-left:6px;
  padding:2px 8px; border-radius:99px;
  font-size:10px; letter-spacing:.02em;
  background:var(--surface-2); border:1px solid var(--border); color:var(--text-dim);
}

.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; }
}

.vg-alarma-cobro{
  border-color:rgba(255,45,45,.75);
  box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(255,45,45,.3);
  animation:vg-alarma-fuerte .6s ease-in-out infinite;
}
@keyframes vg-alarma-fuerte{
  0%,100%{ box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 1px rgba(255,45,45,.3); }
  50%    { box-shadow:0 20px 46px rgba(0,0,0,.6), 0 0 0 8px rgba(255,45,45,.28); }
}
.vg-alarma-cobro .vg-llamada-cola{ color:#ff5252; }

.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; }
.letra-negrita-peso{ margin-top:10px; }
.letra-contorno-peso{ 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%; }

.opt-card .opt-mini.opt-productos-bento i:nth-child(1){ left:9%; top:7px; bottom:7px; width:40%; }
.opt-card .opt-mini.opt-productos-bento i:nth-child(2){ left:53%; top:7px; width:17%; height:15px; }
.opt-card .opt-mini.opt-productos-bento i:nth-child(3){ right:9%; top:7px; width:17%; height:15px; }
.opt-card .opt-mini.opt-productos-bento i:nth-child(4){ display:block; left:53%; right:9%; bottom:7px; height:15px; }

.opt-card .opt-mini.opt-productos-burbuja i{ top:7px; width:19px; height:19px; border-radius:50%; overflow:visible; }
.opt-card .opt-mini.opt-productos-burbuja i:nth-child(1){ left:15%; }
.opt-card .opt-mini.opt-productos-burbuja i:nth-child(2){ left:calc(50% - 9.5px); }
.opt-card .opt-mini.opt-productos-burbuja i:nth-child(3){ right:15%; }
.opt-card .opt-mini.opt-productos-burbuja i:nth-child(-n+3)::after{
  content:''; position:absolute; left:-3px; right:-3px; top:24px; height:3px; border-radius:2px;
  background:rgba(255,255,255,.3);
}

.opt-card .opt-mini.opt-productos-cupon i:nth-child(1){ left:9%; right:31%; top:9px; bottom:9px; border-radius:3px 0 0 3px; }
.opt-card .opt-mini.opt-productos-cupon i:nth-child(2){ right:9%; width:20%; top:9px; bottom:9px; border-radius:0 3px 3px 0; background:rgba(255,255,255,.4); }
.opt-card .opt-mini.opt-productos-cupon i:nth-child(3){ left:13%; top:14px; bottom:14px; width:13%; background:rgba(255,255,255,.55); }
.opt-card .opt-mini.opt-productos-cupon i:nth-child(4){ display:block; right:29%; width:0; top:9px; bottom:9px; background:none; border-left:2px dashed rgba(255,255,255,.6); border-radius:0; }

.opt-card .opt-mini.opt-productos-polaroid i:nth-child(-n+3){
  top:6px; bottom:6px; width:21%; border-radius:2px;
  background:linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.55)) 3px 3px / calc(100% - 6px) 62% no-repeat, rgba(255,255,255,.16);
}
.opt-card .opt-mini.opt-productos-polaroid i:nth-child(1){ left:14%; rotate:-7deg; }
.opt-card .opt-mini.opt-productos-polaroid i:nth-child(2){ left:calc(50% - 10.5%); rotate:4deg; }
.opt-card .opt-mini.opt-productos-polaroid i:nth-child(3){ right:14%; rotate:-3deg; }

.opt-card .opt-mini.opt-productos-menu i{
  height:5px; border-radius:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.55) 0 38%, transparent 38%) 0 0 / 100% 100% no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.3) 0 2px, transparent 2px 5px);
}
.opt-card .opt-mini.opt-productos-menu i:nth-child(1){ left:8%; width:39%; top:13px; }
.opt-card .opt-mini.opt-productos-menu i:nth-child(2){ left:8%; width:39%; bottom:13px; }
.opt-card .opt-mini.opt-productos-menu i:nth-child(3){ right:8%; width:39%; top:13px; }
.opt-card .opt-mini.opt-productos-menu i:nth-child(4){ display:block; right:8%; width:39%; bottom:13px; }

[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;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 26%) padding-box,
    linear-gradient(160deg,#15171f,#07080c) padding-box,
    conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 292deg, rgba(255,255,255,.9) 359deg, rgba(255,255,255,0) 360deg) border-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(135deg, rgba(255,255,255,.08), rgba(255,255,255,0) 32%) padding-box,
    linear-gradient(#07080c,#07080c) padding-box,
    linear-gradient(115deg, #4bc8e8 0%, #8b6bd8 30%, #f0abfc 45%, #4bc8e8 62%, #8b6bd8 100%) border-box;
  background-size:auto, auto, 300% 300%;
  animation:mini-holo 5.5s ease-in-out infinite;
}
.opt-prodDiseno-holo i:nth-child(2){
  left:calc(26% + 2px); right:calc(26% + 2px); top:9px; height:44%; border-radius:7px 7px 0 0; z-index:2;
  background:
    linear-gradient(115deg, transparent 36%, rgba(255,255,255,.4) 47%, rgba(240,171,252,.25) 52%, transparent 62%),
    repeating-linear-gradient(115deg, rgba(103,232,255,.14) 0 4px, rgba(192,132,252,.14) 4px 8px, rgba(251,191,36,.1) 8px 12px);
  background-size:300% 100%, auto;
  animation:mini-lamina 4s ease-in-out infinite;
}
@keyframes mini-holo{
  0%,100%{ background-position:0 0, 0 0, 0% 50%; }
  50%{ background-position:0 0, 0 0, 100% 50%; }
}
@keyframes mini-lamina{ 0%,100%{ background-position:100% 0, 0 0; } 50%{ background-position:0% 0, 12px 0; } }

.opt-prodDiseno-cromo i:nth-child(1){
  border-radius:4px;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 3px), linear-gradient(180deg, rgba(255,255,255,.07), transparent 18%, transparent 82%, rgba(0,0,0,.3)), linear-gradient(155deg, #1d2029, #0b0c11 55%, #161820);

  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), inset 0 1px 0 rgba(255,255,255,.16);
}
.opt-prodDiseno-cromo i:nth-child(2){
  left:26%; right:26%; top:7px; bottom:7px; z-index:2;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  background:
    linear-gradient(135deg, transparent 4.1px, #b9ecff 4.3px, #b9ecff 5.3px, transparent 5.5px) left top / 12px 12px no-repeat,
    linear-gradient(315deg, transparent 4.1px, #b9ecff 4.3px, #b9ecff 5.3px, transparent 5.5px) right bottom / 12px 12px no-repeat,
    radial-gradient(circle at calc(100% - 6px) 6px, #e7ebf3 0 .9px, rgba(0,0,0,.5) 1.6px, transparent 2px),
    radial-gradient(circle at 6px calc(100% - 6px), #e7ebf3 0 .9px, rgba(0,0,0,.5) 1.6px, transparent 2px),
    linear-gradient(125deg, transparent 40%, rgba(255,255,255,.2) 48%, rgba(79,214,255,.18) 51%, transparent 58%) 0 0 / 260% 260%;
  animation:mini-cromo 6.5s ease-in-out infinite;
}
@keyframes mini-cromo{
  0%,100%{ background-position:left top, right bottom, 0 0, 0 0, 0% 50%; }
  50%{ background-position:left top, right bottom, 0 0, 0 0, 100% 50%; }
}

.opt-prodDiseno-papel i:nth-child(1){
  border-radius:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' %3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 80px 80px, linear-gradient(180deg,#181a23,#0f1118);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 4px -1px rgba(0,0,0,.6), 0 8px 14px -10px rgba(0,0,0,.9);
}
.opt-prodDiseno-papel i:nth-child(2){
  left:auto; right:calc(26% + 7px); top:6px; width:7px; height:15px; z-index:2;
  background:linear-gradient(180deg, #1c6f8a 0 2px, #4fd6ff 2px, #2fa8cc);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);
}

.opt-mini.es-contorno.opt-prodDiseno-papel i:nth-child(2){
  left:26%; right:26%; top:7px; width:auto; height:2px; clip-path:none; border-radius:6px 6px 0 0;
  background:linear-gradient(90deg, #4fd6ff, rgba(79,214,255,0) 70%);
}

.opt-prodDiseno-vapor i:nth-child(1){
  border-radius:8px; border:1px solid transparent;
  background:linear-gradient(#0a0b10,#0a0b10) padding-box,
    linear-gradient(140deg, rgba(255,255,255,.4), rgba(79,214,255,.5) 32%, rgba(255,255,255,.05) 58%, rgba(192,132,252,.55)) border-box;
  overflow:hidden;
}
.opt-prodDiseno-vapor i:nth-child(2){
  left:calc(26% + 1px); right:calc(26% + 1px); top:8px; bottom:8px; z-index:1; border-radius:7px; overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 30%, rgba(6,7,11,.35)),
    radial-gradient(40% 44% at 28% 30%, rgba(79,214,255,.85), transparent 72%),
    radial-gradient(36% 40% at 72% 68%, rgba(192,132,252,.7), transparent 72%),
    radial-gradient(30% 34% at 58% 22%, rgba(255,110,180,.5), transparent 72%),
    radial-gradient(28% 32% at 22% 78%, rgba(103,232,249,.4), transparent 72%);
  background-size:auto, 170% 170%, 170% 170%, 170% 170%, 170% 170%;
  animation:mini-vapor 9s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes mini-vapor{
  0%,100%{ background-position:0 0, 0% 40%, 100% 60%, 50% 0%, 20% 100%; }
  33%{ background-position:0 0, 30% 10%, 70% 90%, 20% 40%, 60% 70%; }
  66%{ background-position:0 0, 70% 80%, 20% 20%, 80% 60%, 10% 30%; }
}

[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{
  position:relative;
  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-fila.con-copia{ padding-right:34px; }
.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; }

.ck-info-copy-mini{
  position:absolute; top:7px; right:7px; flex:none;
  width:22px; height:22px; padding:0; border-radius:6px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  background:var(--surface-3); border:1px solid var(--border); color:var(--text-dim);
  font-size:12px; line-height:1;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.ck-info-copy-mini:hover{ background:rgba(79,214,255,.14); color:var(--blue); border-color:rgba(79,214,255,.3); }
.ck-info-copy-mini.ok{ background:rgba(0,229,160,.18); color:var(--ok); border-color:rgba(0,229,160,.45); }

.ck-modos{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.ck-modo{
  padding:7px 14px; border-radius:99px; cursor:pointer;
  font-family:inherit; font-size:12px; font-weight:600;
  background:var(--surface-2); border:1px solid var(--border); color:var(--text-dim);
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.ck-modo:hover{ color:var(--text); border-color:var(--border-strong); }
.ck-modo.activo{
  background:rgba(79,214,255,.14); border-color:rgba(79,214,255,.5); color:var(--blue);
}
.cki-fila{ flex-direction:column; align-items:stretch; }
.cki-datos{ display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.cki-nota{
  margin:8px 0 0; padding:8px 11px; border-radius:var(--radius-sm);
  background:var(--surface-3); border:1px solid var(--border);
  font-size:12px; color:var(--text-dim); line-height:1.5;
}

@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-pagoForma-"] 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-pagoForma-recibo i:nth-child(1){ left:10%; width:36%; top:8px; bottom:8px; }
.opt-pagoForma-recibo i:nth-child(2){ right:10%; width:36%; top:8px; bottom:8px; opacity:.55; }
.opt-pagoForma-recibo i:nth-child(3), .opt-pagoForma-recibo i:nth-child(4){ display:none; }

.opt-pagoForma-pasos i:nth-child(1){
  left:14%; top:9px; width:9px; height:9px; border-radius:50%; background:var(--blue);
}
.opt-pagoForma-pasos i:nth-child(2){ left:29%; right:14%; top:8px; height:11px; }
.opt-pagoForma-pasos i:nth-child(3){
  left:14%; bottom:9px; width:9px; height:9px; border-radius:50%; background:var(--blue); opacity:.55;
}
.opt-pagoForma-pasos i:nth-child(4){ left:29%; right:14%; bottom:8px; height:11px; opacity:.55; }

.opt-pagoForma-compacta i:nth-child(1){ left:12%; right:12%; top:6px; height:5px; }
.opt-pagoForma-compacta i:nth-child(2){ left:12%; right:12%; top:14px; height:5px; }
.opt-pagoForma-compacta i:nth-child(3){ left:12%; right:12%; top:22px; height:5px; }
.opt-pagoForma-compacta i:nth-child(4){ left:12%; right:12%; top:30px; height:5px; }

.opt-pagoForma-destacada i:nth-child(1){
  left:10%; right:10%; top:8px; height:21px; background:var(--blue); opacity:.85;
}
.opt-pagoForma-destacada i:nth-child(2){ left:22%; right:22%; bottom:8px; height:8px; opacity:.35; }
.opt-pagoForma-destacada i:nth-child(3), .opt-pagoForma-destacada i:nth-child(4){ 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-caja:last-child .sv-fila{ 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-dato-foto{
  display:block; max-width:100%; max-height:280px; margin:10px 0 4px;
  border-radius:8px; border:1px solid var(--border); object-fit:contain;
}

.sv-revision{
  margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed var(--border);
  font-size:12.5px; color:var(--text-dim);
}
.sv-revision .sv-dato-v{ text-align:left; font-family:inherit; }

.sv-ticket-hilo{
  margin-top:10px; padding-top:10px; border-top:1px solid var(--border);
  display:flex; flex-direction:column; gap:8px;
}
.sv-ticket-msg{
  padding:7px 10px; border-radius:8px; background:var(--surface-3);
  font-size:12.5px;
}
.sv-ticket-msg.es-cliente{ background:transparent; border:1px solid var(--border); }
.sv-ticket-msg-cab{
  font-size:10.5px; color:var(--text-faint); margin-bottom:3px;
  text-transform:uppercase; letter-spacing:.04em;
}
.sv-ticket-msg-txt{ color:var(--text); white-space:pre-wrap; word-break:break-word; }
.sv-ticket-sistema{
  font-size:11.5px; font-style:italic; color:var(--text-faint); text-align:center;
}

.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);
}

.ch-escribiendo{
  padding:8px 16px 0; font-size:11.5px; font-style:italic; color:var(--text-faint);
}

.ch-msg-vistopor{ display:flex; gap:3px; margin-top:3px; }
.ch-msg.mio .ch-msg-vistopor{ justify-content:flex-end; }
.ch-mini-avatar{
  width:16px; height:16px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:8.5px; font-weight:700;
  background:var(--surface-3); border:1px solid var(--border-strong); color:var(--text-dim);
}
.ch-mini-avatar.owner{ background:rgba(139,123,255,.18); border-color:rgba(139,123,255,.5); color:var(--violet); }
.ch-mini-avatar.supervisor{ background:rgba(255,179,64,.16); border-color:rgba(255,179,64,.5); color:var(--warn); }
.ch-mini-avatar.staff{ background:rgba(79,214,255,.16); border-color:rgba(79,214,255,.5); 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); }

@media (max-width:900px){
  input[type="text"], input[type="password"], input[type="number"], input[type="email"],
  input[type="search"], input[type="tel"], textarea, select{ font-size:16px !important; }
}

.et{ animation:view-in .3s ease; }
.et [hidden]{ display:none !important; }
.et-cargando{ padding:34px 4px; }

.et-cabeza{
  position:relative; isolation:isolate; overflow:hidden;
  border-radius:18px; margin-bottom:14px; background:var(--t1, #07080b);
  border:1px solid color-mix(in srgb, var(--t2, #4fd6ff) 32%, var(--border));
  box-shadow:0 26px 60px -34px color-mix(in srgb, var(--t2, #4fd6ff) 70%, transparent);
}
.et-cabeza .et-fondo{ position:absolute; inset:0; height:auto; z-index:-2; display:block; }
.et-cabeza .et-fondo::after{ display:none; }

.et-cabeza::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(95deg, rgba(7,8,11,.95) 0%, rgba(7,8,11,.82) 40%, rgba(7,8,11,.38) 100%);
}
.et-cabeza-fila{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px 0; }
.et-volver{
  font-family:inherit; font-size:12.5px; color:var(--text-dim); cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  border-radius:99px; padding:6px 14px;
  transition:color .15s ease, background .15s ease, border-color .15s ease;
}
.et-volver:hover{ color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.22); }

.et-guardado{
  display:inline-flex; align-items:center; gap:8px; min-width:0; max-width:62%;
  font-size:12px; padding:6px 13px; border-radius:99px;
  background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.12); color:var(--text-dim);
  backdrop-filter:blur(8px);
}
.et-guardado-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.et-guardado-punto{
  flex:none; width:8px; height:8px; border-radius:50%;
  background:var(--ok, #3ddc97); box-shadow:0 0 8px var(--ok, #3ddc97);
}
.et-guardado[data-estado="guardando"] .et-guardado-punto{
  background:var(--blue); box-shadow:0 0 8px var(--blue); animation:et-late .75s ease-in-out infinite;
}
.et-guardado[data-estado="pendiente"] .et-guardado-punto{ background:var(--text-faint); box-shadow:none; }
.et-guardado[data-estado="error"]{ color:#ff9aa5; border-color:rgba(255,77,94,.45); }
.et-guardado[data-estado="error"] .et-guardado-punto{ background:var(--danger, #ff4d5e); box-shadow:0 0 8px var(--danger, #ff4d5e); }
.et-guardado[data-estado="falta"]{ color:#ffd18a; border-color:rgba(255,159,10,.45); }
.et-guardado[data-estado="falta"] .et-guardado-punto{ background:#ff9f0a; box-shadow:0 0 8px #ff9f0a; }
@keyframes et-late{ 50%{ opacity:.35; transform:scale(.75); } }

.et-marca{ display:flex; align-items:center; gap:16px; padding:16px 20px 22px; flex-wrap:wrap; }
.et-logo{
  width:68px; height:68px; flex:none; border-radius:18px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:rgba(8,9,12,.74);
  border:1px solid color-mix(in srgb, var(--t2, #4fd6ff) 55%, transparent);
  box-shadow:0 0 34px -12px var(--t2, #4fd6ff), inset 0 0 0 1px rgba(255,255,255,.04);
}
.et-logo img{ width:100%; height:100%; object-fit:contain; padding:9px; display:block; }
.et-logo.inicial{
  font-family:var(--font-display); font-weight:700; font-size:30px; color:var(--t2, #4fd6ff);
  text-shadow:0 0 18px color-mix(in srgb, var(--t2, #4fd6ff) 60%, transparent);
}
.et-marca-txt{ flex:1; min-width:200px; }
.et-nombre{ margin:0; font-family:var(--font-display); font-size:28px; line-height:1.15; color:#fff; word-break:break-word; }
.et-meta{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:9px; }
.et-dir{
  font-family:var(--font-mono); font-size:11.5px; color:var(--text-dim);
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  padding:2px 8px; border-radius:6px;
}
.et-puertas{ display:flex; gap:8px; flex-wrap:wrap; }

.et-tabs{
  position:sticky; top:64px; z-index:15; margin:0 0 16px; padding:8px;
  border-radius:14px; background:rgba(10,11,14,.86); backdrop-filter:blur(12px);
  border:1px solid var(--border);
}
.et-tab.activa{
  color:#fff;
  background:color-mix(in srgb, var(--t2, #4fd6ff) 15%, transparent);
  border-color:color-mix(in srgb, var(--t2, #4fd6ff) 70%, transparent);
  box-shadow:0 0 20px -9px var(--t2, #4fd6ff);
}
.et-tab-ico{ font-size:14px; line-height:1; }
.et-tab.bloqueada{ opacity:.62; }
.et-tab-candado{ font-size:10px; margin-left:-2px; }
@media (max-width:900px){

  .et-tabs{ position:relative; top:auto; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .et-tabs::-webkit-scrollbar{ display:none; }
  .et-tab{ flex:none; }
  .et-nombre{ font-size:22px; }
  .et-logo{ width:56px; height:56px; border-radius:15px; }
  .et-guardado{ max-width:58%; }
}

.et-pestana{ animation:view-in .25s ease; }
.et-bloque{ margin-bottom:14px; }
.et-bloque-cab{ margin-bottom:10px; }
.et-bloque-cab h3{ display:flex; align-items:center; gap:9px; margin:0; font-size:15px; }
.et-bloque-emoji{ font-size:16px; line-height:1; }
.et-bloque-cab .hint{ margin:5px 0 0; }
.et-bloque > .mini-label:first-of-type{ margin-top:4px; }
.et-pista{ margin:7px 0 2px; }
.et-intro{ margin:0 0 12px; }
.et-sub{ margin-top:4px; }
.et-sw{ padding:12px 0; }
.et-bloque .ajuste-fila:last-child{ border-bottom:none; }
.et-solo-leer{ opacity:.72; cursor:default; }
.et-error-linea{ color:#ff9aa5 !important; margin-top:6px; }
.et-aviso-amarillo{
  color:#ffc56b !important; background:rgba(255,159,10,.08);
  border:1px solid rgba(255,159,10,.26); border-radius:9px; padding:8px 11px; margin:8px 0;
}
.et-falta{
  margin:4px 0 12px; padding:10px 13px; border-radius:10px; font-size:12.5px;
  color:#ffd18a; background:rgba(255,159,10,.08); border:1px solid rgba(255,159,10,.3);
}
.et-aviso-bloqueo{
  margin:0 0 12px; padding:11px 14px; border-radius:11px; font-size:12.5px; color:var(--text-dim);
  background:rgba(255,255,255,.03); border:1px dashed var(--border-strong);
}
.et-bloqueada .opt-card, .et-bloqueada .theme-card{ cursor:not-allowed; }
.et-bloqueada .opt-card:hover, .et-bloqueada .theme-card:hover{ transform:none; }
.et-peligro{ border-color:rgba(255,77,94,.26); }
.et-peligro .et-bloque-cab h3{ color:#ff9aa5; }

.et-sec .plegable-cab{ gap:10px; }
.et-sec-chip{
  flex:none; font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
  padding:3px 8px; border-radius:99px;
  color:var(--ok, #3ddc97); background:rgba(61,220,151,.1); border:1px solid rgba(61,220,151,.35);
}
.et-sec-chip.off{ color:var(--text-faint); background:rgba(255,255,255,.04); border-color:var(--border); }
.et-sec.apagada > .plegable-cab .plegable-tit,
.et-sec.apagada > .plegable-cab .plegable-emoji{ opacity:.5; }
.et-sec-zona{ transition:opacity .2s ease; }
.et-sec-zona.et-apagada{ opacity:.5; }
.et-sec .plegable-cuerpo > .ajuste-fila{ padding-top:4px; }

.slogan-row.con-enlace{ grid-template-columns:1fr 64px 34px 30px; }
.et-link-btn{
  width:34px; height:38px; padding:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--radius-sm); border:1px solid var(--border);
  background:var(--surface-2); color:var(--text-faint);
  transition:color .15s ease, border-color .15s ease, background .15s ease;
}
.et-link-btn svg{ width:16px; height:16px; }
.et-link-btn:hover{ color:var(--text); border-color:var(--border-strong); }
.et-link-btn.puesto{ color:var(--blue); border-color:rgba(79,214,255,.5); background:rgba(79,214,255,.08); }
.et-link-fila{ margin:-2px 0 10px; }
.et-link-fila input{ width:100%; font-family:var(--font-mono); font-size:12px; }

.orden-fila.et-oculta{ opacity:.55; }
.et-orden-oculta{
  flex:none; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint);
  border:1px solid var(--border); border-radius:99px; padding:2px 7px;
}

.et-paleta{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start; }
.et-paleta .paleta-reset{ margin-top:12px; }

.et-paleta .paleta-swatches{ grid-template-columns:repeat(auto-fill, 32px); gap:8px; }
.et-paleta .paleta-swatch{ width:32px; height:32px; }
.et-paleta .paleta-tit.chico:first-child{ margin-top:0; }
@media (max-width:760px){ .et-paleta{ grid-template-columns:1fr; gap:18px; } }

.et-clave{ display:flex; gap:8px; align-items:center; }
.et-clave input{ flex:1; min-width:0; }
.et-clave .btn{ flex:none; }

.et .pago-campos .des-caja{ width:100%; }

.store-card.con-portada{ padding-top:0; }
.store-card.con-portada::before{ display:none; }
.store-card .store-portada{
  display:block; height:66px; margin:0 -16px 12px;
  border-bottom:1px solid color-mix(in srgb, var(--t2) 30%, var(--border));
}
.store-card .store-portada::after{ display:none; }
.store-card.con-portada .store-logo{
  position:relative; z-index:1; margin:-38px 0 8px;
  background:rgba(10,11,14,.92); box-shadow:0 8px 20px -8px rgba(0,0,0,.85);
  border-color:color-mix(in srgb, var(--t2) 45%, var(--border));
}
.store-editar{
  position:absolute; top:10px; right:10px; z-index:2;
  font-size:11px; font-weight:600; color:#fff; padding:4px 10px; border-radius:99px;
  background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(6px);
  opacity:0; transform:translateY(-3px); transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.store-card:hover .store-editar{ opacity:1; transform:none; }
@media (hover:none){ .store-editar{ opacity:1; transform:none; } }

.opt-mini.etm{
  height:74px;
  background:
    radial-gradient(120% 95% at 0% 0%, color-mix(in srgb, var(--t2, #4fd6ff) 15%, transparent), transparent 62%),
    linear-gradient(160deg, #11141b, #07080b);
}
.etm i{ position:static; display:block; background:none; border-radius:0; }
.etm-escena{ position:absolute; inset:0; }

.etm-escena::before{
  content:''; position:absolute; left:10px; top:11px; width:44%; height:36px; border-radius:6px;
  background:
    linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) 0 0 / 100% 10px no-repeat,
    linear-gradient(rgba(255,255,255,.05), rgba(255,255,255,.05)) 0 16px / 72% 6px no-repeat,
    linear-gradient(rgba(255,255,255,.05), rgba(255,255,255,.05)) 0 27px / 54% 6px no-repeat;
}

.etm-cc-tema{ --cb1:color-mix(in srgb, var(--t2, #4fd6ff) 90%, #000); --cb2:color-mix(in srgb, var(--t1, #07080b) 70%, #000); --cbt:#04121a; --cbl:var(--t2, #4fd6ff); }
.etm-cc-blanco{ --cb1:#f6f8fb; --cb2:#dde3ec; --cbt:#0b0f16; --cbl:rgba(255,255,255,.8); }
.etm-cc-oscuro{ --cb1:#191d26; --cb2:#0b0d12; --cbt:#fff; --cbl:var(--t2, #4fd6ff); }
.etm-cc-morado{ --cb1:#a78bfa; --cb2:#7c3aed; --cbt:#fff; --cbl:#8b5cf6; }
.etm-cc-rosa{ --cb1:#f472b6; --cb2:#db2777; --cbt:#fff; --cbl:#ec4899; }
.etm-cc-ambar{ --cb1:#fcd34d; --cb2:#f59e0b; --cbt:#1a1204; --cbl:#f59e0b; }

.etm-cb{
  position:absolute; right:10px; bottom:10px;
  display:flex; align-items:center; gap:5px; padding:6px 10px; border-radius:99px;
  font-family:inherit; font-size:11px; font-weight:700; line-height:1;
  background:linear-gradient(135deg, var(--cb1), var(--cb2)); color:var(--cbt);
  box-shadow:0 8px 16px -8px rgba(0,0,0,.95), 0 0 14px -6px var(--cbl);
  transition:all .25s ease;
}
.etm-cc-oscuro .etm-cb{ border:1px solid color-mix(in srgb, var(--t2, #4fd6ff) 60%, transparent); }
.etm-cb svg{ width:14px; height:14px; flex:none; }
.etm-cb-tx{ display:none; font-style:normal; font-size:10px; white-space:nowrap; }
.etm-cb-n{
  min-width:15px; height:15px; padding:0 4px; border-radius:99px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.28); color:#fff; font-size:9.5px; font-weight:700;
}
.etm-cc-oscuro .etm-cb-n{ background:var(--t2, #4fd6ff); color:#04121a; }
.etm-cc-blanco .etm-cb-n{ background:#0b0f16; }

.etm-car-circular .etm-cb,
.etm-car-cuadrada .etm-cb{ width:32px; height:32px; padding:0; justify-content:center; border-radius:50%; }
.etm-car-cuadrada .etm-cb{ border-radius:9px; }
.etm-car-circular .etm-cb svg,
.etm-car-cuadrada .etm-cb svg{ width:16px; height:16px; }
.etm-car-circular .etm-cb-n,
.etm-car-cuadrada .etm-cb-n,
.etm-car-minimo .etm-cb-n{
  position:absolute; top:-5px; right:-5px; background:#fff; color:#0b0f16;
  box-shadow:0 0 0 2px #0d0f14;
}
.etm-car-franja .etm-cb{ border-radius:7px; padding:6px 9px 6px 8px; box-shadow:inset 3px 0 0 rgba(255,255,255,.5), 0 8px 16px -8px rgba(0,0,0,.95), 0 0 14px -6px var(--cbl); }
.etm-car-franja .etm-cb-tx{ display:inline; }
.etm-car-minimo .etm-cb{
  width:26px; height:26px; padding:0; justify-content:center; border-radius:50%;
  background:color-mix(in srgb, var(--cb1) 32%, rgba(12,14,19,.86));
  border:1px solid color-mix(in srgb, var(--cb1) 75%, transparent);
  color:var(--cb1); box-shadow:0 6px 12px -6px rgba(0,0,0,.9);
}
.etm-car-minimo.etm-cc-oscuro .etm-cb{ color:var(--t2, #4fd6ff); }
.etm-car-minimo .etm-cb svg{ width:13px; height:13px; }
.etm-car-minimo .etm-cb-n{ min-width:12px; height:12px; font-size:8px; padding:0 3px; top:-4px; right:-4px; }
.etm-car-elevado .etm-cb{
  padding:7px 12px; bottom:13px;
  box-shadow:0 14px 18px -10px rgba(0,0,0,1), 0 0 22px -4px var(--cbl), inset 0 1px 0 rgba(255,255,255,.35);
  animation:etm-flota 2.6s ease-in-out infinite;
}
@keyframes etm-flota{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }

.etm-cc-blanco .etm-cb-n{ background:#0b0f16; color:#fff; }
.etm-cc-oscuro .etm-cb-n{ background:var(--t2, #4fd6ff); color:#04121a; }

.etm-ac-verde{ --ac:#00e5a0; --ac2:#00b37d; --act:#04120d; }
.etm-ac-tema{ --ac:var(--t2, #4fd6ff); --ac2:color-mix(in srgb, var(--t2, #4fd6ff) 68%, #000); --act:#04121a; }
.etm-ac-blanco{ --ac:#f4f6fa; --ac2:#cfd6e2; --act:#0b0f16; }
.etm-ac-morado{ --ac:#a78bfa; --ac2:#7c3aed; --act:#fff; }
.etm-ac-rosa{ --ac:#f472b6; --ac2:#db2777; --act:#fff; }
.etm-ac-ambar{ --ac:#fcd34d; --ac2:#f59e0b; --act:#1a1204; }

.etm-avc{
  position:absolute; right:8px; bottom:8px; width:64%;
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:4px 6px; align-items:center;
  padding:6px 7px; border-radius:8px;
  background:
    radial-gradient(130% 150% at 0% 0%, color-mix(in srgb, var(--ac) 26%, transparent), transparent 70%),
    rgba(10,12,16,.96);
  border:1px solid color-mix(in srgb, var(--ac) 58%, transparent);
  box-shadow:0 8px 16px -8px rgba(0,0,0,.95), 0 0 14px -6px var(--ac);
}
.etm-av-ico{ grid-row:1 / span 2; display:flex; color:var(--ac); }
.etm-av-ico svg{ width:13px; height:13px; }
.etm-av-tx{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.etm-av-tx i{ height:3px; border-radius:2px; background:rgba(255,255,255,.78); width:88%; }
.etm-av-tx i:first-child{ width:52%; background:var(--ac); }
.etm-av-bt{ grid-column:2; display:flex; gap:4px; }
.etm-av-bt i{ flex:1; height:7px; border-radius:3px; background:rgba(255,255,255,.14); }
.etm-av-bt i:last-child{ background:linear-gradient(135deg, var(--ac), var(--ac2)); }

.etm-av-franja .etm-avc{
  left:0; right:0; top:0; bottom:auto; width:auto; border-radius:0; border-width:0 0 1px;
  grid-template-columns:auto 1fr 38%; grid-template-rows:auto; padding:7px 9px;
}
.etm-av-franja .etm-av-ico{ grid-row:auto; }
.etm-av-franja .etm-av-bt{ grid-column:3; }
.etm-av-burbuja .etm-avc{
  width:70%; border-radius:99px; grid-template-columns:auto 1fr 34%; grid-template-rows:auto; padding:5px 7px 5px 9px;
}
.etm-av-burbuja .etm-av-ico{ grid-row:auto; }
.etm-av-burbuja .etm-av-tx i:first-child{ display:none; }
.etm-av-burbuja .etm-av-bt{ grid-column:3; }
.etm-av-burbuja .etm-av-bt i{ border-radius:99px; }
.etm-av-esquina .etm-avc{ top:7px; bottom:auto; right:7px; width:48%; padding:5px 6px; border-radius:7px; }
.etm-av-esquina .etm-av-ico svg{ width:10px; height:10px; }
.etm-av-minimo .etm-avc{
  width:50%; grid-template-columns:1fr; padding:6px 7px; border-radius:7px;
  box-shadow:0 8px 16px -8px rgba(0,0,0,.95);
}
.etm-av-minimo .etm-av-ico{ display:none; }
.etm-av-minimo .etm-av-bt{ grid-column:1; }
.etm-av-minimo .etm-av-bt i:first-child{ display:none; }
.etm-av-destacado .etm-escena::after{
  content:''; position:absolute; inset:0; background:rgba(0,0,0,.55);
}
.etm-av-destacado .etm-avc{
  z-index:1; left:50%; right:auto; top:50%; bottom:auto; width:56%;
  transform:translate(-50%,-50%); grid-template-columns:1fr; justify-items:center; text-align:center;
  padding:7px 8px; border-radius:9px;
  box-shadow:0 10px 22px -8px rgba(0,0,0,1), 0 0 22px -4px var(--ac);
}
.etm-av-destacado .etm-av-ico{ grid-row:auto; }
.etm-av-destacado .etm-av-ico svg{ width:15px; height:15px; }
.etm-av-destacado .etm-av-tx{ width:100%; align-items:center; }
.etm-av-destacado .etm-av-bt{ grid-column:1; width:100%; }

.opt-mini:not([class*="opt-productos-"]):not([class*="opt-prodDiseno-"]):not(.opt-mini-son):not(.etm){
  background:
    linear-gradient(115deg, transparent 42%, rgba(255,255,255,.075) 50%, transparent 58%) 130% 0 / 260% 100% no-repeat,
    radial-gradient(110% 85% at 50% -12%, rgba(79,214,255,.09), transparent 62%),
    linear-gradient(180deg, #11131b, #0a0b0f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -12px 18px -14px rgba(0,0,0,.85);
  transition:background-position .9s cubic-bezier(.16,1,.3,1);
}
.opt-card:hover .opt-mini:not([class*="opt-productos-"]):not([class*="opt-prodDiseno-"]):not(.opt-mini-son):not(.etm){
  background-position:-30% 0, 0 0, 0 0;
}

.opt-card.selected .opt-mini:not([class*="opt-productos-"]):not([class*="opt-prodDiseno-"]):not(.opt-mini-son):not(.etm){
  background:
    linear-gradient(115deg, transparent 42%, rgba(255,255,255,.075) 50%, transparent 58%) 130% 0 / 260% 100% no-repeat,
    radial-gradient(110% 85% at 50% -12%, rgba(79,214,255,.18), transparent 62%),
    linear-gradient(180deg, #12151e, #0a0b0f);
}
.opt-card.selected:hover .opt-mini:not([class*="opt-productos-"]):not([class*="opt-prodDiseno-"]):not(.opt-mini-son):not(.etm){
  background-position:-30% 0, 0 0, 0 0;
}

.opt-card .opt-barra-lateral i:nth-child(1),
.opt-card .opt-barra-cajon i:nth-child(1){
  background:linear-gradient(90deg, rgba(79,214,255,.42), rgba(79,214,255,.78));
  box-shadow:inset -1px 0 0 rgba(225,250,255,.85), 3px 0 10px -3px var(--blue);
}
.opt-card .opt-barra-derecha i:nth-child(1),
.opt-card .opt-barra-cajon-der i:nth-child(1){
  background:linear-gradient(270deg, rgba(79,214,255,.42), rgba(79,214,255,.78));
  box-shadow:inset 1px 0 0 rgba(225,250,255,.85), -3px 0 10px -3px var(--blue);
}
.opt-card .opt-barra-superior i:nth-child(1),
.opt-card .opt-barra-cajon-arriba i:nth-child(1){
  background:linear-gradient(180deg, rgba(79,214,255,.42), rgba(79,214,255,.78));
  box-shadow:inset 0 -1px 0 rgba(225,250,255,.85), 0 3px 10px -3px var(--blue);
}
.opt-card .opt-barra-inferior i:nth-child(1){
  background:linear-gradient(0deg, rgba(79,214,255,.42), rgba(79,214,255,.78));
  box-shadow:inset 0 1px 0 rgba(225,250,255,.85), 0 -3px 10px -3px var(--blue);
}
.opt-card .opt-barra-flotante i:nth-child(1),
.opt-card .opt-barra-isla i:nth-child(1),
.opt-card .opt-barra-dock i:nth-child(1){
  background:linear-gradient(180deg, rgba(170,238,255,.95), rgba(79,214,255,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 0 12px -2px var(--blue);
}
.opt-card .opt-barra-dock i:nth-child(4){
  background:linear-gradient(180deg, #d9f7ff, var(--blue));
  box-shadow:0 0 10px -1px var(--blue), 0 4px 6px -2px rgba(79,214,255,.6);
}

.opt-card .opt-indicador-barra i:nth-child(4){
  background:linear-gradient(180deg, rgba(79,214,255,.8), #e6fbff 50%, rgba(79,214,255,.8));
  box-shadow:0 0 8px 1px var(--blue), 12px 0 16px -6px rgba(79,214,255,.55);
}

.opt-card .opt-indicador-pildora i:nth-child(4){
  background:
    linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.08) 48%, rgba(255,255,255,0) 52%),
    linear-gradient(100deg, var(--blue), rgba(79,214,255,.62));
  box-shadow:0 3px 10px -3px var(--blue), inset 0 1px 0 rgba(255,255,255,.65);
}

.opt-card .opt-indicador-neon i:nth-child(4){
  box-shadow:inset 0 0 0 1px rgba(215,248,255,.95), inset 0 0 0 2px rgba(79,214,255,.55),
             inset 0 0 10px -3px rgba(79,214,255,.9), 0 0 16px -2px rgba(79,214,255,.95);
}

.opt-card .opt-indicador-escaner i:nth-child(4){
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.1) 0 1px, transparent 1px 3px),
    rgba(79,214,255,.14);
}

.opt-card .opt-indicador-marco i:nth-child(4){
  border:0; clip-path:none; border-radius:0;
  background:
    linear-gradient(var(--blue), var(--blue)) left top / 7px 2px,
    linear-gradient(var(--blue), var(--blue)) left top / 2px 6px,
    linear-gradient(var(--blue), var(--blue)) right top / 7px 2px,
    linear-gradient(var(--blue), var(--blue)) right top / 2px 6px,
    linear-gradient(var(--blue), var(--blue)) left bottom / 7px 2px,
    linear-gradient(var(--blue), var(--blue)) left bottom / 2px 6px,
    linear-gradient(var(--blue), var(--blue)) right bottom / 7px 2px,
    linear-gradient(var(--blue), var(--blue)) right bottom / 2px 6px,
    radial-gradient(closest-side, rgba(79,214,255,.16), transparent);
  background-repeat:no-repeat;
}
.opt-card .opt-indicador-marco i:nth-child(4)::after{ content:none; }

.opt-card .opt-pestanasForma-pildora i:nth-child(2),
.opt-card .opt-pestanasForma-segmento i:nth-child(2),
.opt-card .opt-pestanasForma-borde i:nth-child(2){
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0) 55%), var(--blue);
  box-shadow:0 3px 9px -3px var(--blue), inset 0 1px 0 rgba(255,255,255,.6);
}
.opt-card .opt-pestanasForma-borde i:nth-child(2){
  box-shadow:0 3px 9px -3px var(--blue), inset 0 0 0 1px rgba(255,255,255,.55);
}
.opt-card .opt-pestanasForma-subrayado i:nth-child(2){ background:rgba(255,255,255,.55); }
.opt-card .opt-pestanasForma-subrayado i:nth-child(3){
  background:linear-gradient(90deg, transparent, var(--blue) 20%, #e6fbff 50%, var(--blue) 80%, transparent);
  box-shadow:0 0 8px var(--blue);
}
.opt-card .opt-pestanasForma-solapa i:nth-child(2){
  background:linear-gradient(180deg, rgba(79,214,255,.45), rgba(79,214,255,.12));
  box-shadow:inset 0 2px 0 #c9f3ff, 0 -3px 10px -4px var(--blue);
}
.opt-card .opt-pestanasForma-solapa i:nth-child(4){
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(79,214,255,.6) 50%, rgba(255,255,255,.18));
}
.opt-card .opt-pestanasForma-elevada i:nth-child(2){
  background:linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,0) 60%), rgba(79,214,255,.55);
  box-shadow:0 6px 10px -5px var(--blue), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(0,0,0,.25);
}
.opt-card .opt-pestanasForma-punto i:nth-child(2){ background:rgba(79,214,255,.7); }
.opt-card .opt-pestanasForma-punto i:nth-child(4){
  background:radial-gradient(circle at 35% 35%, #fff 0 20%, var(--blue) 60%);
  box-shadow:0 0 0 2px rgba(79,214,255,.25), 0 0 8px var(--blue);
}
.opt-card .opt-pestanasForma-tubo i:nth-child(2){
  background:rgba(79,214,255,.1);
  box-shadow:inset 0 0 0 1.5px #d9f7ff, inset 0 0 0 2.5px rgba(79,214,255,.6),
             0 0 10px rgba(79,214,255,.75);
}

.opt-card .opt-anuncioForma-placa i:nth-child(1){
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 50%),
    linear-gradient(100deg, rgba(79,214,255,.3), rgba(79,214,255,.06) 65%, transparent);
}
.opt-card .opt-anuncioForma-placa i:nth-child(2){
  background:linear-gradient(180deg, var(--blue), #e6fbff 50%, var(--blue));
}
.opt-card .opt-anuncioForma-cristal i:nth-child(1){
  background:
    linear-gradient(90deg, transparent, #ff6ec7 15%, #ffd36e 32%, #6effa0 50%, #6ed4ff 68%, #b06eff 85%, transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border-top-color:transparent;
}
.opt-card .opt-anuncioForma-tubo i:nth-child(1){
  border-color:#bff0ff;
  box-shadow:0 0 0 1px rgba(79,214,255,.5), 0 0 12px -2px rgba(79,214,255,.85),
             inset 0 0 0 1px rgba(255,255,255,.25), inset 0 0 12px -4px rgba(79,214,255,.6);
}

.opt-card [class*="opt-compra-"] i:nth-child(3),
.opt-card [class*="opt-catAbre-"] i:nth-child(3){
  z-index:2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.opt-card [class*="opt-compra-"] i:nth-child(3){
  background:linear-gradient(150deg, rgba(120,226,255,.9), rgba(79,214,255,.38));
}
.opt-card [class*="opt-catAbre-"] i:nth-child(3){
  background:
    linear-gradient(rgba(220,248,255,.85), rgba(220,248,255,.85)) 14% 34% / 32% 34% no-repeat,
    linear-gradient(rgba(220,248,255,.85), rgba(220,248,255,.85)) 54% 34% / 32% 34% no-repeat,
    linear-gradient(150deg, rgba(79,214,255,.62), rgba(79,214,255,.26));
}

.opt-card .opt-compra-cajon i:nth-child(3),
.opt-card .opt-catAbre-cajon i:nth-child(3){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), -2px 0 0 #d9f7ff, -7px 0 14px -2px var(--blue);
}
.opt-card .opt-compra-cajon i:nth-child(3)::before,
.opt-card .opt-catAbre-cajon i:nth-child(3)::before{
  content:''; position:absolute; left:-4px; top:50%; width:4px; height:14px; margin-top:-7px;
  border-radius:3px; background:#e6fbff; box-shadow:0 0 7px 1px var(--blue);
}

.opt-card .opt-compra-centro i:nth-child(4),
.opt-card .opt-catAbre-centro i:nth-child(4){
  display:block; z-index:1; left:6%; right:6%; top:0; bottom:0; border-radius:50%;
  background:radial-gradient(closest-side, rgba(79,214,255,.55) 45%, rgba(79,214,255,.12) 75%, transparent);
  animation:opt-compra-centro 3.2s cubic-bezier(.34,1.5,.64,1) infinite;
}
.opt-card .opt-compra-centro i:nth-child(3)::before,
.opt-card .opt-catAbre-centro i:nth-child(3)::before{
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.55) 50%, transparent 62%);
}

.opt-card .opt-compra-hoja i:nth-child(4),
.opt-card .opt-catAbre-hoja i:nth-child(4){
  display:block; z-index:1; left:0; right:0; bottom:0; height:60%; border-radius:0;
  background:radial-gradient(60% 80% at 50% 100%, rgba(79,214,255,.5), transparent 75%);
}
.opt-card .opt-compra-hoja i:nth-child(3)::after{
  width:30%; height:3px; top:3px; background:#e6fbff; box-shadow:0 0 6px var(--blue);
}
.opt-card .opt-catAbre-hoja i:nth-child(3)::after{
  content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%);
  width:30%; height:3px; border-radius:99px; background:#e6fbff; box-shadow:0 0 6px var(--blue);
}

.opt-card .opt-compra-pantalla i:nth-child(3),
.opt-card .opt-catAbre-pantalla i:nth-child(3){
  background:
    radial-gradient(11px 9px at 50% 30%, #e6fbff, rgba(79,214,255,.9) 60%, transparent 62%),
    radial-gradient(11px 4px at 50% 58%, rgba(230,251,255,.35), transparent 70%),
    radial-gradient(45% 70% at 8% 0%, rgba(79,214,255,.65), transparent 70%),
    radial-gradient(40% 60% at 95% 5%, rgba(79,214,255,.4), transparent 70%),
    linear-gradient(180deg, rgba(14,24,36,.95), rgba(8,10,16,.95));
}

.opt-card .opt-catDiseno-marca i:nth-child(1){
  background:radial-gradient(30% 75% at 50% 0%, rgba(79,214,255,.35), transparent 75%), rgba(255,255,255,.06);
}
.opt-card .opt-catDiseno-marca i:nth-child(2){
  background:linear-gradient(180deg, #d9f7ff, var(--blue)); opacity:1;
  box-shadow:0 0 10px -1px var(--blue), 0 6px 0 -3px rgba(79,214,255,.3);
}
.opt-card .opt-catDiseno-marca i:nth-child(3){
  left:24%; width:52%; height:3px; border-radius:0;
  background:
    linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)) center / 42% 3px no-repeat,
    linear-gradient(90deg, transparent, rgba(79,214,255,.7) 25%, transparent 28% 72%, rgba(79,214,255,.7) 75%, transparent) center / 100% 1px no-repeat;
}

.opt-card .opt-catDiseno-cartel i:nth-child(2){
  opacity:1;
  background:linear-gradient(180deg, rgba(79,214,255,.7), rgba(79,214,255,.25));
  box-shadow:inset 0 0 0 2px rgba(10,11,15,.85), inset 0 0 0 3px rgba(255,255,255,.4), inset 0 -2px 0 var(--blue);
}
.opt-card .opt-catDiseno-cartel i:nth-child(3){ box-shadow:0 5px 0 -1px var(--blue); }

.opt-card .opt-catDiseno-ficha i:nth-child(2){
  transform:perspective(60px) rotateY(16deg); transform-origin:left center;
  box-shadow:inset 0 0 0 2px rgba(10,11,15,.85), inset 0 0 0 3px rgba(255,255,255,.4), 4px 4px 6px -2px rgba(0,0,0,.8);
}

.opt-card .opt-catDiseno-estante i:nth-child(1){
  background:
    linear-gradient(90deg, rgba(79,214,255,.2), #bff0ff, rgba(79,214,255,.2)) 0 14px / 100% 2px no-repeat,
    radial-gradient(50% 30% at 50% 16px, rgba(79,214,255,.35), transparent 80%),
    rgba(255,255,255,.06);
}
.opt-card .opt-catDiseno-estante i:nth-child(2){ box-shadow:0 3px 3px -1px rgba(0,0,0,.8), 0 0 6px var(--blue); }

.opt-card .opt-catDiseno-sello i:nth-child(2)::after{
  content:''; position:absolute; inset:-5px; border-radius:50%;
  border:1px dashed rgba(150,232,255,.9);
  animation:mini-sello 8s linear infinite;
}
@keyframes mini-sello{ to{ transform:rotate(360deg); } }

.opt-card [class*="opt-notisAbre-"] i:nth-child(3){
  z-index:2; background:linear-gradient(150deg, rgba(120,226,255,.9), rgba(79,214,255,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.opt-card .opt-notisAbre-inline i:nth-child(3){
  background:linear-gradient(90deg, #e6fbff 0 2px, transparent 2px), linear-gradient(150deg, rgba(120,226,255,.75), rgba(79,214,255,.3));
  box-shadow:-3px 0 8px -2px var(--blue);
}
.opt-card .opt-notisAbre-centro i:nth-child(4){
  display:block; z-index:1; left:8%; right:8%; top:0; bottom:0; border-radius:50%;
  background:radial-gradient(closest-side, rgba(79,214,255,.55) 45%, rgba(79,214,255,.12) 75%, transparent);
  animation:opt-compra-centro 3.2s cubic-bezier(.34,1.5,.64,1) infinite;
}
.opt-card .opt-notisAbre-hoja i:nth-child(4){
  display:block; z-index:1; left:0; right:0; bottom:0; height:60%; border-radius:0;
  background:radial-gradient(60% 80% at 50% 100%, rgba(79,214,255,.5), transparent 75%);
}
.opt-card .opt-notisAbre-hoja i:nth-child(3)::after{
  content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%);
  width:30%; height:3px; border-radius:99px; background:#e6fbff; box-shadow:0 0 6px var(--blue);
}
.opt-card .opt-notisAbre-lateral i:nth-child(3){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), -2px 0 0 #d9f7ff, -7px 0 14px -2px var(--blue);
}
.opt-card .opt-notisAbre-lateral i:nth-child(3)::before{
  content:''; position:absolute; left:-4px; top:50%; width:4px; height:14px; margin-top:-7px;
  border-radius:3px; background:#e6fbff; box-shadow:0 0 7px 1px var(--blue);
}

.opt-card .opt-mini[class*="opt-refAbre-"] i:nth-child(2){
  z-index:2; opacity:1;
  background:linear-gradient(150deg, rgba(120,226,255,.9), rgba(79,214,255,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.opt-card .opt-mini.opt-refAbre-cajon i:nth-child(2){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), -2px 0 0 #d9f7ff, -7px 0 14px -2px var(--blue);
}
.opt-card .opt-mini.opt-refAbre-cajon i:nth-child(2)::before{
  content:''; position:absolute; left:-4px; top:50%; width:4px; height:12px; margin-top:-6px;
  border-radius:3px; background:#e6fbff; box-shadow:0 0 7px 1px var(--blue);
}
.opt-card .opt-mini.opt-refAbre-centro i:nth-child(3){
  display:block; z-index:1; left:12%; right:12%; top:2px; bottom:2px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(79,214,255,.55) 45%, rgba(79,214,255,.12) 75%, transparent);
}
.opt-card .opt-mini.opt-refAbre-centro i:nth-child(2)::before{
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.55) 50%, transparent 62%);
}
.opt-card .opt-mini.opt-refAbre-hoja i:nth-child(3){
  display:block; z-index:1; left:0; right:0; bottom:0; height:60%; border-radius:0;
  background:radial-gradient(60% 80% at 50% 100%, rgba(79,214,255,.5), transparent 75%);
}
.opt-card .opt-mini.opt-refAbre-hoja i:nth-child(2)::after{
  content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%);
  width:30%; height:3px; border-radius:99px; background:#e6fbff; box-shadow:0 0 6px var(--blue);
}
.opt-card .opt-mini.opt-refAbre-pantalla i:nth-child(2){
  background:
    radial-gradient(9px 7px at 50% 34%, #e6fbff, rgba(79,214,255,.9) 60%, transparent 62%),
    radial-gradient(45% 70% at 8% 0%, rgba(79,214,255,.65), transparent 70%),
    radial-gradient(40% 60% at 95% 5%, rgba(79,214,255,.4), transparent 70%),
    linear-gradient(180deg, rgba(14,24,36,.95), rgba(8,10,16,.95));
}

.opt-card [class*="opt-carritoForma-"] i:nth-child(2){
  z-index:2; border-radius:4px;
  background:linear-gradient(150deg, rgba(120,226,255,.9), rgba(79,214,255,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.opt-card .opt-carritoForma-centro i:nth-child(3){
  display:block; z-index:1; left:14%; right:14%; top:6%; bottom:6%; border-radius:50%;
  background:radial-gradient(closest-side, rgba(79,214,255,.55) 45%, rgba(79,214,255,.12) 75%, transparent);
}
.opt-card .opt-carritoForma-centro i:nth-child(2)::before{
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.55) 50%, transparent 62%);
}
.opt-card .opt-carritoForma-lado i:nth-child(2){
  right:8%; top:8%; bottom:8%; border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), -2px 0 0 #d9f7ff, -7px 0 14px -2px var(--blue);
}
.opt-card .opt-carritoForma-lado i:nth-child(2)::before{
  content:''; position:absolute; left:-4px; top:50%; width:4px; height:12px; margin-top:-6px;
  border-radius:3px; background:#e6fbff; box-shadow:0 0 7px 1px var(--blue);
}
.opt-card .opt-carritoForma-hoja i:nth-child(3){
  display:block; z-index:1; left:8%; right:8%; bottom:8%; height:55%; border-radius:0;
  background:radial-gradient(60% 80% at 50% 100%, rgba(79,214,255,.5), transparent 75%);
}
.opt-card .opt-carritoForma-hoja i:nth-child(2){ bottom:8%; border-radius:5px 5px 0 0; }
.opt-card .opt-carritoForma-hoja i:nth-child(2)::after{
  content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%);
  width:30%; height:3px; border-radius:99px; background:#e6fbff; box-shadow:0 0 6px var(--blue);
}
.opt-card .opt-carritoForma-pantalla i:nth-child(1){ display:block; left:8%; top:8%; right:8%; bottom:8%; background:rgba(255,255,255,.08); }
.opt-card .opt-carritoForma-pantalla i:nth-child(2){
  display:block; left:8%; top:8%; right:8%; bottom:8%; border-radius:0;
  background:
    linear-gradient(rgba(220,248,255,.8), rgba(220,248,255,.8)) 50% 34% / 40% 3px no-repeat,
    linear-gradient(rgba(220,248,255,.45), rgba(220,248,255,.45)) 50% 52% / 52% 3px no-repeat,
    linear-gradient(rgba(220,248,255,.45), rgba(220,248,255,.45)) 50% 66% / 46% 3px no-repeat,
    radial-gradient(45% 70% at 8% 0%, rgba(79,214,255,.65), transparent 70%),
    radial-gradient(40% 60% at 95% 5%, rgba(79,214,255,.4), transparent 70%),
    linear-gradient(180deg, rgba(14,24,36,.95), rgba(8,10,16,.95));
}

.etm-cb::before{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,.05) 46%, rgba(255,255,255,0) 52%);
}
.etm-cb svg, .etm-cb-tx{ position:relative; z-index:1; }
.etm-cb-n{ position:relative; z-index:2; }

.etm-car-pildora .etm-cb::after{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(110deg, transparent 38%, rgba(255,255,255,.6) 50%, transparent 62%) no-repeat;
  background-size:260% 100%; background-position:130% 0;
  animation:etm-destello 3.4s ease-in-out infinite;
}
@keyframes etm-destello{ 0%,55%{ background-position:130% 0; } 85%,100%{ background-position:-30% 0; } }

.etm-car-circular .etm-cb::after{
  content:''; position:absolute; inset:-4px; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 0deg, transparent 0 62%, color-mix(in srgb, var(--cbl) 70%, transparent) 82%, #fff 90%, transparent 96%);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px));
          mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px));
  animation:etm-orbita 3s linear infinite;
}
@keyframes etm-orbita{ to{ transform:rotate(360deg); } }

.etm-car-cuadrada .etm-cb{
  box-shadow:0 8px 16px -8px rgba(0,0,0,.95), 0 0 14px -6px var(--cbl),
             inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 4px rgba(0,0,0,.22);
}
.etm-car-cuadrada .etm-cb::after{
  content:''; position:absolute; left:5px; top:4px; width:10px; height:6px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.65), transparent); transform:rotate(-20deg);
}

.etm-car-franja .etm-cb-tx::after{
  content:'→'; display:inline-block; margin-left:3px;
  animation:etm-empuja 2.2s ease-in-out infinite;
}
@keyframes etm-empuja{ 0%,55%,100%{ transform:none; } 75%{ transform:translateX(3px); } }

.etm-car-minimo .etm-cb::after{
  content:''; position:absolute; inset:-1px; border-radius:50%; pointer-events:none;
  border:1px solid color-mix(in srgb, var(--cb1) 85%, transparent);
  animation:etm-sonar 2.4s ease-out infinite;
}
@keyframes etm-sonar{ 0%{ transform:scale(1); opacity:.8; } 70%,100%{ transform:scale(1.8); opacity:0; } }

.etm-car-elevado .etm-cb::after{
  content:''; position:absolute; left:16%; right:16%; bottom:-11px; height:6px; border-radius:50%;
  background:radial-gradient(closest-side, color-mix(in srgb, var(--cbl) 50%, rgba(0,0,0,.6)), transparent);
  animation:etm-sombra 2.6s ease-in-out infinite;
}
@keyframes etm-sombra{ 0%,100%{ transform:none; opacity:.9; } 50%{ transform:translateY(3px) scaleX(.78); opacity:.5; } }

.etm-av-ico{ position:relative; }
.etm-av-bt i:last-child{ box-shadow:inset 0 1px 0 rgba(255,255,255,.4); }

.etm-av-tarjeta .etm-av-ico::before,
.etm-av-tarjeta .etm-av-ico::after{
  content:''; position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px;
  border-radius:50%; border:1px solid color-mix(in srgb, var(--ac) 75%, transparent);
  animation:etm-onda 1.8s ease-out infinite;
}
.etm-av-tarjeta .etm-av-ico::after{ animation-delay:.6s; }
@keyframes etm-onda{ 0%{ transform:scale(.7); opacity:.85; } 100%{ transform:scale(2); opacity:0; } }

.etm-av-franja .etm-avc::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:radial-gradient(closest-side, #fff, color-mix(in srgb, var(--ac) 70%, transparent) 50%, transparent) no-repeat;
  background-size:60px 2px; background-position:-60px 0;
  animation:etm-gota 2.4s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes etm-gota{ 0%{ background-position:-60px 0; } 80%,100%{ background-position:calc(100% + 60px) 0; } }

.etm-av-burbuja .etm-avc::after{
  content:''; position:absolute; inset:-3px; border-radius:inherit;
  border:1px solid color-mix(in srgb, var(--ac) 65%, transparent);
  animation:etm-aro 1.7s ease-in-out infinite;
}
@keyframes etm-aro{ 0%,100%{ opacity:.3; } 50%{ opacity:1; } }

.etm-av-esquina .etm-avc{ overflow:hidden; }
.etm-av-esquina .etm-avc::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg, var(--ac2), var(--ac)); transform-origin:left center;
  animation:etm-cuenta 6s linear infinite;
}
@keyframes etm-cuenta{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }

.etm-av-minimo .etm-avc::after{
  content:''; position:absolute; left:0; top:6px; bottom:6px; width:2px; border-radius:0 2px 2px 0;
  background:linear-gradient(180deg, transparent, var(--ac), transparent);
  box-shadow:0 0 6px var(--ac);
}

.etm-av-destacado .etm-av-ico::before,
.etm-av-destacado .etm-av-ico::after{
  content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin:-11px 0 0 -11px;
  border-radius:50%;
  background:radial-gradient(closest-side, transparent 60%, color-mix(in srgb, var(--ac) 55%, transparent) 64%, transparent 100%);
  animation:etm-onda-g 2.2s ease-out infinite;
}
.etm-av-destacado .etm-av-ico::after{ animation-delay:1.1s; }
@keyframes etm-onda-g{ 0%{ transform:scale(.6); opacity:.9; } 100%{ transform:scale(2.2); opacity:0; } }

.opt-card .opt-descDiseno-corrido i:nth-child(1){
  height:4px; background:rgba(255,255,255,.75);
  box-shadow:0 4px 0 -1px rgba(79,214,255,.65);
}
.opt-card .opt-descDiseno-lista::before,
.opt-card .opt-descDiseno-lista::after{
  width:6px; height:6px; left:13px; margin-top:-1px;
  background:radial-gradient(circle at 35% 30%, #e6fbff, var(--acento, #4fd6ff) 70%);
  box-shadow:0 9px 0 var(--acento, #4fd6ff), 0 0 5px var(--acento, #4fd6ff);
}
.opt-descDiseno-fichas::before{
  content:''; position:absolute; left:9px; right:9px; top:8px; height:11px; border-radius:3px;
  background:rgba(79,214,255,.13); box-shadow:0 24px 0 rgba(79,214,255,.13);
}

.lc-capsula{ position:relative; }
.lc-capsula::after{
  content:''; position:absolute; left:28%; right:28%; bottom:4px; height:5px; border-radius:50%;
  background:radial-gradient(closest-side, color-mix(in srgb, var(--t2, #4fd6ff) 45%, rgba(0,0,0,.6)), transparent);
  animation:lc-sombra 3s ease-in-out infinite;
}
@keyframes lc-sombra{ 0%,100%{ transform:none; opacity:.9; } 50%{ transform:scaleX(.75); opacity:.5; } }

.lc-lateral .panel{
  border-left-color:color-mix(in srgb, var(--t2, #4fd6ff) 70%, #fff);
  box-shadow:-3px 0 10px -2px var(--t2, #4fd6ff);
}

.lc-escaparate .ini{
  color:color-mix(in srgb, var(--t2, #4fd6ff) 55%, #fff);
  text-shadow:0 0 8px color-mix(in srgb, var(--t2, #4fd6ff) 70%, transparent);
}

.lc-boleto .corte{
  border-top:none; height:2px;
  background:radial-gradient(circle, rgba(255,255,255,.85) 0 1px, transparent 1.3px) 0 50% / 5px 2px repeat-x;
}

.lc-banda .band{
  border-top-color:color-mix(in srgb, var(--t2, #4fd6ff) 70%, #fff);
  border-bottom-color:color-mix(in srgb, var(--t2, #4fd6ff) 70%, #fff);
  box-shadow:0 0 12px -3px var(--t2, #4fd6ff);
}

.lc-terminal .card{ position:relative; }
.lc-terminal .card::after{
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px);
}

.opt-card .opt-mini.opt-refDiseno-tarjeta i:nth-child(1){
  border-color:transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.45), rgba(255,255,255,.08) 45%, rgba(79,214,255,.6)) border-box;
  box-shadow:0 6px 10px -6px rgba(0,0,0,.9);
}
.opt-card .opt-mini.opt-refDiseno-cita i:nth-child(1){
  border-left-color:transparent;
  background:
    linear-gradient(180deg, var(--blue), rgba(79,214,255,.1)) left / 3px 100% no-repeat,
    linear-gradient(90deg, rgba(79,214,255,.14), rgba(255,255,255,.04) 50%);
}
.opt-card .opt-mini.opt-refDiseno-cita i:nth-child(3){
  box-shadow:inset 0 0 0 2px rgba(150,232,255,.95), 0 0 8px -1px var(--blue);
}
.opt-card .opt-mini.opt-refDiseno-chat i:nth-child(1){
  background:radial-gradient(120% 90% at 0 0, rgba(79,214,255,.22), transparent 60%), rgba(255,255,255,.07);
}
.opt-card .opt-mini.opt-refDiseno-chat i:nth-child(3){
  box-shadow:0 0 0 2px rgba(79,214,255,.25), 0 0 8px var(--blue);
}
.opt-card .opt-mini.opt-refDiseno-papel i:nth-child(1){
  border-bottom-color:transparent;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45) 15%, rgba(255,255,255,.45) 85%, transparent) bottom / 100% 1px no-repeat;
}
.opt-card .opt-mini.opt-refDiseno-neon i:nth-child(1){
  border-color:#bff0ff;
  box-shadow:0 0 0 1px rgba(79,214,255,.55), 0 0 14px -3px rgba(79,214,255,.9),
             0 8px 12px -8px rgba(79,214,255,.8), inset 0 0 14px -8px rgba(79,214,255,.8);
}

.opt-card .opt-pagoForma-recibo i:nth-child(3){
  display:block; left:50%; top:9px; bottom:9px; width:1px; margin-left:-.5px; border-radius:0;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.55) 0 3px, transparent 3px 6px);
}
.opt-card .opt-pagoForma-pasos i:nth-child(1),
.opt-card .opt-pagoForma-pasos i:nth-child(3){
  background:radial-gradient(circle at 35% 30%, #e6fbff, var(--blue) 65%);
  box-shadow:0 0 0 2px rgba(79,214,255,.22), 0 0 8px var(--blue);
}
.opt-card .opt-pagoForma-destacada i:nth-child(1){ box-shadow:0 0 14px -3px var(--blue); }

.opt-card .opt-keysForma-recibo i:nth-child(1),
.opt-card .opt-comprasForma-recibo i:nth-child(1){
  width:4px; margin-left:-1px;
  background:radial-gradient(circle, rgba(255,255,255,.55) 0 1.2px, transparent 1.6px) center top / 4px 6px repeat-y;
}
.opt-card .opt-keysForma-carta i,
.opt-card .opt-comprasForma-carta i{
  box-shadow:inset 0 0 0 2px rgba(10,11,15,.85), inset 0 0 0 3px rgba(255,255,255,.22);
}
.opt-card .opt-keysForma-carta i:nth-child(1),
.opt-card .opt-comprasForma-carta i:nth-child(1){
  background:linear-gradient(0deg, rgba(61,220,151,.45), rgba(255,255,255,.26) 55%);
}

.opt-card .opt-canjef-centrada i:nth-child(1){ box-shadow:0 0 10px 1px rgba(79,214,255,.6); }
.opt-card .opt-canjef-cabecera i:nth-child(1){
  border-radius:4px; background:radial-gradient(circle at 35% 25%, rgba(79,214,255,.7), rgba(79,214,255,.25));
  box-shadow:inset 0 0 0 1px rgba(150,232,255,.7);
}
.opt-card .opt-canjef-lado i:nth-child(1){ box-shadow:0 0 12px 1px rgba(79,214,255,.55), 0 5px 4px -2px rgba(0,0,0,.7); }
.opt-card .opt-canjef-directa i:nth-child(1){
  background:linear-gradient(90deg, var(--blue) 0 22%, transparent 22% 30%, rgba(255,255,255,.5) 30%);
}
.opt-card .opt-canjef-escenario i:nth-child(1){ box-shadow:0 0 18px 4px rgba(79,214,255,.35); }
.opt-card .opt-remplazoBuscar-aviso i:nth-child(1){
  background:linear-gradient(180deg, rgba(79,214,255,.4), #d9f7ff, rgba(79,214,255,.4));
  box-shadow:0 0 8px var(--blue);
}

.opt-card [class*="opt-creditoSaldo-"] i:nth-child(1){
  background:
    repeating-radial-gradient(circle at 50% 140%, rgba(255,255,255,.18) 0 1px, transparent 1px 4px),
    linear-gradient(160deg, rgba(120,226,255,.85), rgba(79,214,255,.55));
  box-shadow:0 0 10px -3px var(--blue), inset 0 1px 0 rgba(255,255,255,.4);
}
.opt-card .opt-creditoSaldo-esquina i:nth-child(1){
  background:
    linear-gradient(135deg, #f7d77a, #c9973a) 4px 3px / 7px 5px no-repeat,
    repeating-linear-gradient(135deg, rgba(255,255,255,.16) 0 1px, transparent 1px 4px),
    linear-gradient(160deg, rgba(120,226,255,.85), rgba(79,214,255,.55));
}
.opt-card .opt-creditoForm-ticket i:nth-child(1){
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.07) 0 1px, transparent 1px 3px), rgba(0,0,0,.4);
}
.opt-card .opt-creditoForm-ticket i:nth-child(2){
  background:rgba(150,232,255,.9); box-shadow:0 0 8px var(--blue);
}

.opt-card .opt-terminosDiseno-pliego i:nth-child(4){
  display:block; left:16%; top:10px; width:8px; height:10px; border-radius:1px;
  background:linear-gradient(180deg, #d9f7ff, var(--blue)); box-shadow:0 0 6px var(--blue);
}
.opt-card .opt-terminosDiseno-pliego i:nth-child(1){ left:28%; }
.opt-card .opt-terminosDiseno-pliego i:nth-child(2){ left:28%; }
.opt-card .opt-terminosDiseno-ficha i:nth-child(1){
  -webkit-mask-image:linear-gradient(180deg, #000 70%, transparent);
          mask-image:linear-gradient(180deg, #000 70%, transparent);
}
.opt-card .opt-terminosDiseno-contrato i:nth-child(1),
.opt-card .opt-terminosDiseno-contrato i:nth-child(3){
  width:7px; height:6px; margin-top:-1px; border-radius:2px;
  background:rgba(79,214,255,.3); box-shadow:inset 0 0 0 1px rgba(150,232,255,.8);
}
.opt-card .opt-terminosDiseno-consola i:nth-child(1){
  background:linear-gradient(90deg, var(--blue) 0 3px, transparent 3px 6px, rgba(255,255,255,.3) 6px);
}
.opt-card .opt-terminosDiseno-consola i:nth-child(4){
  background:linear-gradient(90deg, rgba(255,255,255,.3) calc(100% - 5px), #d9f7ff calc(100% - 5px));
  box-shadow:3px 0 6px -2px var(--blue);
  animation:mini-cursor 1.1s steps(1, end) infinite;
}
@keyframes mini-cursor{ 0%{ opacity:1; } 50%{ opacity:.55; } }
.opt-card .opt-terminosDiseno-consola::before{
  content:''; position:absolute; left:15%; top:6px; width:3px; height:3px; border-radius:50%;
  background:#ff5f57; box-shadow:5px 0 0 #febc2e, 10px 0 0 #28c840;
}

.opt-card .opt-soporteVista-burbujas i:nth-child(2){
  background:linear-gradient(160deg, color-mix(in srgb, var(--signal) 80%, #fff), var(--signal));
  box-shadow:0 3px 8px -3px var(--signal), inset 0 1px 0 rgba(255,255,255,.4);
}
.opt-card .opt-soporteVista-burbujas i:nth-child(1),
.opt-card .opt-soporteVista-burbujas i:nth-child(3){ box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.opt-card .opt-soporteAbrir-mostrador i:nth-child(1){
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.06) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, color-mix(in srgb, var(--signal) 40%, transparent), transparent);
  box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--signal) 55%, transparent);
}

.opt-card .opt-soporteHist-lista i:nth-child(1),
.opt-card .opt-soporteHist-lista i:nth-child(2),
.opt-card .opt-soporteHist-lista i:nth-child(3){
  box-shadow:inset 3px 0 0 color-mix(in srgb, var(--signal) 90%, #fff);
}
.opt-card .opt-soporteHist-tarjetas i:nth-child(2){
  box-shadow:inset 0 2px 0 color-mix(in srgb, var(--signal) 60%, #fff), 0 0 10px -3px var(--signal);
}
.opt-card .opt-soporteHist-archivo i:nth-child(2){
  background:linear-gradient(90deg, color-mix(in srgb, var(--signal) 90%, #fff) 0 8%, transparent 8% 12%, rgba(255,255,255,.9) 12%);
}
.opt-card .opt-soporteHist-plegado i:nth-child(1){
  background:linear-gradient(225deg, rgba(10,11,15,.95) 0 6px, color-mix(in srgb, var(--signal) 60%, #fff) 6px 7px, var(--signal) 7px);
}
.opt-card .opt-soporteHist-plegado i:nth-child(3){
  width:9px; height:9px; border-radius:50%; top:11px; opacity:1;
  background:color-mix(in srgb, var(--signal) 30%, transparent); box-shadow:inset 0 0 0 1px var(--signal);
}
.opt-card .opt-soporteHist-linea i:nth-child(2){
  box-shadow:0 0 0 2px rgba(10,11,15,.9), 0 0 0 3px color-mix(in srgb, var(--signal) 55%, transparent),
             0 15px 0 0 var(--signal), 0 30px 0 0 rgba(255,255,255,.3);
}

.sidebar{
  background:
    radial-gradient(120% 40% at 0% 0%, rgba(79,214,255,.06), transparent 70%),
    linear-gradient(180deg, #14161a, var(--surface) 40%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}
.shell{ position:relative; }
.shell::before{
  content:''; position:fixed; left:249px; top:0; width:2px; height:100vh; z-index:21; pointer-events:none;
  background:
    radial-gradient(closest-side, #e6fbff, rgba(79,214,255,.6) 45%, transparent) no-repeat,
    linear-gradient(180deg, transparent, rgba(79,214,255,.32) 30%, rgba(79,214,255,.32) 70%, transparent);
  background-size:2px 160px, 1px 100%;
  background-position:0 -160px, 0 0;
  animation:adm-gota 9s cubic-bezier(.45,.05,.55,.95) 2s infinite;
}
@keyframes adm-gota{
  0%{ background-position:0 -160px, 0 0; }
  55%,100%{ background-position:0 calc(100% + 160px), 0 0; }
}

.brand-mark{ position:relative; overflow:hidden; }
.brand-mark::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0) 50%);
}
.brand-mark::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.7) 50%, transparent 62%) no-repeat;
  background-size:260% 100%; background-position:130% 0;
  animation:adm-destello 7s ease-in-out 1.5s infinite;
}
@keyframes adm-destello{ 0%,70%{ background-position:130% 0; } 90%,100%{ background-position:-30% 0; } }
.brand{ border-bottom-color:transparent; background:linear-gradient(90deg, rgba(79,214,255,.35), var(--border) 40%, transparent) bottom / 100% 1px no-repeat; }

.nav-label{ display:flex; align-items:center; gap:8px; }
.nav-label::before{
  content:''; width:4px; height:4px; border-radius:1px; flex:none;
  background:var(--blue); box-shadow:0 0 6px var(--blue); opacity:.7;
}
.nav-label::after{
  content:''; flex:1; height:1px;
  background:linear-gradient(90deg, var(--border-strong), transparent);
}

.nav-item:hover:not(.active){
  background:linear-gradient(90deg, rgba(79,214,255,.07), rgba(255,255,255,.02) 60%);
  box-shadow:inset 2px 0 0 rgba(79,214,255,.45);
}

.nav-item.active::before{
  background:linear-gradient(180deg, var(--blue), #e6fbff 50%, var(--blue-2));
  box-shadow:0 0 12px rgba(79,214,255,.8), 0 0 24px -4px rgba(79,214,255,.6);
}
.nav-item.active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px -14px rgba(79,214,255,.6);
}

.sidebar-foot{ border-top-color:transparent; background:linear-gradient(90deg, var(--border-strong), transparent) top / 100% 1px no-repeat; }
.status-dot:not(.is-error):not(.is-checking){ position:relative; }
.status-dot:not(.is-error):not(.is-checking)::after{
  content:''; position:absolute; inset:-1px; border-radius:50%; border:1px solid var(--signal);
  animation:adm-onda 2.6s ease-out infinite;
}
@keyframes adm-onda{ 0%{ transform:scale(1); opacity:.8; } 100%{ transform:scale(2.8); opacity:0; } }

.topbar{
  border-bottom-color:transparent;
  background-image:linear-gradient(90deg, transparent, rgba(79,214,255,.4) 50%, transparent);
  background-size:100% 1px; background-position:bottom; background-repeat:no-repeat;
}
.topbar-title h2{ letter-spacing:.005em; }
.avatar{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px -8px rgba(0,0,0,.9);
}

.page-head .eyebrow::before, .view-head .eyebrow::before{
  width:18px; background:linear-gradient(90deg, transparent, var(--blue));
  box-shadow:0 0 8px var(--blue);
}
.page-head h1, .view-head h1{
  letter-spacing:-.01em;
  text-shadow:0 0 30px rgba(79,214,255,.12);
}
.page-head, .view-head{ position:relative; padding-bottom:14px; }
.page-head::after, .view-head::after{
  content:''; position:absolute; left:0; bottom:0; width:72px; height:1px;
  background:linear-gradient(90deg, var(--blue), transparent);
  box-shadow:0 0 8px rgba(79,214,255,.5);
}
.section-title::before{
  content:''; width:5px; height:5px; border-radius:1px; flex:none;
  background:var(--blue); box-shadow:0 0 6px var(--blue); opacity:.75;
}
.section-title::after{ background:linear-gradient(90deg, var(--border-strong), transparent); }

.panel{
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.08) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(rgba(79,214,255,.4), rgba(79,214,255,.4)) left 12px top 12px / 9px 1px no-repeat,
    linear-gradient(rgba(79,214,255,.4), rgba(79,214,255,.4)) left 12px top 12px / 1px 9px no-repeat,
    linear-gradient(rgba(79,214,255,.25), rgba(79,214,255,.25)) right 12px bottom 12px / 9px 1px no-repeat,
    linear-gradient(rgba(79,214,255,.25), rgba(79,214,255,.25)) right 12px bottom 12px / 1px 9px no-repeat,
    linear-gradient(180deg, #15171b, var(--surface) 120px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 20px 44px -32px rgba(0,0,0,.95);
}
.panel-head h3{ letter-spacing:.005em; }

.stat-card{ --sc:var(--border-strong); }
.stat-card.v-blue{ --sc:var(--blue); }
.stat-card.v-signal{ --sc:var(--signal); }
.stat-card.v-violet{ --sc:var(--violet); }
.stat-card.v-ok{ --sc:var(--ok); }
.stat-card.v-warn{ --sc:var(--warn); }
.stat-card.v-owner{ --sc:var(--violet); }
.stat-card{
  background:
    linear-gradient(115deg, transparent 40%, rgba(255,255,255,.05) 50%, transparent 60%) 130% 0 / 260% 100% no-repeat,
    radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--sc) 12%, transparent), transparent 70%),
    linear-gradient(180deg, var(--surface-2), var(--surface));
  transition:transform .18s cubic-bezier(.16,1,.3,1), border-color .2s, box-shadow .22s, background-position .9s cubic-bezier(.16,1,.3,1);
}
.stat-card:hover{ background-position:-30% 0, 0 0, 0 0; }
.stat-card::before{ box-shadow:0 0 14px 1px color-mix(in srgb, var(--sc) 60%, transparent); }
.stat-card .stat-value{ text-shadow:0 0 22px color-mix(in srgb, var(--sc) 35%, transparent); }
.stat-card .stat-icon{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc) 30%, transparent), inset 0 1px 0 rgba(255,255,255,.08);
}

.btn:where(:not(.ghost):not(.peligro):not(.danger):not(.signal)){
  background-image:
    linear-gradient(115deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, var(--blue) 0%, var(--blue-2) 100%);
  background-size:260% 100%, 100% 100%, 100% 100%;
  background-position:130% 0, 0 0, 0 0;
  background-repeat:no-repeat;
  transition:transform .12s cubic-bezier(.16,1,.3,1), filter .16s, box-shadow .2s, background-position .7s cubic-bezier(.16,1,.3,1);
}
.btn:where(:not(.ghost):not(.peligro):not(.danger):not(.signal)):hover{ background-position:-30% 0, 0 0, 0 0; }

.btn.ghost{
  background-image:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.btn.ghost:hover{
  border-color:rgba(79,214,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px -6px rgba(79,214,255,.6);
}
.btn.danger, .btn.signal{ background-image:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 55%); }

:where(input[type="text"], input[type="password"], input[type="number"], input[type="email"],
input[type="search"], textarea, select){
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35);
}
input:focus, textarea:focus, select:focus{
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35), 0 0 0 3px rgba(79,214,255,.16), 0 0 18px -6px rgba(79,214,255,.6);
}

.switch-track{ box-shadow:inset 0 1px 3px rgba(0,0,0,.5); }
.switch-track::after{
  background:radial-gradient(circle at 35% 30%, #c9ced8, var(--text-faint) 70%);
  box-shadow:0 1px 3px rgba(0,0,0,.6);
}
.switch input:checked + .switch-track{
  background:linear-gradient(90deg, rgba(79,214,255,.2), rgba(79,214,255,.38));
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4), 0 0 12px -2px rgba(79,214,255,.6);
}
.switch input:checked + .switch-track::after{
  background:radial-gradient(circle at 35% 30%, #fff, var(--blue) 65%);
  box-shadow:0 0 8px rgba(79,214,255,.9), 0 1px 3px rgba(0,0,0,.5);
}

th{ background:linear-gradient(90deg, rgba(79,214,255,.35), var(--border-strong) 30%, transparent) bottom / 100% 1px no-repeat; border-bottom-color:transparent; }
tbody tr:hover{
  background:linear-gradient(90deg, rgba(79,214,255,.06), var(--surface-2) 40%);
  box-shadow:inset 2px 0 0 rgba(79,214,255,.55);
}

.st-tabs{ box-shadow:inset 0 2px 6px rgba(0,0,0,.4); }
.st-tab.activa{
  background:linear-gradient(180deg, #23262d, var(--surface));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 4px 12px -6px rgba(0,0,0,.9), 0 0 0 1px rgba(79,214,255,.28);
}
.st-tab-num{ box-shadow:0 0 8px -1px var(--violet); }

.modal-scrim{
  background-image:radial-gradient(60% 55% at 50% 50%, rgba(79,214,255,.08), transparent 70%);
}
.modal-box{
  background:
    linear-gradient(90deg, transparent, rgba(79,214,255,.5) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(rgba(79,214,255,.45), rgba(79,214,255,.45)) left 12px top 12px / 10px 1px no-repeat,
    linear-gradient(rgba(79,214,255,.45), rgba(79,214,255,.45)) left 12px top 12px / 1px 10px no-repeat,
    linear-gradient(rgba(79,214,255,.3), rgba(79,214,255,.3)) right 12px bottom 12px / 10px 1px no-repeat,
    linear-gradient(rgba(79,214,255,.3), rgba(79,214,255,.3)) right 12px bottom 12px / 1px 10px no-repeat,
    linear-gradient(180deg, #1c1f25, var(--surface-2) 140px);
  box-shadow:0 40px 80px -24px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.02), 0 0 50px -24px rgba(79,214,255,.5);
}

.toast{
  background-image:linear-gradient(90deg, rgba(255,255,255,.035), transparent 50%);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
}
.toast.ok{ box-shadow:-4px 0 14px -6px var(--signal), 0 14px 34px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04); }
.toast.warn{ box-shadow:-4px 0 14px -6px var(--blue), 0 14px 34px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04); }
.toast.danger{ box-shadow:-4px 0 14px -6px var(--danger), 0 14px 34px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04); }

.sidebar, .content, .modal-box{ scrollbar-width:thin; scrollbar-color:rgba(79,214,255,.3) transparent; }

@media (max-width:900px){
  .shell::before{ display:none; }
}

.pe-fila, .rp-fila{ --est:var(--border-strong); }
.pe-fila.revisa, .rp-fila.revisa{ --est:var(--warn); }
.pe-fila.ok, .rp-fila.ok{ --est:var(--ok); }
.pe-fila.mal, .rp-fila.mal{ --est:var(--danger); }
.pe-fila.espera{ --est:var(--blue); }
.pe-fila, .rp-fila{
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--est) 10%, transparent), transparent 32%),
    var(--surface-2);
  box-shadow:-4px 0 14px -8px var(--est), 0 14px 30px -24px rgba(0,0,0,.95);
}
.pe-codigo{
  text-shadow:0 0 10px rgba(79,214,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 12px -4px rgba(79,214,255,.5);
}
.pe-total{ text-shadow:0 0 14px rgba(255,255,255,.12); }

.tk-fila::before{ box-shadow:0 0 10px var(--tono); }
.tk-fila:hover{ background:linear-gradient(90deg, color-mix(in srgb, var(--tono, var(--blue)) 8%, transparent), var(--surface-2) 45%); }

.store-card::before{ box-shadow:0 0 14px 1px color-mix(in srgb, var(--t2, var(--blue)) 70%, transparent); }
.store-card{
  background:
    linear-gradient(color-mix(in srgb, var(--t2, var(--blue)) 50%, transparent), color-mix(in srgb, var(--t2, var(--blue)) 50%, transparent)) right 10px bottom 10px / 9px 1px no-repeat,
    linear-gradient(color-mix(in srgb, var(--t2, var(--blue)) 50%, transparent), color-mix(in srgb, var(--t2, var(--blue)) 50%, transparent)) right 10px bottom 10px / 1px 9px no-repeat,
    radial-gradient(90% 50% at 50% 0%, color-mix(in srgb, var(--t2, var(--blue)) 8%, transparent), transparent 70%),
    linear-gradient(180deg, var(--surface-2), var(--surface));
}
.store-card:hover{
  border-color:color-mix(in srgb, var(--t2, var(--blue)) 45%, transparent);
  box-shadow:0 16px 36px -18px rgba(0,0,0,.75), 0 0 0 1px color-mix(in srgb, var(--t2, var(--blue)) 25%, transparent),
             0 0 30px -12px color-mix(in srgb, var(--t2, var(--blue)) 70%, transparent);
}

.prod-card{
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.07) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, var(--surface-2), var(--surface));
}
.prod-card:hover{ box-shadow:0 16px 36px -18px rgba(0,0,0,.75), 0 0 24px -12px rgba(79,214,255,.6); }
.prod-card.es-cat{ box-shadow:-4px 0 14px -8px var(--violet); }
.prod-card.es-cat:hover{ box-shadow:-4px 0 14px -8px var(--violet), 0 16px 36px -18px rgba(0,0,0,.75), 0 0 24px -12px rgba(139,123,255,.6); }

.res-fila{ transition:background .15s ease, box-shadow .15s ease; }
.res-fila:hover{
  background:linear-gradient(90deg, rgba(79,214,255,.06), transparent 60%);
  box-shadow:inset 2px 0 0 rgba(79,214,255,.55);
}

tr.fila-clicable{ cursor:pointer; }

.tk-hilo{
  background:
    radial-gradient(circle, rgba(255,255,255,.045) 1px, transparent 1.4px) 0 0 / 20px 20px,
    linear-gradient(180deg, rgba(79,214,255,.035), transparent 28%);
}
.tk-msg-texto{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px -18px rgba(0,0,0,.95);
}
.tk-msg.es-cliente .tk-msg-texto{
  background:linear-gradient(180deg, rgba(79,214,255,.12), rgba(79,214,255,.06));
  box-shadow:inset 0 1px 0 rgba(79,214,255,.22), 0 12px 26px -20px rgba(79,214,255,.6);
}
.tk-msg-avatar.es-staff{ box-shadow:0 0 0 3px rgba(79,214,255,.08), 0 0 14px -3px rgba(79,214,255,.6); }
.tk-sistema{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.02em; }
.tk-barra{
  background:
    linear-gradient(90deg, transparent, rgba(79,214,255,.3) 50%, transparent) bottom / 100% 1px no-repeat,
    var(--surface-2);
}
.tk-responder{
  background:
    linear-gradient(90deg, transparent, rgba(79,214,255,.3) 50%, transparent) top / 100% 1px no-repeat,
    var(--surface-2);
}

.rf-fila, .cr-fila{ --est:var(--border-strong); }
.rf-fila.revisa, .cr-fila.revisa{ --est:var(--warn); }
.rf-fila.ok, .cr-fila.ok{ --est:var(--ok); }
.rf-fila.mal, .cr-fila.mal{ --est:var(--danger); }
.rf-fila, .cr-fila{
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--est) 9%, transparent), transparent 30%),
    var(--surface-2);
  box-shadow:-4px 0 14px -8px var(--est), 0 14px 30px -24px rgba(0,0,0,.95);
}
.rf-fila:hover, .cr-fila:hover,
.pe-fila:hover, .rp-fila:hover{ border-left-color:var(--est); }

.rf-estrellas{ text-shadow:0 0 10px rgba(255,199,64,.5); }
.rf-estrellas.cero{ text-shadow:0 0 10px rgba(255,90,110,.45); }
.rf-foto{
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 14px 30px -18px rgba(0,0,0,.95);
  transition:transform .2s ease, box-shadow .2s ease;
}
.rf-foto:hover{
  transform:scale(1.02);
  box-shadow:0 0 0 1px rgba(79,214,255,.35), 0 18px 36px -18px rgba(79,214,255,.45);
}

.tb-aviso{
  --tono:var(--ok);
  background:
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--tono) 55%, transparent) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tono) 9%, transparent), transparent 60%),
    rgba(255,255,255,.02);
  box-shadow:0 14px 30px -24px rgba(0,0,0,.95);
}
.tb-aviso.tb-avisa{ --tono:#f5b240; }
.tb-aviso.tb-mal{ --tono:#ff4d5e; }
.tb-aviso strong{ text-shadow:0 0 14px color-mix(in srgb, var(--tono) 55%, transparent); }

.tb-tabla tbody tr{ transition:background .15s ease; }
.tb-tabla tbody tr:hover{ background:linear-gradient(90deg, rgba(79,214,255,.06), transparent 55%); }
.tb-tabla tbody tr:hover td:first-child{ box-shadow:inset 2px 0 0 rgba(79,214,255,.55); }
.tb-total{ text-shadow:0 0 12px rgba(94,234,212,.4); }
.tb-total.cero{ text-shadow:0 0 12px rgba(255,90,110,.35); }
.tb-pend, .tb-pide{
  min-width:26px; text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 12px -3px currentColor;
}

.tb-ap{
  --tono:#5eead4;
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px; border-radius:999px; cursor:pointer;
  font:600 11.5px/1.2 inherit; letter-spacing:.01em; white-space:nowrap;
  color:var(--tono);
  border:1px solid color-mix(in srgb, var(--tono) 40%, transparent);
  background:
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--tono) 16%, transparent), transparent 70%),
    rgba(255,255,255,.02);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 14px -6px var(--tono);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tb-ap.no{ --tono:#ff8a96; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); opacity:.9; }
.tb-ap:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--tono) 70%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px -4px var(--tono);
}
.tb-ap:focus-visible{ outline:2px solid color-mix(in srgb, var(--tono) 70%, transparent); outline-offset:2px; }
.tb-ap:disabled{ cursor:progress; opacity:.6; }
.tb-ap + .tb-piden{ margin-top:4px; }

.tk-fila.te-toca{
  --tono:#ffb340;
  background:linear-gradient(90deg, rgba(255,179,64,.09), rgba(255,179,64,.02) 45%, transparent 75%);
}
.tk-fila.te-toca::before{ width:4px; animation:tk-turno 2.2s ease-in-out infinite; }
@keyframes tk-turno{
  0%,100%{ opacity:.6; box-shadow:0 0 6px var(--tono); }
  50%{ opacity:1; box-shadow:0 0 16px var(--tono); }
}
.tk-fila.te-toca .tk-avatar{
  border-color:rgba(255,179,64,.65); color:#ffd48a;
  box-shadow:0 0 0 3px rgba(255,179,64,.12), 0 0 14px -4px rgba(255,179,64,.75);
}
.tk-fila.te-toca .tk-fila-cab strong{ color:#fff; }
.tk-fila.le-toca{ --tono:var(--ok); }
.tk-fila.le-toca .tk-fila-cab strong{ color:var(--text-dim); }
.tk-fila.le-toca .tk-avatar{ opacity:.65; }
.tk-chip.turno-te{
  background:rgba(255,179,64,.16); border:1px solid rgba(255,179,64,.55); color:#ffc861;
  box-shadow:0 0 12px -4px rgba(255,179,64,.85);
}
.tk-chip.turno-le{ background:rgba(94,234,212,.08); border:1px solid rgba(94,234,212,.32); color:var(--ok); }
.tk-espera{
  font-size:11px; font-weight:700; color:#ffc861; white-space:nowrap;
  text-shadow:0 0 10px rgba(255,179,64,.45);
}
@media (prefers-reduced-motion:reduce){ .tk-fila.te-toca::before{ animation:none; opacity:1; } }

.pe-motivocaja, .pe-motivo-caja, .sv-sol-motivo{
  display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; flex:1 1 100%;
  margin-top:8px; padding:10px; border-radius:12px;
  border:1px solid rgba(255,90,110,.28);
  background:
    linear-gradient(90deg, transparent, rgba(255,90,110,.45) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255,90,110,.07), rgba(255,90,110,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 26px -20px rgba(255,60,80,.6);
}
.pe-motivocaja input, .pe-motivo-campo, .sv-sol-motivo input{
  flex:1 1 220px; min-width:0; min-height:42px; padding:10px 13px; border-radius:9px;
  background:var(--surface-3); border:1px solid var(--border-strong);
  color:var(--text); font-family:inherit; font-size:14.5px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.pe-motivocaja input::placeholder, .pe-motivo-campo::placeholder, .sv-sol-motivo input::placeholder{
  color:var(--text-dim); opacity:.85;
}
.pe-motivocaja input:focus, .pe-motivo-campo:focus, .sv-sol-motivo input:focus{
  outline:none; border-color:var(--danger); box-shadow:0 0 0 3px rgba(255,90,110,.18);
}
.pe-motivocaja .btn, .pe-motivo-caja .btn, .sv-sol-motivo .btn{ flex:0 0 auto; min-height:42px; }
@media (max-width:760px){
  .pe-motivocaja, .pe-motivo-caja, .sv-sol-motivo{ flex-direction:column; padding:12px; gap:10px; }
  .pe-motivocaja input, .pe-motivo-campo, .sv-sol-motivo input{

    flex:none; width:100%; min-height:54px; padding:12px 15px;
  }
  .pe-acciones .pe-motivocaja .btn, .pe-acciones .pe-motivo-caja .btn, .sv-sol-motivo .btn{
    flex:none; width:100%; min-height:48px; font-size:15px;
  }
}

.apv{ margin-bottom:16px; }
.apv-lista{ display:flex; flex-direction:column; gap:8px; }
.apv-fila{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding:12px 14px; border-radius:var(--radius-sm);
  border:1px solid var(--border);
  background:
    linear-gradient(90deg, rgba(94,234,212,.05), transparent 55%),
    rgba(255,255,255,.02);
  box-shadow:inset 2px 0 0 rgba(94,234,212,.45);
}
.apv-fila.cerrada{
  background:linear-gradient(90deg, rgba(255,90,110,.06), transparent 55%), rgba(255,255,255,.015);
  box-shadow:inset 2px 0 0 rgba(255,90,110,.45);
}
.apv-nombre{ display:flex; align-items:center; gap:10px; min-width:0; }
.apv-marca{ font-size:16px; filter:drop-shadow(0 0 6px rgba(245,198,106,.35)); }
.apv-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.apv-txt strong{ font-size:13.5px; }
.apv-bajo{ font-size:11.5px; color:var(--text-dim); }
.apv-tiendas{ display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:flex-end; }
.apv-tienda{ display:flex; align-items:center; gap:8px; }
.apv-tnombre{ font-size:11.5px; color:var(--text-dim); letter-spacing:.02em; }
@media (max-width:760px){
  .apv-fila{ flex-direction:column; align-items:stretch; }
  .apv-tiendas{ flex-direction:column; align-items:stretch; gap:6px; }
  .apv-tienda{ justify-content:space-between; }
}

@media (max-width:760px){
  .tb-botones{ display:grid; grid-template-columns:repeat(2, max-content); justify-content:end; }
  .tb-tabla td:first-child{ min-width:140px; }
}

.ficha-titulo::before{
  content:''; width:5px; height:5px; border-radius:1px; flex:none;
  background:var(--blue); box-shadow:0 0 8px var(--blue);
}
.ficha-titulo::after{ background:linear-gradient(90deg, rgba(79,214,255,.35), var(--border) 35%, transparent); }
.cli-marca{
  background:
    linear-gradient(90deg, transparent, rgba(79,214,255,.4) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(90% 70% at 50% 0%, rgba(79,214,255,.06), transparent 70%),
    var(--surface-2);
  box-shadow:0 12px 26px -22px rgba(0,0,0,.95);
}
.cli-marca strong{ text-shadow:0 0 12px rgba(79,214,255,.45); }
.cli-marca.ojo{
  background:
    linear-gradient(90deg, transparent, rgba(255,176,32,.55) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(90% 70% at 50% 0%, rgba(255,176,32,.12), transparent 70%),
    rgba(255,176,32,.06);
}
.cli-marca.ojo strong{ text-shadow:0 0 12px rgba(255,176,32,.5); }
.cli-fila{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.cli-fila:hover{ border-color:rgba(79,214,255,.3); box-shadow:0 0 18px -10px rgba(79,214,255,.45); }
.cli-cod{ text-shadow:0 0 10px rgba(79,214,255,.4); }
.cli-nota.llena{ box-shadow:-4px 0 14px -8px var(--warn); }

@media (max-width:520px){ .cli-marcador{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }

.pr-vacio{
  background:radial-gradient(60% 80% at 50% 0%, rgba(79,214,255,.05), transparent 70%);
}
.pr-vacio .pr-vacio-ico{
  display:grid; place-items:center; width:58px; height:58px; margin-bottom:6px;
  border-radius:50%; font-size:26px; line-height:1;
  background:radial-gradient(circle at 50% 35%, rgba(79,214,255,.16), rgba(79,214,255,.03) 70%);
  border:1px solid rgba(79,214,255,.25);
  box-shadow:0 0 0 6px rgba(79,214,255,.04), 0 0 24px -6px rgba(79,214,255,.45);
}

.ch-mensajes{
  background:
    repeating-linear-gradient(180deg, transparent 0 27px, rgba(255,255,255,.022) 27px 28px),
    radial-gradient(80% 40% at 50% 0%, rgba(79,214,255,.05), transparent 70%);
}
.ch-canal.activo{
  background:linear-gradient(90deg, rgba(79,214,255,.16), rgba(79,214,255,.05));
  border-color:rgba(79,214,255,.5);
  box-shadow:inset 3px 0 0 var(--blue), inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px -8px rgba(79,214,255,.6);
}
.ch-canal-num{ box-shadow:0 0 10px -1px var(--danger), inset 0 1px 0 rgba(255,255,255,.25); }
.ch-cab{
  background:linear-gradient(90deg, transparent, rgba(79,214,255,.3) 50%, transparent) bottom / 100% 1px no-repeat;
}
.ch-msg-txt{ box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px -16px rgba(0,0,0,.95); }
.ch-msg.mio .ch-msg-txt{
  background:linear-gradient(160deg, rgba(79,214,255,.2), rgba(79,214,255,.08));
  box-shadow:inset 0 1px 0 rgba(79,214,255,.25), 0 10px 22px -18px rgba(79,214,255,.65);
}
.ch-escribir{
  background:linear-gradient(90deg, transparent, rgba(79,214,255,.3) 50%, transparent) top / 100% 1px no-repeat;
}

@media (max-width:900px){ .ch-sala{ height:70vh; } }
@media (max-width:760px){ .ch-sala{ height:calc(70vh / 0.8); } }
@supports (height: 100dvh){ @media (max-width:760px){ .ch-sala{ height:calc(70dvh / 0.8); } } }

.sv-sol{
  --est:rgba(79,214,255,.85);
  border-left-color:var(--est);
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--est) 8%, transparent), transparent 32%),
    var(--surface);
  box-shadow:-4px 0 14px -9px var(--est), 0 14px 30px -24px rgba(0,0,0,.95);
}
.sv-sol.de-mando{ --est:var(--violet); }
.sv-pts{ text-shadow:0 0 8px color-mix(in srgb, currentColor 45%, transparent); }
.sv-sol-cab .sv-pts{
  padding:3px 11px; border-radius:99px;
  background:color-mix(in srgb, currentColor 13%, transparent);
  border:1px solid color-mix(in srgb, currentColor 40%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 16px -5px currentColor;
}
.sv-chip.entregado, .sv-chip.cancelado, .sv-chip.pedido{ box-shadow:0 0 12px -5px currentColor; }
.sv-fila{ transition:background .15s ease; }
.sv-fila:hover{ background:linear-gradient(90deg, rgba(79,214,255,.05), transparent 60%); }

.sv-premio{
  background:
    linear-gradient(90deg, transparent, rgba(139,123,255,.45) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(90% 60% at 100% 0%, rgba(139,123,255,.08), transparent 60%),
    var(--surface);
  box-shadow:0 16px 32px -24px rgba(0,0,0,.95);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.sv-premio:not(.pausado){
  border-color:rgba(139,123,255,.35);
  box-shadow:0 0 0 1px rgba(139,123,255,.1), 0 18px 36px -22px rgba(139,123,255,.5);
}
.sv-premio-pie{ position:relative; margin-top:auto; padding-top:11px; border-top:1px dashed var(--border-strong); }
.sv-premio-pie::before, .sv-premio-pie::after{
  content:''; position:absolute; top:-8px; width:15px; height:15px; border-radius:50%;
  background:var(--bg);
}
.sv-premio-pie::before{ left:-22px; }
.sv-premio-pie::after{ right:-22px; }
.pm-barra span{ position:relative; box-shadow:0 0 12px -2px var(--violet); }
.pm-barra span::after{
  content:''; position:absolute; right:0; top:0; width:5px; height:100%; border-radius:50%;
  background:#fff; box-shadow:0 0 8px 1px var(--ok);
}

.pr-fila{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2);
}
.pr-fila:hover{ border-color:rgba(79,214,255,.3); box-shadow:0 0 22px -12px rgba(79,214,255,.45); }
.pr-fila-izq{ align-self:stretch; padding-right:16px; border-right:1px dashed var(--border-strong); }
.pr-codigo{
  border-style:dashed; text-shadow:0 0 10px rgba(79,214,255,.5);
  box-shadow:inset 0 0 14px -6px rgba(79,214,255,.6);
}
.pr-descuento{ text-shadow:0 0 12px color-mix(in srgb, var(--signal) 60%, transparent); }
.pr-fila.apagada .pr-codigo, .pr-fila.apagada .pr-descuento{ text-shadow:none; box-shadow:none; }
.pr-campo-codigo input{ border-style:dashed; }
@media (max-width:760px){
  .pr-fila-izq{ padding:0 0 10px; border-right:0; border-bottom:1px dashed var(--border-strong); }
}

.ck-sitio{
  background:linear-gradient(180deg, #1c1f25, var(--surface-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 2px 0 rgba(0,0,0,.55), 0 10px 20px -16px rgba(0,0,0,.95);
}
.ck-sitio:hover{
  background:linear-gradient(180deg, #20242c, var(--surface-3));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 2px 0 rgba(0,0,0,.55), 0 0 22px -8px rgba(79,214,255,.55);
}
.ck-sitio:active{ transform:translateY(0); box-shadow:inset 0 2px 6px rgba(0,0,0,.6); }
.ck-sitio-ico{
  display:grid; place-items:center; width:26px; height:26px; border-radius:8px;
  background:rgba(0,0,0,.3); box-shadow:inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05);
}
.ck-bot-ico{ box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px -6px rgba(79,214,255,.5); }
.ck-parte{ background:#0d0e11; box-shadow:inset 0 2px 6px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03); }

.mus-pasos li{ position:relative; border-bottom-color:rgba(255,255,255,.035); }
.mus-pasos li:not(:last-child)::before{
  content:''; position:absolute; left:12px; top:44px; bottom:-12px; width:2px; border-radius:2px;
  background:linear-gradient(180deg, color-mix(in srgb, var(--paso, var(--blue)) 60%, transparent),
             color-mix(in srgb, var(--paso, var(--blue)) 12%, transparent));
}
.mus-paso-n{
  position:relative; z-index:1;
  background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--paso, var(--blue)) 35%, transparent),
             color-mix(in srgb, var(--paso, var(--blue)) 8%, transparent));
  border-color:color-mix(in srgb, var(--paso, var(--blue)) 60%, transparent);
  color:var(--paso, var(--blue));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--paso, var(--blue)) 7%, transparent),
             0 0 14px -3px color-mix(in srgb, var(--paso, var(--blue)) 70%, transparent);
}
.view[data-view="musica"]{ --paso:#1ed760; }

.aparato-card{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2);
}
.aparato-card.es-diario{
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.06) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(0,229,160,.08), transparent 35%),
    var(--surface-2);
  box-shadow:inset 3px 0 0 0 var(--signal), -4px 0 16px -9px var(--signal);
}
.aparato-icono{
  display:grid; place-items:center; width:34px; height:34px; border-radius:10px;
  background:rgba(0,0,0,.3); box-shadow:inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05);
}
#aj-panico-panel{
  border-color:rgba(255,77,94,.28);
  background:
    repeating-linear-gradient(-45deg, rgba(255,77,94,.22) 0 7px, transparent 7px 14px) top / 100% 4px no-repeat,
    linear-gradient(rgba(255,77,94,.5), rgba(255,77,94,.5)) left 12px top 14px / 9px 1px no-repeat,
    linear-gradient(rgba(255,77,94,.5), rgba(255,77,94,.5)) left 12px top 14px / 1px 9px no-repeat,
    linear-gradient(rgba(255,77,94,.3), rgba(255,77,94,.3)) right 12px bottom 12px / 9px 1px no-repeat,
    linear-gradient(rgba(255,77,94,.3), rgba(255,77,94,.3)) right 12px bottom 12px / 1px 9px no-repeat,
    radial-gradient(70% 70% at 0% 0%, rgba(255,77,94,.07), transparent 60%),
    linear-gradient(180deg, #15171b, var(--surface) 120px);
}
#aj-panico-btn{ box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 24px -6px rgba(255,77,94,.75); }

.cop-fila{ transition:background .15s ease, box-shadow .15s ease; }
.cop-fila:hover{ background:linear-gradient(90deg, rgba(79,214,255,.05), transparent 60%); box-shadow:inset 2px 0 0 rgba(79,214,255,.5); }
.cop-fila.es-nueva .cop-ico{ box-shadow:0 0 14px -3px rgba(94,234,212,.6); }

#snd-zona .switch-fila > div{ display:flex; flex-direction:column; gap:3px; }
#snd-zona .switch-fila .hint{ margin:0; }
#snd-zona input[type="checkbox"]{ accent-color:var(--blue); width:17px; height:17px; flex:none; }

.mio-persona{ background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2); }
.mio-persona:has(.chip-enlinea){ border-color:rgba(94,234,212,.22); }
.mio-persona:has(.chip-enlinea) .mio-persona-ini{
  color:var(--ok); border-color:rgba(94,234,212,.55);
  background:radial-gradient(circle at 35% 30%, rgba(94,234,212,.22), rgba(94,234,212,.05) 70%);
  box-shadow:0 0 0 3px rgba(94,234,212,.07), 0 0 14px -3px rgba(94,234,212,.6);
}
.mio-tienda{ background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2); }
.mio-tienda:hover{ border-color:rgba(79,214,255,.35); box-shadow:0 0 22px -10px rgba(79,214,255,.55); }
.mio-tienda-logo{ box-shadow:inset 0 1px 3px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.05); }

@media (max-width:520px){
  .mio-persona .chip-enlinea{ font-size:0; gap:0; padding:4px; margin-left:auto; }
}

.up-tab{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 2px 0 rgba(0,0,0,.5);
}
.up-tab:hover{ color:var(--text); border-color:var(--border-strong); }
.up-tab.activa{
  background:linear-gradient(180deg, rgba(79,214,255,.2), rgba(79,214,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px -6px rgba(79,214,255,.6);
}
.up-diseno-informe, .up-son-op{ position:relative; transition:border-color .14s ease, background .14s ease, transform .16s ease, box-shadow .16s ease; }
.up-diseno-informe:hover, .up-son-op:hover{ transform:translateY(-2px); border-color:var(--border-strong); }
.up-diseno-informe.elegido, .up-son-op.elegido{
  box-shadow:0 0 0 1px var(--blue), 0 0 26px -8px rgba(79,214,255,.65);
  background:linear-gradient(180deg, rgba(79,214,255,.07), var(--surface-2) 60%);
}
.up-diseno-informe.elegido::after, .up-son-op.elegido::after{
  content:'✓'; position:absolute; top:-7px; right:-7px; width:20px; height:20px; border-radius:50%;
  display:grid; place-items:center; font-size:11px; font-weight:800; color:#04121a;
  background:radial-gradient(circle at 35% 30%, #c9f4ff, var(--blue) 70%);
  box-shadow:0 0 10px rgba(79,214,255,.8);
}

.dc-fila{
  --dc:#5865f2;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2);
}
.dc-fila:has(.dc-fila-cab .badge.ok){
  border-color:color-mix(in srgb, var(--dc) 35%, transparent);
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--dc) 10%, transparent), transparent 35%),
    var(--surface-2);
  box-shadow:inset 3px 0 0 var(--dc), -4px 0 16px -9px var(--dc);
}
.dc-fila:has(.dc-fila-cab .badge.muted){ border-style:dashed; }
.dc-fila-cab strong::before{
  content:'#'; margin-right:5px; font-weight:800; color:var(--dc);
  text-shadow:0 0 10px color-mix(in srgb, var(--dc) 70%, transparent);
}

.sus-fila.urgente{ --est:var(--warn); }
.sus-fila.vencida{ --est:var(--danger); }
.sus-fila.urgente, .sus-fila.vencida{
  margin:4px 0; padding-left:14px; padding-right:12px; border-radius:10px;
  border-bottom-color:transparent;
  background:linear-gradient(90deg, color-mix(in srgb, var(--est) 9%, transparent), transparent 45%);
  box-shadow:inset 3px 0 0 var(--est), -4px 0 14px -9px var(--est);
}
.sus-fila.urgente .sus-fecha, .sus-fila.vencida .sus-fecha{
  text-shadow:0 0 10px color-mix(in srgb, var(--est) 55%, transparent);
}

.noti-tipo.tono-morado{ --tono:#a78bfa; }
.noti-tipo{
  background:
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--tono, var(--blue)) 55%, transparent) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--tono, var(--blue)) 8%, transparent), transparent 60%),
    linear-gradient(165deg, rgba(255,255,255,.045), var(--surface-2));
}
.noti-tipo-icono{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 24px -6px color-mix(in srgb, var(--tono, var(--blue)) 70%, transparent);
}
.noti-fila{ background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2); }

.view[data-view="musica"], #mus-barra{ --sp:#1ed760; --sp-hondo:#14a24a; }

.mus-ahora{
  position:relative; overflow:hidden; isolation:isolate;
  background:
    linear-gradient(90deg, transparent, rgba(30,215,96,.35) 50%, transparent) top / 100% 1px no-repeat,
    radial-gradient(120% 140% at 0% 0%, rgba(30,215,96,.09), transparent 60%),
    var(--surface-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 26px 54px -32px rgba(0,0,0,.95);
}
.mus-ahora::before{
  content:''; position:absolute; inset:-50px; z-index:-1; pointer-events:none;
  background:var(--portada, none) center / cover no-repeat;
  filter:blur(48px) saturate(1.5); transform:scale(1.15);
  opacity:0; transition:opacity .8s ease;
}
.mus-ahora.hay-tema::before{ opacity:.34; }
.mus-ahora.hay-tema::after{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, rgba(9,10,12,.45), rgba(9,10,12,.8) 62%);
}

.mus-ahora-portada{
  position:relative; overflow:visible; isolation:isolate; margin-right:52px;
  box-shadow:0 20px 44px -18px rgba(0,0,0,.95), 0 0 0 1px rgba(255,255,255,.06);
}
.mus-ahora-portada img{ border-radius:inherit; position:relative; }
.mus-ahora-portada::after{
  content:''; position:absolute; z-index:-1; top:5%; left:5%; width:90%; height:90%;
  border-radius:50%; pointer-events:none;
  background:
    radial-gradient(circle, #050505 0 3%, var(--sp) 3.5% 15%, #0b0b0b 15.5% 17%, transparent 17.5%),
    conic-gradient(from 25deg, transparent 0 10%, rgba(255,255,255,.11) 15%, transparent 21% 60%, rgba(255,255,255,.07) 65%, transparent 71%),
    repeating-radial-gradient(circle, #121212 0 1.2px, #1c1c1c 1.8px 3.2px);
  box-shadow:0 12px 30px -10px rgba(0,0,0,.95), inset 0 0 0 1px rgba(255,255,255,.05);
  translate:0 0; transition:translate .7s cubic-bezier(.2,.8,.2,1);
}
.mus-ahora.hay-tema .mus-ahora-portada::after{ translate:40% 0; }
.mus-ahora.sonando .mus-ahora-portada::after{ animation:mus-gira 3.4s linear infinite; }
@keyframes mus-gira{ to{ rotate:360deg; } }

.mus-ahora-eyebrow{ display:flex; align-items:center; gap:8px; color:var(--sp); }
.mus-ahora:not(.sonando) .mus-ahora-eyebrow{ color:var(--text-faint); }
.mus-ahora.sonando .mus-ahora-eyebrow::before{
  content:''; width:13px; height:11px; flex:none;
  background:
    linear-gradient(var(--sp), var(--sp)) 0 100% / 3px 40% no-repeat,
    linear-gradient(var(--sp), var(--sp)) 5px 100% / 3px 100% no-repeat,
    linear-gradient(var(--sp), var(--sp)) 10px 100% / 3px 60% no-repeat;
  animation:mus-eq 1.1s ease-in-out infinite;
}
@keyframes mus-eq{
  0%,100%{ background-size:3px 40%, 3px 100%, 3px 60%; }
  33%{ background-size:3px 100%, 3px 45%, 3px 85%; }
  66%{ background-size:3px 65%, 3px 80%, 3px 35%; }
}
.mus-ahora-info>strong{ font-size:22px; text-shadow:0 2px 18px rgba(0,0,0,.6); }

#mus-progreso, #mus-volumen{
  -webkit-appearance:none; appearance:none; height:4px; border-radius:99px; margin:0;
  background:
    linear-gradient(90deg, var(--sp-hondo), var(--sp)) 0 0 / var(--p, 0%) 100% no-repeat,
    rgba(255,255,255,.13);
}
#mus-progreso::-webkit-slider-thumb, #mus-volumen::-webkit-slider-thumb{
  -webkit-appearance:none; width:12px; height:12px; border-radius:50%; border:0;
  background:#fff; box-shadow:0 0 0 3px rgba(30,215,96,.28), 0 0 12px rgba(30,215,96,.85);
  transition:transform .15s ease;
}
#mus-progreso::-moz-range-thumb, #mus-volumen::-moz-range-thumb{
  width:12px; height:12px; border-radius:50%; border:0;
  background:#fff; box-shadow:0 0 0 3px rgba(30,215,96,.28), 0 0 12px rgba(30,215,96,.85);
}
#mus-progreso::-moz-range-track, #mus-volumen::-moz-range-track{ background:transparent; }
#mus-progreso:hover::-webkit-slider-thumb, #mus-volumen:hover::-webkit-slider-thumb{ transform:scale(1.25); }

.mus-btn2.play, .mus-btn2.play:hover, .mus-btn.play, .mus-btn.play:hover{
  background:radial-gradient(circle at 35% 28%, #7dffae, var(--sp) 55%, var(--sp-hondo));
  color:#03140a; border-color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 8px 22px -8px rgba(30,215,96,.8);
}
.mus-btn2.play:hover, .mus-btn.play:hover{ filter:brightness(1.07); transform:scale(1.05); }
.mus-btn2.puesto{ color:var(--sp); border-color:rgba(30,215,96,.5); background:rgba(30,215,96,.1); }

.mus-mini{
  background:linear-gradient(90deg, rgba(30,215,96,.1), var(--surface-2) 45%);
  border-color:rgba(30,215,96,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px -12px rgba(0,0,0,.9);
}
.mus-portada{ position:relative; }
.mus-portada::after{
  content:''; position:absolute; inset:40%; border-radius:50%;
  background:var(--bg); box-shadow:0 0 0 1px rgba(255,255,255,.25);
}
.mus-mini.sonando .mus-portada{
  animation:mus-gira 4s linear infinite;
  box-shadow:0 0 0 2px rgba(30,215,96,.35), 0 0 12px -2px rgba(30,215,96,.7);
}

.mus-bloque-cab h3::before{
  content:''; display:inline-block; width:6px; height:6px; border-radius:50%;
  margin-right:9px; vertical-align:middle;
  background:var(--sp); box-shadow:0 0 8px var(--sp);
}
.mus-lista{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.05) 50%, transparent) top / 100% 1px no-repeat, var(--surface-2);
}
.mus-lista:hover{ border-color:rgba(30,215,96,.35); box-shadow:0 0 22px -10px rgba(30,215,96,.55); }
.mus-lista-portada{ position:relative; box-shadow:0 6px 14px -8px rgba(0,0,0,.9); }
.mus-lista:hover .mus-lista-portada::after{
  content:'▶'; position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(0,0,0,.5); color:var(--sp); font-size:13px;
}
.mus-fila{ transition:background .12s ease, box-shadow .12s ease; }
.mus-fila:hover{
  background:linear-gradient(90deg, rgba(30,215,96,.08), transparent 60%);
  box-shadow:inset 2px 0 0 rgba(30,215,96,.6);
}
.mus-fila-portada{ box-shadow:0 6px 14px -8px rgba(0,0,0,.9); }
.mus-buscador input:focus{ border-color:rgba(30,215,96,.6); box-shadow:0 0 0 3px rgba(30,215,96,.14); }

@media (max-width:760px){
  .mus-ahora-portada{ margin-right:0; translate:-14% 0; }
  .mus-ahora.hay-tema .mus-ahora-portada::after{ translate:32% 0; }
  .mus-ahora:not(.hay-tema) .mus-ahora-portada{ translate:0 0; }
}