:root{
  --burgundy:#525d6c;
  --gold:#95835d;
  --vanilla:#131314;          /* antes texto claro; ahora la tinta */
  --ink:#131314;
  --ink-2:#5f6773;            /* texto secundario */
  --gold-ink:#76663f;         /* dorado legible sobre blanco (5.4:1) */
  --bordeaux-noir:#131314;    /* tinta sobre fondos dorados */
  --bg-base:#eef1f4;
  --surface:#fcfdfe;
  --line:rgba(19,22,28,0.11);
  --success:#2f7a4a;
  --danger:#a63d33;
  --glass-bg:rgba(255,255,255,0.78);
  --glass-border:rgba(19,22,28,0.1);
  --glass-shadow:0 10px 30px rgba(28,34,44,0.09), 0 2px 6px rgba(28,34,44,0.05);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  color:var(--vanilla);font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,'Helvetica Neue',Arial,sans-serif;min-height:100vh;
  background:
    radial-gradient(circle at 15% -10%, rgba(82,93,108,0.07), transparent 45%),
    radial-gradient(circle at 100% 15%, rgba(149,131,93,0.1), transparent 42%),
    radial-gradient(circle at 15% 100%, rgba(82,93,108,0.05), transparent 48%),
    var(--bg-base);
  background-attachment:fixed;
  position:relative;
}
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url('./assets/patterns/reinicia-patron.webp');
  background-size:480px 280px;opacity:0.06;
  mask-image:radial-gradient(circle at 50% 20%, black 0%, transparent 65%);
  -webkit-mask-image:radial-gradient(circle at 50% 20%, black 0%, transparent 65%);
}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--gold-ink);}

.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;}
.login-body::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url('./assets/patterns/reinicia-patron.webp');
  background-size:480px 280px;opacity:0.06;
  mask-image:radial-gradient(circle at 50% 30%, black 0%, transparent 65%);
  -webkit-mask-image:radial-gradient(circle at 50% 30%, black 0%, transparent 65%);
}
.login-card{position:relative;z-index:1;background:var(--glass-bg);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:18px;padding:40px;max-width:340px;width:100%;text-align:center;}
.login-card h1{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:24px;margin:0 0 20px;font-weight:400;}

.bs-shell{display:flex;min-height:100vh;position:relative;z-index:1;}

/* ── Menú lateral ─────────────────────────────────────────────── */
.bs-sidebar{
  width:248px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;
  background:rgba(255,255,255,0.74);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  border-right:1px solid rgba(19,22,28,0.1);padding:20px 14px 14px;
  transition:width 0.28s cubic-bezier(.22,.9,.3,1),padding 0.28s;
}
.bs-sidebar .logo{height:30px;width:auto;margin:0 8px 24px;}
.bs-sidebar-brand{display:flex;align-items:center;gap:10px;margin:0 2px 18px;padding:0 6px;min-height:32px;}
.bs-sidebar-brand-icon{height:32px;width:auto;flex-shrink:0;}
.bs-brand-name{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:17px;color:var(--ink);white-space:nowrap;}
.bs-rail-toggle,.bs-nav-close{
  margin-left:auto;width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:9px;background:none;color:var(--ink-2);cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s;
}
.bs-rail-toggle:hover,.bs-nav-close:hover{background:rgba(82,93,108,0.07);color:var(--burgundy);border-color:rgba(82,93,108,0.12);}
.bs-rail-chev{transition:transform 0.28s;transform-origin:14px 12px;}
.bs-nav-close{display:none;}

.bs-sidebar-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px 8px;scrollbar-width:thin;}
.bs-sidebar-link{
  position:relative;display:flex;align-items:center;gap:10px;padding:8px 11px;min-height:38px;
  font-size:13.5px;letter-spacing:0.15px;color:rgba(19,22,28,0.72);border-radius:10px;transition:background 0.2s,color 0.2s,box-shadow 0.2s;
}
.bs-sidebar-link svg{flex-shrink:0;}
.bs-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bs-sidebar-link.active{color:#fcfdfe;background:var(--burgundy);font-weight:700;box-shadow:0 4px 14px rgba(82,93,108,0.26);}
.bs-sidebar-link:not(.active):hover{background:rgba(82,93,108,0.07);color:var(--burgundy);}
.bs-sidebar-link:focus-visible,.bs-group-toggle:focus-visible,.bs-rail-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px;}

.bs-sidebar-group{margin-top:8px;}
.bs-group-toggle{
  width:100%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:none;border-radius:10px;background:none;cursor:pointer;
  font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-2);text-align:left;
  transition:background 0.2s,color 0.2s;
}
.bs-group-toggle:hover{background:rgba(82,93,108,0.05);color:var(--burgundy);}
.bs-sidebar-group.has-active .bs-group-toggle{color:var(--burgundy);}
.bs-group-label{white-space:nowrap;}
.bs-group-count{
  margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(19,22,28,0.06);font-size:10px;letter-spacing:0;color:var(--ink-2);font-weight:600;
}
.bs-group-badge{margin-left:0;}
.bs-sidebar-group[data-open="1"] .bs-group-badge{display:none;}
.bs-group-chev{flex-shrink:0;transform:rotate(-90deg);transition:transform 0.28s cubic-bezier(.22,.9,.3,1);}
.bs-sidebar-group[data-open="1"] .bs-group-chev{transform:none;}
.bs-group-body{display:grid;grid-template-rows:0fr;}
.bs-sidebar-group[data-open="1"] .bs-group-body{grid-template-rows:1fr;}
.bs-nav-ready .bs-group-body{transition:grid-template-rows 0.3s cubic-bezier(.22,.9,.3,1);}
.bs-group-inner{
  min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;
  margin-left:19px;padding-left:8px;border-left:1px solid rgba(19,22,28,0.1);
}
.bs-sidebar-group[data-open="1"] .bs-group-inner{padding-top:2px;padding-bottom:4px;}
.bs-sidebar-sublink{padding-left:10px;font-size:13px;}
.bs-nav-ready .bs-group-inner .bs-sidebar-link{transition:background 0.2s,color 0.2s,opacity 0.25s,transform 0.25s;}
.bs-sidebar-group[data-open="0"] .bs-group-inner .bs-sidebar-link{opacity:0;transform:translateY(-4px);}

.bs-sidebar-who{
  border-top:1px solid rgba(19,22,28,0.1);padding:12px 4px 0;margin-top:8px;display:flex;align-items:center;gap:10px;
}
.bs-avatar{
  width:34px;height:34px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#7a1a39,var(--burgundy));color:#fcfdfe;font-size:12px;font-weight:700;letter-spacing:0.5px;
  box-shadow:0 3px 10px rgba(82,93,108,0.25),inset 0 1px 0 rgba(255,255,255,0.18);
}
.bs-avatar-sm{width:32px;height:32px;font-size:11.5px;}
.bs-who-text{display:flex;flex-direction:column;min-width:0;line-height:1.3;}
.bs-who-text b{font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bs-who-text small{font-size:11px;color:var(--ink-2);}
.bs-logout{
  margin-left:auto;width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--ink-2);
  transition:background 0.2s,color 0.2s;
}
.bs-logout:hover{background:rgba(166,61,51,0.09);color:var(--danger);}

/* Modo compacto: solo íconos (escritorio) */
@media (min-width:781px){
  html.bs-rail .bs-sidebar{width:72px;padding:18px 10px 12px;}
  html.bs-rail .bs-sidebar-brand{flex-direction:column;gap:12px;padding:0;margin:0 0 14px;}
  html.bs-rail .bs-brand-name,html.bs-rail .bs-link-text,html.bs-rail .bs-group-label,html.bs-rail .bs-group-count,
  html.bs-rail .bs-group-chev,html.bs-rail .bs-who-text,html.bs-rail .bs-group-badge{display:none;}
  html.bs-rail .bs-rail-toggle{margin-left:0;}
  html.bs-rail .bs-rail-chev{transform:rotate(180deg);}
  html.bs-rail .bs-sidebar-link{justify-content:center;padding:9px 0;}
  html.bs-rail .bs-sidebar-link .bs-badge{position:absolute;top:3px;right:5px;min-width:16px;height:16px;font-size:9px;padding:0 4px;}
  html.bs-rail .bs-group-toggle{justify-content:center;padding:6px 0;cursor:default;opacity:0.55;}
  html.bs-rail .bs-group-toggle:hover{background:none;color:var(--ink-2);}
  html.bs-rail .bs-sidebar-group{margin-top:6px;padding-top:6px;border-top:1px solid rgba(19,22,28,0.08);}
  html.bs-rail .bs-group-body{grid-template-rows:1fr;}
  html.bs-rail .bs-group-inner{margin-left:0;padding-left:0;border-left:none;}
  html.bs-rail .bs-sidebar-group .bs-group-inner .bs-sidebar-link{opacity:1;transform:none;}
  html.bs-rail .bs-sidebar-who{flex-direction:column;gap:8px;padding-top:10px;}
  html.bs-rail .bs-logout{margin-left:0;}
}

.bs-main-wrap{flex:1;min-width:0;}
.bs-topbar-mobile{display:none;}

main{max-width:1100px;margin:0 auto;padding:28px 28px 80px;position:relative;z-index:1;}
h1{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:28px;margin:0 0 24px;}
h2{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:20px;margin:32px 0 12px;font-weight:400;}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;}
.stat-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;padding:20px;transition:transform 0.25s ease;}
.stat-card:hover{transform:translateY(-2px);}
.stat-card .label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-ink);margin-bottom:8px;}
.stat-card .value{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:28px;}

table{width:100%;border-collapse:collapse;background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;overflow:hidden;margin-bottom:24px;}
th,td{text-align:left;padding:12px 16px;font-size:13px;border-bottom:1px solid rgba(19,22,28,0.1);}
th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-ink);background:rgba(255,255,255,0.82);}
tr:last-child td{border-bottom:none;}
tr{transition:background 0.15s;}
tbody tr:hover{background:rgba(255,255,255,0.82);}

.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;letter-spacing:0.5px;text-transform:uppercase;}
.badge.active, .badge.valid, .badge.issued, .badge.paid{background:rgba(74,157,108,0.18);color:#2f7a4a;}
.badge.inactive, .badge.cancelled, .badge.failed{background:rgba(194,86,79,0.18);color:#a63d33;}
.badge.pending, .badge.paused{background:rgba(149,131,93,0.18);color:var(--gold-ink);}
.badge.used{background:rgba(19,22,28,0.1);color:rgba(19,22,28,0.68);}

form.inline{display:inline;}
.field{margin-bottom:14px;display:flex;flex-direction:column;gap:5px;}
.field label{color:var(--ink-2);font-size:11px;letter-spacing:0.5px;text-transform:uppercase;}
input,select,textarea{font-size:14px;padding:9px 12px;border:1px solid rgba(19,22,28,0.16);border-radius:8px;width:100%;color:var(--vanilla);font-family:inherit;background:rgba(255,255,255,0.82);transition:border-color 0.2s, box-shadow 0.2s;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(149,131,93,0.18);}
select option{background:#fcfdfe;color:var(--ink);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:22px;border-radius:14px;margin-bottom:24px;}
.form-grid .full{grid-column:1 / -1;}

.btn{padding:9px 16px;border:none;border-radius:8px;font-size:12px;letter-spacing:0.5px;text-transform:uppercase;cursor:pointer;transition:transform 0.2s, box-shadow 0.2s;}
.btn-primary{background:var(--gold);color:var(--bordeaux-noir);font-weight:700;box-shadow:0 6px 18px rgba(149,131,93,0.28);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(149,131,93,0.35);}
.btn-ghost{background:#fcfdfe;border:1px solid rgba(19,22,28,0.16);color:var(--burgundy);}
.btn-ghost:hover{background:rgba(19,22,28,0.1);}
.btn-danger{background:none;color:#a63d33;text-decoration:underline;border:none;padding:0;font-size:12px;}

.flash{padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:20px;backdrop-filter:blur(10px);}
.flash.ok{background:rgba(74,157,108,0.18);color:#2f7a4a;}
.flash.error{background:rgba(194,86,79,0.18);color:#a63d33;}
.empty{color:rgba(19,22,28,0.64);}
.errors{background:rgba(194,86,79,0.15);color:#a63d33;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;backdrop-filter:blur(10px);}

.upload-preview{max-width:220px;border-radius:8px;margin-bottom:8px;display:block;}

.funnel-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.funnel-filter-pill{padding:7px 14px;border-radius:999px;font-size:12px;letter-spacing:0.3px;background:rgba(255,255,255,0.82);border:1px solid rgba(19,22,28,0.16);color:rgba(19,22,28,0.78);transition:all 0.2s;}
.funnel-filter-pill:hover{background:rgba(19,22,28,0.1);color:var(--vanilla);}
.funnel-filter-pill.active{background:var(--gold);color:var(--bordeaux-noir);border-color:var(--gold);font-weight:700;}
.funnel-filter-compare{border-style:dashed;}

.funnel-chart{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px;margin-bottom:28px;display:flex;flex-direction:column;gap:18px;}
.funnel-row{}
.funnel-row-label{font-size:13px;margin-bottom:6px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.funnel-rate{color:var(--gold-ink);font-size:11px;}
.funnel-bar-track{height:26px;border-radius:6px;background:rgba(255,255,255,0.82);overflow:hidden;position:relative;}
.funnel-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg, #a97a2e, var(--gold), #f5dca0, var(--gold), #a97a2e);background-size:200% 100%;animation:gold-shimmer 3s linear infinite;display:flex;align-items:center;padding:0 10px;min-width:32px;transition:width 0.5s ease;}
.funnel-bar-value{font-size:11px;font-weight:700;color:var(--bordeaux-noir);white-space:nowrap;}
.funnel-bar-track-prev{height:16px;margin-top:4px;opacity:0.7;}
.funnel-bar-fill-prev{background:rgba(19,22,28,0.3);animation:none;}
.funnel-bar-fill-prev .funnel-bar-value{color:var(--bordeaux-noir);}
.funnel-delta{font-size:11px;margin-top:4px;}
.funnel-delta.up{color:#2f7a4a;}
.funnel-delta.down{color:#a63d33;}
@keyframes gold-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}

.monitor-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0 14px;}
.monitor-search{flex:1;min-width:220px;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,0.82);border:1px solid rgba(19,22,28,0.16);color:var(--vanilla);font-size:13px;}
.monitor-status-filters{display:flex;gap:8px;flex-wrap:wrap;}
.monitor-status-filters button{cursor:pointer;font:inherit;}
.monitor-clock-refresh{display:flex;align-items:center;gap:14px;}
.monitor-clock{font-family:monospace;font-size:14px;color:var(--gold-ink);letter-spacing:0.5px;min-width:88px;}
.contact-link{margin-right:8px;font-size:12px;color:var(--gold-ink);}
.qr-code-cell{font-size:11px;color:rgba(19,22,28,0.68);}
.btn-copy{font-size:11px;}

.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;}
.status-dot.dot-valid{background:#4a9d6c;box-shadow:0 0 6px 2px rgba(74,157,108,0.7);animation:dot-pulse 2.2s ease-in-out infinite;}
.status-dot.dot-used{background:#c2564f;box-shadow:0 0 6px 2px rgba(194,86,79,0.7);animation:dot-pulse 2.2s ease-in-out infinite;}
.status-dot.dot-pending{background:var(--gold);box-shadow:0 0 6px 2px rgba(149,131,93,0.7);animation:dot-pulse 2.2s ease-in-out infinite;}
.status-dot.dot-transferred{background:#5568b5;box-shadow:0 0 6px 2px rgba(122,143,209,0.7);animation:dot-pulse 2.2s ease-in-out infinite;}
.status-dot.dot-cancelled{background:rgba(19,22,28,0.35);box-shadow:0 0 4px 1px rgba(19,22,28,0.25);}
@keyframes dot-pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}

.gateway-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.gateway-card-head strong{margin-right:10px;}
.glass-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:22px 24px;margin-bottom:20px;}

.accordion{margin-bottom:14px;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;}
.accordion summary{cursor:pointer;padding:16px 22px;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:17px;list-style:none;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.82);}
.accordion summary::-webkit-details-marker{display:none;}
.accordion summary::before{content:'▸';font-size:12px;color:var(--gold-ink);transition:transform 0.2s;}
.accordion[open] summary::before{transform:rotate(90deg);}
.accordion .glass-card{margin:0;border:none;border-top:1px solid var(--glass-border);border-radius:0;box-shadow:none;}
.upload-progress{display:flex;align-items:center;gap:10px;margin-top:10px;}
.upload-progress-track{flex:1;height:6px;border-radius:4px;background:rgba(19,22,28,0.1);overflow:hidden;max-width:220px;}
.upload-progress-fill{height:100%;width:0%;background:linear-gradient(90deg, var(--gold), #e0b563);border-radius:4px;transition:width 0.2s ease;}
.upload-progress-pct{font-size:12px;color:rgba(19,22,28,0.75);white-space:nowrap;}

.btn-link{background:none;border:none;color:var(--gold-ink);text-decoration:underline;cursor:pointer;font-size:12px;font-family:inherit;padding:0;}
.media-field-actions{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap;}

.media-dropzone{border:2px dashed rgba(19,22,28,0.16);border-radius:14px;padding:32px;text-align:center;margin-bottom:24px;transition:border-color 0.2s, background 0.2s;}
.media-dropzone.dragover{border-color:var(--gold);background:rgba(149,131,93,0.08);}
.media-dropzone-hint{font-size:14px;color:rgba(19,22,28,0.75);}
.media-dropzone-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;max-width:420px;margin-left:auto;margin-right:auto;}
.media-upload-row{display:flex;align-items:center;gap:10px;font-size:12px;background:rgba(255,255,255,0.82);padding:8px 12px;border-radius:8px;}
.media-upload-name{flex:0 0 120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-upload-row .upload-progress-track{flex:1;height:5px;}
.media-upload-row.done .upload-progress-fill{background:var(--success);}
.media-upload-row.error .upload-progress-fill{background:var(--danger);}

.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:28px;}
.media-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;box-shadow:var(--glass-shadow);}
.media-item img{width:100%;height:110px;object-fit:cover;display:block;}
.media-icon{width:100%;height:110px;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:1px;background:rgba(255,255,255,0.82);color:var(--gold-ink);}
.media-item-name{font-size:11px;padding:8px 10px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-item-delete{display:block;width:100%;background:none;border:none;color:#a63d33;font-size:11px;padding:6px 10px 10px;cursor:pointer;text-align:left;text-decoration:underline;}

.media-picker-overlay{position:fixed;inset:0;background:rgba(28,34,44,0.45);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;}
.media-picker-modal{background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;max-width:720px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.media-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(19,22,28,0.1);font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:17px;}
.media-picker-header button{background:none;border:none;color:var(--ink);font-size:16px;cursor:pointer;opacity:0.6;}
.media-picker-header button:hover{opacity:1;}
.media-picker-grid{padding:18px 20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;flex:1;color:rgba(19,22,28,0.68);}
.media-picker-item{cursor:pointer;border-radius:10px;overflow:hidden;border:2px solid transparent;background:rgba(255,255,255,0.82);transition:border-color 0.15s;}
.media-picker-item:hover{border-color:rgba(149,131,93,0.4);}
.media-picker-item.selected{border-color:var(--gold);}
.media-picker-item img{width:100%;height:90px;object-fit:cover;display:block;}
.media-picker-item .media-icon{height:90px;font-size:12px;}
.media-picker-item-name{font-size:10px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-picker-footer{padding:14px 20px;border-top:1px solid rgba(19,22,28,0.1);text-align:right;}

.bs-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.bs-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:32px;}
.bs-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;overflow:hidden;transition:transform 0.2s ease;}
.bs-card:hover{transform:translateY(-3px);}
.bs-card-thumb{height:130px;background-size:cover;background-position:center;background-color:rgba(255,255,255,0.82);position:relative;}
.bs-card-thumb-fallback{background:linear-gradient(135deg, rgba(82,93,108,0.5), rgba(149,131,93,0.2));}
.bs-card-thumb .badge{position:absolute;top:10px;right:10px;}
.bs-card-body{padding:16px 18px;}
.bs-card-title{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:18px;margin-bottom:4px;}
.bs-card-meta{font-size:12px;color:rgba(19,22,28,0.68);margin-bottom:12px;}
.bs-card-actions{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;}
.bs-card-actions a{font-size:12px;letter-spacing:0.3px;}

.bs-drawer-overlay{position:fixed;inset:0;background:rgba(28,34,44,0.34);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:opacity 0.25s;}
.bs-drawer-overlay.open{opacity:1;pointer-events:auto;}
.bs-drawer{position:fixed;top:0;right:0;height:100%;width:min(460px,92vw);background:var(--surface);border-left:1px solid var(--glass-border);box-shadow:-20px 0 60px rgba(28,34,44,0.1);z-index:91;transform:translateX(100%);transition:transform 0.3s cubic-bezier(.22,.9,.3,1);overflow-y:auto;padding:26px;}
.bs-drawer.open{transform:translateX(0);}
.bs-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.bs-drawer-header h2{margin:0;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:22px;}
.bs-drawer-close{background:none;border:none;color:var(--ink);font-size:18px;cursor:pointer;opacity:0.6;}
.bs-drawer-close:hover{opacity:1;}
.bs-drawer .form-grid{grid-template-columns:1fr;background:none;border:none;box-shadow:none;padding:0;margin-bottom:0;}
@media (max-width:640px){.bs-drawer{width:100vw;}}

/* Móvil: sidebar se oculta, nav se vuelve barra inferior fija tipo app */
@media (max-width: 780px){
  .bs-sidebar{
    position:fixed;left:0;top:0;bottom:0;height:100dvh;width:min(320px,86vw);z-index:95;
    background:rgba(255,255,255,0.97);transform:translateX(-104%);visibility:hidden;
    transition:transform 0.32s cubic-bezier(.22,.9,.3,1),visibility 0s linear 0.32s;
    box-shadow:20px 0 60px rgba(28,34,44,0.16);padding:calc(16px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));
  }
  .bs-sidebar.is-open{transform:none;visibility:visible;transition:transform 0.32s cubic-bezier(.22,.9,.3,1),visibility 0s;}
  .bs-rail-toggle{display:none;}
  .bs-nav-close{display:inline-flex;width:40px;height:40px;}
  .bs-sidebar-link{min-height:44px;font-size:14.5px;}
  .bs-group-toggle{min-height:42px;font-size:11px;}
  .bs-nav-scrim{position:fixed;inset:0;z-index:94;background:rgba(28,34,44,0.36);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity 0.26s;}
  .bs-nav-scrim.is-open{opacity:1;}
  .bs-topbar-mobile{
    display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px;position:sticky;top:0;z-index:30;
    background:rgba(255,255,255,0.9);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(19,22,28,0.1);
  }
  .bs-topbar-mobile .bs-sidebar-brand{margin:0;padding:0;justify-content:center;}
  .bs-topbar-mobile .bs-sidebar-brand-icon{height:22px;}
  .bs-topbar-mobile .bs-avatar{justify-self:end;}
  .bs-nav-open{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:none;color:var(--ink);cursor:pointer;}
  .bs-nav-open:active{background:rgba(82,93,108,0.08);}
  main{padding:16px 16px 108px;}
  .form-grid{grid-template-columns:1fr;}

  .bs-bottombar{
    position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
    box-shadow:0 -6px 24px rgba(28,34,44,0.08);border-top:1px solid rgba(19,22,28,0.1);
  }
  .bs-bottombar a,.bs-bottombar button{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:4px 2px;
    border:none;background:none;font-family:inherit;font-size:10.5px;letter-spacing:0.2px;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .bs-bb-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:28px;border-radius:99px;transition:background 0.2s;}
  .bs-bb-icon .bs-badge{position:absolute;top:-3px;right:2px;min-width:16px;height:16px;font-size:9px;padding:0 4px;margin:0;}
  .bs-bottombar .active{color:var(--burgundy);font-weight:700;}
  .bs-bottombar .active .bs-bb-icon{background:rgba(82,93,108,0.1);}

  table{display:block;overflow-x:auto;white-space:nowrap;}
}
@media (min-width: 781px){
  .bs-bottombar,.bs-nav-scrim{display:none !important;}
}

/* ══════════════════════════════════════════════════════════════
   Soporte: bandeja y hilo de conversación
   ══════════════════════════════════════════════════════════════ */
.sop-conteos{display:flex;gap:10px;flex-shrink:0;}
.sop-conteo{
  text-align:center;padding:10px 16px;border-radius:10px;
  background:rgba(255,255,255,0.82);border:1px solid rgba(19,22,28,0.1);
  font-size:9px;letter-spacing:1.6px;text-transform:uppercase;opacity:0.7;
}
.sop-conteo b{display:block;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:22px;letter-spacing:0;margin-bottom:3px;opacity:1;}
.sop-conteo.es-alerta{background:rgba(201,161,42,0.12);border-color:rgba(201,161,42,0.4);color:#76663f;opacity:1;}

.sop-filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.sop-filtro{
  padding:7px 14px;border-radius:999px;font-size:12px;
  background:rgba(255,255,255,0.82);border:1px solid rgba(19,22,28,0.16);
  color:rgba(19,22,28,0.78);transition:all 0.2s;
}
.sop-filtro:hover{background:rgba(19,22,28,0.1);color:var(--vanilla);}
.sop-filtro.active{background:var(--gold);color:var(--bordeaux-noir);border-color:var(--gold);font-weight:700;}

.sop-tabla-envoltura{overflow-x:auto;margin-bottom:28px;}
.sop-tabla{width:100%;border-collapse:collapse;font-size:13px;}
.sop-tabla th{
  text-align:left;padding:10px 12px;font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--gold-ink);border-bottom:1px solid rgba(19,22,28,0.1);white-space:nowrap;
}
.sop-tabla td{padding:12px;border-bottom:1px solid rgba(19,22,28,0.1);vertical-align:middle;}
.sop-tabla tr.es-sin-leer td{background:rgba(255,210,74,0.05);}
.sop-tabla tr.es-sin-leer .sop-num{font-weight:700;color:#76663f;}
.sop-tabla tr.es-abierto td{background:rgba(149,131,93,0.1);}
.sop-num{font-family:'Courier New',monospace;font-size:12.5px;}
.sop-fecha{white-space:nowrap;font-size:12px;opacity:0.6;}
.sop-etq{
  display:inline-block;margin-left:6px;padding:2px 7px;border-radius:99px;
  font-size:8.5px;letter-spacing:1px;text-transform:uppercase;
  background:rgba(19,22,28,0.1);opacity:0.75;
}
/* Punto de prioridad: se lee de un vistazo */
.sop-punto{display:block;width:9px;height:9px;border-radius:50%;}
.sop-pri-alta{background:#c2564f;box-shadow:0 0 9px rgba(232,147,140,0.6);}
.sop-pri-normal{background:rgba(19,22,28,0.3);}
.sop-pri-baja{background:rgba(19,22,28,0.16);}
.badge.sop-est-nuevo{background:rgba(255,210,74,0.16);color:#76663f;}
.badge.sop-est-en_proceso{background:rgba(143,197,214,0.16);color:#2c6a85;}
.badge.sop-est-esperando_cliente{background:rgba(149,131,93,0.16);color:var(--gold-ink);}
.badge.sop-est-resuelto, .badge.sop-est-cerrado{background:rgba(143,214,166,0.14);color:#2f7a4a;}

.sop-detalle{
  background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:26px;
}
.sop-detalle-cabeza{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.sop-rotulo{font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-ink);margin-bottom:7px;}
.sop-detalle-cabeza h2{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:21px;margin:0 0 7px;}
.sop-meta{font-size:12.5px;line-height:1.6;margin:0;opacity:0.7;}
.sop-acciones{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;}
.sop-acciones select{font-size:12px;padding:8px 10px;}

.sop-tecnico{
  margin-bottom:20px;border-radius:10px;
  background:rgba(232,147,140,0.06);border:1px solid rgba(232,147,140,0.2);
}
.sop-tecnico summary{
  cursor:pointer;padding:12px 15px;font-size:12px;letter-spacing:1.2px;
  text-transform:uppercase;color:#a63d33;
}
.sop-tecnico pre{
  margin:0;padding:0 15px 12px;font-family:'Courier New',monospace;font-size:11.5px;
  line-height:1.6;white-space:pre-wrap;word-break:break-word;opacity:0.85;
}
.sop-tecnico-linea{margin:0;padding:0 15px 10px;font-size:11.5px;line-height:1.6;opacity:0.7;word-break:break-all;}
.sop-tecnico-linea b{color:var(--gold-ink);}

.sop-hilo{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
.sop-msg{padding:14px 16px;border-radius:12px;max-width:86%;}
.sop-msg-quien{font-size:11px;letter-spacing:0.6px;margin-bottom:7px;color:var(--gold-ink);}
.sop-msg-quien span{opacity:0.5;margin-left:8px;color:var(--vanilla);}
.sop-msg-cuerpo{font-size:13.5px;line-height:1.65;}
.sop-msg-cliente{background:rgba(255,255,255,0.82);border:1px solid rgba(19,22,28,0.1);align-self:flex-start;}
.sop-msg-equipo{background:rgba(149,131,93,0.12);border:1px solid rgba(149,131,93,0.28);align-self:flex-end;}
.sop-msg-sistema{
  background:rgba(255,255,255,0.82);border:1px dashed rgba(19,22,28,0.16);
  align-self:stretch;max-width:100%;font-style:italic;
}

.sop-responder label{
  display:block;font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--gold-ink);margin-bottom:8px;
}
.sop-responder textarea{width:100%;box-sizing:border-box;resize:vertical;margin-bottom:12px;}

@media (max-width:640px){
  .sop-conteos{width:100%;}
  .sop-conteo{flex:1;}
  .sop-msg{max-width:100%;}
  .sop-detalle{padding:18px 15px;}
}

/* Insignia de pendientes en el menú: late suave para que se note sin molestar */
.bs-badge{
  margin-left:auto;flex-shrink:0;
  min-width:19px;height:19px;padding:0 5px;border-radius:99px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--burgundy);color:#fcfdfe;
  font-size:10.5px;font-weight:700;font-style:normal;line-height:1;
  box-shadow:0 0 0 0 rgba(255,210,74,0.5);
  animation:bs-badge-late 2.4s ease-out infinite;
}
.bs-sidebar-link.active .bs-badge{background:#2a0f18;color:#76663f;animation:none;}
@keyframes bs-badge-late{
  0%{box-shadow:0 0 0 0 rgba(255,210,74,0.45);}
  70%{box-shadow:0 0 0 7px rgba(255,210,74,0);}
  100%{box-shadow:0 0 0 0 rgba(255,210,74,0);}
}
@media (prefers-reduced-motion:reduce){.bs-badge{animation:none;}}

/* ══════════════════════════════════════════════════════════════════
   CONEXIONES
   Criterio: el estado de cada integración debe leerse de un vistazo,
   sin abrir nada. Lo que puede cobrar dinero de verdad se distingue
   del ambiente de pruebas por color, no solo por texto.
   ══════════════════════════════════════════════════════════════════ */

.cx-cabeza{margin-bottom:26px;}

/* ── Aviso de resultado ── */
.cx-flash{
  display:flex;gap:14px;align-items:flex-start;
  padding:17px 20px;margin-bottom:26px;border-radius:14px;
  background:var(--glass-bg);
  backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
  animation:cx-entra 0.45s cubic-bezier(.2,.8,.2,1);
}
.cx-flash.ok{border-left:3px solid #3d9e63;}
.cx-flash.error{border-left:3px solid #c2564f;}
.cx-flash-icono{
  flex-shrink:0;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;
}
.cx-flash.ok .cx-flash-icono{background:rgba(111,207,151,0.18);color:#2f7a4a;}
.cx-flash.error .cx-flash-icono{background:rgba(226,140,134,0.18);color:#a63d33;}
.cx-flash-rotulo{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:0.5;margin-bottom:5px;}
.cx-flash p{margin:0;font-size:14px;line-height:1.65;}
@keyframes cx-entra{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}

/* ── Panorama ── */
.cx-panorama{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:38px;}
.cx-estado{
  position:relative;overflow:hidden;
  padding:18px 20px;border-radius:14px;
  background:var(--glass-bg);
  backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
}
/* Filo de color: verde vivo, ámbar si es simulación, apagado si falta */
.cx-estado::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;}
.cx-estado.es-vivo::before{background:linear-gradient(180deg,#3d9e63,rgba(61,158,99,0.3));}
.cx-estado.es-aviso::before{background:linear-gradient(180deg,#c9a12a,rgba(201,161,42,0.3));}
.cx-estado.es-off::before{background:rgba(19,22,28,0.1);}
.cx-estado-rotulo{display:block;font-size:9.5px;letter-spacing:2.2px;text-transform:uppercase;opacity:0.5;margin-bottom:9px;}
.cx-estado strong{display:block;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,Georgia,serif;font-size:19px;line-height:1.25;margin-bottom:7px;}
.cx-estado.es-aviso strong{color:#76663f;}
.cx-estado-nota{display:block;font-size:12px;line-height:1.55;opacity:0.62;}

/* ── Secciones ── */
.cx-seccion{margin-bottom:46px;}
.cx-seccion-cabeza{margin-bottom:18px;}
.cx-seccion-cabeza h2{margin-bottom:5px;}
.cx-seccion-cabeza .empty{margin:0;max-width:62ch;}
.cx-pais{display:flex;align-items:center;gap:14px;margin:24px 0 12px;}
.cx-pais-nombre{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold-ink);white-space:nowrap;}
.cx-pais-linea{flex:1;height:1px;background:linear-gradient(90deg,rgba(149,131,93,0.28),transparent);}

/* ── Tarjeta por integración ── */
.cx-tarjeta{
  margin-bottom:12px;border-radius:14px;overflow:hidden;
  background:var(--glass-bg);
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
  transition:border-color 0.3s ease,box-shadow 0.3s ease;
}
.cx-tarjeta.es-activa{border-color:rgba(111,207,151,0.32);box-shadow:var(--glass-shadow),0 0 26px rgba(111,207,151,0.09);}
.cx-tarjeta[open]{box-shadow:var(--glass-shadow),0 0 30px rgba(149,131,93,0.1);}
.cx-tarjeta summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:16px 20px;user-select:none;
  transition:background 0.22s ease;
}
.cx-tarjeta summary::-webkit-details-marker{display:none;}
.cx-tarjeta summary:hover{background:rgba(255,255,255,0.82);}
.cx-tarjeta-nombre{font-size:15px;flex:1;min-width:0;}

/* Punto de estado, con latido solo cuando está cobrando */
.cx-punto{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.cx-punto.vivo{background:#3d9e63;box-shadow:0 0 0 3px rgba(111,207,151,0.16);animation:cx-latido 2.6s ease-in-out infinite;}
.cx-punto.listo{background:var(--gold);box-shadow:0 0 0 3px rgba(149,131,93,0.14);}
.cx-punto.apagado{background:rgba(19,22,28,0.16);}
@keyframes cx-latido{0%,100%{box-shadow:0 0 0 3px rgba(111,207,151,0.16);}50%{box-shadow:0 0 0 6px rgba(111,207,151,0.05);}}

.cx-pastillas{display:flex;gap:7px;flex-wrap:wrap;}
.cx-pastilla{
  padding:4px 11px;border-radius:99px;font-size:10px;
  letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap;
}
.cx-pastilla.viva{background:rgba(111,207,151,0.16);color:#2f7a4a;border:1px solid rgba(111,207,151,0.3);}
.cx-pastilla.aviso{background:rgba(255,210,74,0.15);color:#76663f;border:1px solid rgba(255,210,74,0.3);}
.cx-pastilla.tenue{background:rgba(255,255,255,0.82);color:rgba(19,22,28,0.68);border:1px solid rgba(19,22,28,0.1);}

.cx-chev{
  flex-shrink:0;width:8px;height:8px;
  border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
  transform:rotate(45deg) translateY(-2px);
  transition:transform 0.34s cubic-bezier(.2,.8,.2,1);
}
.cx-tarjeta[open] .cx-chev{transform:rotate(225deg) translateY(-2px);}

.cx-cuerpo{padding:4px 20px 22px;border-top:1px solid rgba(255,255,255,0.82);}
.cx-explica{font-size:13px;line-height:1.7;opacity:0.72;margin:16px 0 4px;max-width:66ch;}
.cx-explica strong{opacity:1;color:var(--gold-ink);}
.cx-form{margin-top:16px;}
.cx-ayuda{font-size:9.5px;letter-spacing:0.6px;text-transform:none;opacity:0.5;margin-left:6px;}
.cx-grupo{margin-top:6px;}
.cx-grupo-titulo{display:block;font-size:9.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-ink);padding-bottom:9px;border-bottom:1px solid rgba(149,131,93,0.18);}
.cx-acciones{margin-top:6px;}

.cx-activar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 4px;}
.cx-activar-nota{font-size:12px;opacity:0.55;}
.cx-probar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;}
.cx-probar-nota{font-size:11.5px;line-height:1.5;opacity:0.5;max-width:44ch;}
.cx-enlace{font-size:12.5px;color:var(--gold-ink);}
.cx-alerta{
  margin-top:16px;padding:13px 16px;border-radius:11px;font-size:12.5px;line-height:1.6;
  background:rgba(255,210,74,0.08);border:1px solid rgba(255,210,74,0.26);
  border-left:3px solid #c9a12a;color:#76663f;
}
.cx-catalogos{margin-top:22px;}
.cx-catalogos pre{
  margin-top:11px;background:rgba(28,34,44,0.1);border:1px solid rgba(19,22,28,0.1);
  color:rgba(19,22,28,0.86);padding:16px;border-radius:11px;
  overflow:auto;font-size:11.5px;line-height:1.6;max-height:400px;
}

/* ── Botón en espera: aro girando y texto de lo que está pasando ── */
.btn-espera{position:relative;}
.btn.esta-esperando{
  display:inline-flex;align-items:center;gap:9px;
  cursor:wait;opacity:0.82;pointer-events:none;
}
.btn-aro{
  width:13px;height:13px;flex-shrink:0;border-radius:50%;
  border:1.8px solid currentColor;border-top-color:transparent;
  animation:cx-gira 0.62s linear infinite;
}
@keyframes cx-gira{to{transform:rotate(360deg);}}

@media (prefers-reduced-motion:reduce){
  .cx-punto.vivo{animation:none;}
  .cx-flash{animation:none;}
  .btn-aro{animation-duration:1.6s;}
}
@media (max-width:640px){
  .cx-panorama{grid-template-columns:1fr;}
  .cx-tarjeta summary{flex-wrap:wrap;padding:15px 16px;gap:10px;}
  .cx-tarjeta-nombre{flex:1 1 100%;order:-1;}
  .cx-cuerpo{padding:4px 16px 20px;}
  .cx-probar,.cx-activar{flex-direction:column;align-items:stretch;}
  .cx-probar .btn,.cx-activar .btn{width:100%;}
}

/* ── Reembolsos ── */
.rb-buscar{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap;}
.rb-buscar input{flex:1;min-width:260px;}
.rb-orden{
  padding:24px;border-radius:16px;margin-bottom:10px;
  background:var(--glass-bg);
  backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);
  border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);
}
.rb-orden-cabeza{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid rgba(19,22,28,0.1);}
.rb-orden-cabeza strong{display:block;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,Georgia,serif;font-size:21px;margin:7px 0 5px;}
.rb-cliente{font-size:12.5px;opacity:0.62;}
.rb-monto{text-align:right;}
.rb-monto strong{color:var(--gold-ink);}
.rb-entradas{margin:20px 0;}
.rb-entrada{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,0.82);font-size:13px;}
.rb-entrada-nombre{flex:1;min-width:0;}
.rb-entrada-tipo{opacity:0.55;font-size:12px;}
.rb-form{margin-top:22px;display:flex;flex-direction:column;gap:14px;max-width:520px;}
.rb-form .field{margin:0;}
.rb-historial{margin-top:24px;padding-top:20px;border-top:1px solid rgba(19,22,28,0.1);}
.rb-hist-item{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:11px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,0.82);}
.rb-hist-meta{opacity:0.45;font-size:11.5px;margin-left:auto;}
.rb-hist-error{flex:1 1 100%;color:#a63d33;font-size:11.5px;line-height:1.5;}
.rb-lista{display:flex;flex-direction:column;}
.rb-lista-fila{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:13px 16px;font-size:13px;
  border-radius:11px;background:rgba(255,255,255,0.82);margin-bottom:7px;
}
.rb-lista-monto{color:var(--gold-ink);margin-left:auto;}
@media (max-width:640px){
  .rb-orden{padding:18px 16px;}
  .rb-orden-cabeza,.rb-monto{text-align:left;}
  .rb-monto{text-align:left;}
  .rb-lista-monto{margin-left:0;}
}

/* Interruptor dentro de una tarjeta de conexión */
.cx-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;margin-top:2px;}
.cx-check input{width:17px;height:17px;flex-shrink:0;accent-color:#95835d;}

/* Medios de pago como casillas: se ven todas las opciones sin escribirlas */
.cx-medios{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:9px;margin:4px 0 10px;
}
.cx-medio{
  display:flex;align-items:center;gap:9px;cursor:pointer;
  padding:10px 13px;border-radius:10px;font-size:13px;
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(19,22,28,0.1);
  transition:background 0.18s,border-color 0.18s;
}
.cx-medio:hover{background:rgba(149,131,93,0.07);border-color:rgba(149,131,93,0.32);}
.cx-medio input{width:16px;height:16px;flex-shrink:0;accent-color:#95835d;}
.cx-medio:has(input:checked){
  background:rgba(149,131,93,0.12);
  border-color:rgba(149,131,93,0.5);
}
@media (max-width:640px){.cx-medios{grid-template-columns:1fr 1fr;}}
.cx-medios-grupo{
  font-size:9.5px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(19,22,28,0.58);margin:14px 0 7px;
}
.cx-medios-grupo:first-of-type{margin-top:4px;}

/* ── Diagnóstico de medios de pago ────────────────────────────────── */
.cx-diag{
  margin-top:22px;padding:20px;border-radius:14px;
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(19,22,28,0.1);
}
.cx-diag-titulo{font-size:14px;font-weight:700;margin-bottom:7px;}
.cx-diag-nota{
  font-size:12.5px;line-height:1.6;margin:0 0 16px;
  color:rgba(19,22,28,0.68);max-width:66ch;
}
.cx-diag-medios{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}

/* Tabla de resultados: se lee de un vistazo quién pasa y quién no */
.cx-diag-tabla{margin-top:20px;display:flex;flex-direction:column;gap:6px;}
.cx-diag-fila{
  display:grid;grid-template-columns:130px 78px 96px 1fr;
  gap:12px;align-items:center;
  padding:11px 14px;border-radius:9px;font-size:12.5px;
  background:rgba(255,255,255,0.82);
  border-left:3px solid transparent;
}
.cx-diag-fila.es-ok{border-left-color:#3d9e63;}
.cx-diag-fila.es-falla{border-left-color:#c2564f;}
.cx-diag-medio{font-weight:700;}
.cx-diag-http{opacity:0.5;font-variant-numeric:tabular-nums;}
.cx-diag-fila.es-ok .cx-diag-resultado{color:#2f7a4a;}
.cx-diag-fila.es-falla .cx-diag-resultado{color:#a63d33;}
.cx-diag-mensaje{opacity:0.72;line-height:1.45;word-break:break-word;}

/* Reporte copiable */
.cx-diag-reporte{
  margin-top:18px;border-radius:11px;overflow:hidden;
  border:1px solid rgba(19,22,28,0.1);
}
.cx-diag-reporte-barra{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 14px;background:rgba(255,255,255,0.82);
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(19,22,28,0.6);
}
.cx-diag-reporte-barra .btn{padding:6px 14px;font-size:11px;letter-spacing:0.6px;text-transform:none;}
.cx-diag-reporte pre{
  margin:0;padding:16px;max-height:340px;overflow:auto;
  font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  font-size:11.5px;line-height:1.55;
  color:rgba(19,22,28,0.86);
  background:rgba(28,34,44,0.07);
  white-space:pre;
}
@media (max-width:860px){
  .cx-diag-fila{grid-template-columns:1fr 1fr;gap:6px 12px;}
  .cx-diag-mensaje{grid-column:1/-1;}
  .cx-diag-reporte pre{font-size:10.5px;}
}

/* ══════════════════════════════════════════════════════════════════
   Panel interno de una conexión — hoja clara sobre el fondo oscuro.
   Por qué claro: son formularios largos con muchas casillas, y sobre
   el tinte oscuro del panel costaba leerlos. Aquí el contenido se
   comporta como una hoja de trabajo, separada del resto de Backstage.
   ══════════════════════════════════════════════════════════════════ */
.cx-panel{
  margin:18px 0 6px;border-radius:14px;overflow:hidden;
  background:var(--surface);color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 8px 24px rgba(28,34,44,0.07);
}

/* Pestañas */
.cx-tabs{display:flex;gap:2px;background:#e8e4dd;padding:6px 6px 0;border-bottom:1px solid #d8d2c8;}
.cx-tab{
  position:relative;flex:0 0 auto;
  -webkit-appearance:none;appearance:none;border:0;cursor:pointer;
  padding:12px 20px;border-radius:9px 9px 0 0;
  font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:0.3px;
  color:#5f6773;background:transparent;
  transition:background 0.18s ease,color 0.18s ease;
}
.cx-tab:hover{background:rgba(19,22,28,0.3);color:#22262b;}
.cx-tab.on{background:var(--surface);color:var(--burgundy);box-shadow:0 -1px 0 #d8d2c8 inset;}
.cx-tab.on::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#8a7a55;}
.cx-tab-punto{
  display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;
  background:#8a7a55;vertical-align:middle;
}

/* Hojas */
.cx-hoja{display:none;padding:26px 28px 28px;}
.cx-hoja.on{display:block;}

/* Campos sobre fondo claro */
.cx-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;}
.cx-c-ancho{grid-column:1/-1;}
.cx-c label{
  display:block;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;
  color:#5f6773;margin-bottom:7px;
}
.cx-c label em{
  text-transform:none;letter-spacing:0;font-style:normal;
  font-size:11px;color:#7d8590;margin-left:6px;
}
.cx-c input[type="text"],.cx-c input[type="password"],.cx-c select{
  width:100%;box-sizing:border-box;padding:11px 13px;
  font-family:inherit;font-size:13.5px;color:#131314;
  background:#fff;border:1px solid #d3cdc3;border-radius:8px;
  transition:border-color 0.18s ease,box-shadow 0.18s ease;
}
.cx-c input:focus,.cx-c select:focus{
  outline:none;border-color:#8a7a55;box-shadow:0 0 0 3px rgba(168,134,61,0.16);
}
.cx-c input::placeholder{color:#9aa1ab;}

.cx-flag{display:flex;align-items:center;gap:9px;cursor:pointer;text-transform:none;letter-spacing:0;}
.cx-flag input{width:16px;height:16px;flex-shrink:0;accent-color:#525d6c;}
.cx-flag span{font-size:13px;color:#22262b;}

.cx-nota{font-size:12px;line-height:1.55;color:#5f6773;margin:7px 0 0;}
.cx-nota strong{color:#131314;}
.cx-nota em{font-style:italic;}

.cx-pie{margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.cx-hoja .cx-probar{margin-top:18px;padding-top:18px;border-top:1px solid #dde3e9;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.cx-hoja .cx-probar-nota{font-size:11.5px;line-height:1.5;color:#5f6773;max-width:44ch;}

/* Botones dentro de la hoja clara */
.cx-hoja .btn-primary{background:#525d6c;color:#f7f5f1;border:0;}
.cx-hoja .btn-primary:hover{background:#7a1737;}
.cx-hoja .btn-ghost{background:#fff;color:#525d6c;border:1px solid #d3cdc3;}
.cx-hoja .btn-ghost:hover{border-color:#8a7a55;color:#7a1737;}

/* Dos columnas de medios */
.cx-dos{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.cx-bloque{background:#fff;border:1px solid #dde3e9;border-radius:11px;padding:18px 19px;}
.cx-bloque-titulo{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,Georgia,serif;font-size:15px;color:#131314;margin-bottom:5px;}
.cx-grupo{
  font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;
  color:#7d8590;margin:16px 0 8px;
}
.cx-chips{display:flex;flex-wrap:wrap;gap:7px;}
.cx-chip{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  padding:7px 12px;border-radius:99px;
  font-size:12px;color:#4a443c;
  background:#f4f1ec;border:1px solid #e0dad0;
  transition:background 0.16s ease,border-color 0.16s ease,color 0.16s ease;
}
.cx-chip:hover{background:#e7ecf0;border-color:#c6ced6;}
.cx-chip input{width:14px;height:14px;flex-shrink:0;accent-color:#525d6c;margin:0;}
.cx-chip:has(input:checked){background:#eceff2;border-color:#b5a175;color:#5e5233;font-weight:600;}

.cx-hoja .cx-alerta{
  margin-top:16px;padding:12px 14px;border-radius:9px;
  background:#fdf3e0;border:1px solid #e8d4a8;border-left:3px solid #8a7a55;
  font-size:12.5px;line-height:1.6;color:#5e5233;
}

/* Tabla del diagnóstico */
.cx-tabla{margin-top:22px;border:1px solid #dde3e9;border-radius:10px;overflow:hidden;background:#fff;}
.cx-fila{
  display:grid;grid-template-columns:130px 82px 104px 1fr;gap:12px;align-items:center;
  padding:11px 15px;font-size:12.5px;border-bottom:1px solid #eee9e1;
}
.cx-fila:last-child{border-bottom:none;}
.cx-fila.es-ok{background:#f2f8f3;}
.cx-fila.es-falla{background:#fdf4f3;}
.cx-fila-medio{font-weight:600;color:#131314;}
.cx-fila-http{font-family:'Courier New',monospace;font-size:11.5px;color:#5f6773;}
.cx-fila-res{font-weight:600;font-size:11.5px;}
.cx-fila.es-ok .cx-fila-res{color:#2f7a4a;}
.cx-fila.es-falla .cx-fila-res{color:#a63d33;}
.cx-fila-msg{font-size:11.5px;line-height:1.45;color:#5f6773;}

/* Reporte copiable / exportable */
.cx-reporte{margin-top:20px;border:1px solid #dde3e9;border-radius:10px;overflow:hidden;}
.cx-reporte-barra{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 15px;background:#efebe4;border-bottom:1px solid #dde3e9;
  font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:#5f6773;
}
.cx-reporte-acciones{display:flex;gap:8px;}
.cx-reporte-barra .btn-ghost{padding:7px 14px;font-size:11.5px;}
.cx-reporte pre{
  margin:0;padding:16px;background:#fff;
  font-family:'Courier New',Courier,monospace;font-size:11.5px;line-height:1.6;
  color:#3a352e;white-space:pre-wrap;word-break:break-word;
  max-height:340px;overflow-y:auto;
}

@media (max-width:900px){
  .cx-rejilla,.cx-dos{grid-template-columns:1fr;}
  .cx-hoja{padding:20px 17px 22px;}
  .cx-tabs{overflow-x:auto;}
  .cx-tab{padding:11px 15px;font-size:12px;}
  .cx-fila{grid-template-columns:1fr 1fr;gap:6px 12px;}
  .cx-fila-msg{grid-column:1/-1;}
}

/* Al imprimir el reporte solo sale el reporte */
/* ══════════════════════════════════════════════════════════════
   Diagnóstico profundo
   ══════════════════════════════════════════════════════════════ */
.dg-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:22px 0 26px;}
.dg-tarjeta{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px;box-shadow:var(--glass-shadow);
  border-left-width:3px;
}
.dg-tarjeta.es-bien{border-left-color:#3d9e63;}
.dg-tarjeta.es-aviso{border-left-color:#c9a12a;}
.dg-tarjeta.es-mal{border-left-color:#c2564f;}
.dg-n{display:block;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:34px;line-height:1;color:var(--ink);}
.dg-t{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-ink);margin:7px 0 6px;}
.dg-d{display:block;font-size:11.5px;line-height:1.45;color:var(--ink-2);}

.dg-grupo{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--glass-shadow);margin-bottom:16px;overflow:hidden;
}
.dg-grupo-cab{
  display:flex;align-items:center;gap:10px;
  padding:14px 20px;border-bottom:1px solid var(--line);
  background:rgba(28,34,44,0.02);
}
.dg-grupo-cab h2{margin:0;font-size:15px;font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;}
.dg-punto{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.dg-punto.es-bien{background:#3d9e63;box-shadow:0 0 0 3px rgba(61,158,99,0.16);}
.dg-punto.es-aviso{background:#c9a12a;box-shadow:0 0 0 3px rgba(201,161,42,0.16);}
.dg-punto.es-mal{background:#c2564f;box-shadow:0 0 0 3px rgba(194,86,79,0.16);}

.dg-fila{display:flex;gap:12px;padding:13px 20px;border-bottom:1px solid rgba(19,22,28,0.06);}
.dg-fila:last-child{border-bottom:none;}
.dg-fila.es-mal{background:rgba(194,86,79,0.045);}
.dg-fila.es-aviso{background:rgba(201,161,42,0.05);}
.dg-marca{
  width:20px;height:20px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;margin-top:1px;
}
.dg-fila.es-bien .dg-marca{background:rgba(61,158,99,0.14);color:#2f7a4a;}
.dg-fila.es-aviso .dg-marca{background:rgba(201,161,42,0.18);color:#76663f;}
.dg-fila.es-mal .dg-marca{background:rgba(194,86,79,0.16);color:#a63d33;}
.dg-cuerpo{min-width:0;flex:1;}
.dg-nombre{font-size:13px;font-weight:600;margin-bottom:2px;}
.dg-detalle{font-size:12.5px;line-height:1.5;color:var(--ink-2);word-break:break-word;}
.dg-accion{
  font-size:12px;line-height:1.5;margin-top:7px;padding:8px 11px;
  border-radius:8px;border-left:2px solid var(--gold);
  background:rgba(149,131,93,0.08);color:var(--ink);
}
@media (max-width:640px){
  .dg-fila{padding:12px 14px;}
  .dg-grupo-cab{padding:12px 14px;}
  .dg-tarjeta{padding:15px 16px;}
}

/* La hoja de impresión: en pantalla no existe, solo se materializa al
   exportar. Es hija directa de <body>, así que arranca en el borde de la
   hoja y no hereda el desplazamiento de <main>. */
.cx-hoja-impresion{display:none;}

@media print{
  /* Todo lo de pantalla se retira del flujo, no solo se oculta: con
     visibility los ancestros seguían reservando su espacio. */
  body.cx-imprimiendo > *{display:none !important;}
  body.cx-imprimiendo::before{display:none !important;}
  body.cx-imprimiendo{background:#fff !important;}

  body.cx-imprimiendo > .cx-hoja-impresion{
    display:block !important;
    margin:0;padding:0;color:#000;
  }

  .cx-hoja-cab{
    margin:0 0 14pt;padding:0 0 10pt;
    border-bottom:0.5pt solid #999;
  }
  .cx-hoja-cab h1{
    font-family:Georgia,'Times New Roman',serif;font-weight:normal;
    font-size:16pt;line-height:1.2;margin:0 0 4pt;color:#525d6c;
  }
  .cx-hoja-sitio{font-family:Georgia,serif;font-size:9.5pt;margin:0 0 2pt;color:#333;}
  .cx-hoja-fecha{font-family:Georgia,serif;font-size:8.5pt;margin:0;color:#666;}

  /* El reporte es texto de ancho fijo: a 8pt entra sin partir las líneas
     de la tabla, que es justo lo que lo hace legible como evidencia. */
  .cx-hoja-cuerpo{
    font-family:'Courier New',Courier,monospace;
    font-size:8pt;line-height:1.35;
    margin:0;white-space:pre-wrap;word-break:break-word;
    max-height:none;overflow:visible;
    background:none;border:0;padding:0;color:#000;
  }

  @page{margin:14mm 12mm;}
}

/* Estado del correo de cada entrada */
.mail-ok{font-size:12px;color:#2f7a4a;white-space:nowrap;}
.mail-mal{font-size:12px;color:#a63d33;font-weight:600;white-space:nowrap;cursor:help;}

/* ── WhatsApp de ayuda ──
   Vive en el panel claro de Backstage: se anulan las reglas generales de
   .form-grid (etiquetas en mayúscula y campos a todo el ancho). */
.wa-estado{padding:8px 14px;border-radius:99px;font-size:12px;letter-spacing:0.4px;white-space:nowrap;font-weight:600;}
.wa-estado.es-on{color:#15803d;background:rgba(37,211,102,0.14);border:1px solid rgba(21,128,61,0.35);}
.wa-estado.es-off{color:#6b6257;background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.14);}

.form-grid .wa-interruptor{
  display:flex;flex-direction:row;gap:12px;align-items:flex-start;cursor:pointer;
  padding:14px 16px;border-radius:12px;margin:0;
  text-transform:none;letter-spacing:0;font-size:13px;
  background:rgba(149,131,93,0.07);border:1px solid rgba(149,131,93,0.3);
}
.form-grid .wa-interruptor input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:#8a7a55;}
.form-grid .wa-interruptor span{font-size:12.5px;line-height:1.55;color:#6b6257;}
.form-grid .wa-interruptor b{display:block;font-size:14px;color:#22262b;margin-bottom:2px;}

.wa-opciones{display:flex;gap:8px;flex-wrap:wrap;}
.form-grid .wa-chip{
  display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;margin:0;cursor:pointer;
  align-self:flex-start;justify-self:start;max-width:max-content;
  padding:9px 15px;border-radius:99px;
  text-transform:none;letter-spacing:0;font-size:13px;color:#22262b;
  background:#fff;border:1px solid rgba(0,0,0,0.14);
  transition:background .2s,border-color .2s;
}
.form-grid .wa-chip input{width:auto;height:auto;margin:0;accent-color:#8a7a55;}
.form-grid .wa-chip span{white-space:nowrap;}
.form-grid .wa-chip:has(input:checked){background:rgba(149,131,93,0.12);border-color:rgba(176,128,47,0.6);}

.wa-previa{padding:30px;border-radius:14px;display:flex;justify-content:center;
  background:radial-gradient(ellipse at 50% 30%,rgba(149,131,93,0.16),transparent 70%),#0b0b0c;}

/* ── Analítica y píxeles ── */
.trk-badge-prueba{padding:8px 14px;border-radius:99px;font-size:12px;font-weight:600;color:#9a6a12;background:rgba(255,196,0,0.14);border:1px solid rgba(176,128,47,0.45);white-space:nowrap;}
.trk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;margin-bottom:20px;}
.trk-card{background:#f7f5f1;color:#22262b;border-radius:16px;padding:22px 22px 18px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 10px 30px rgba(0,0,0,0.25);display:flex;flex-direction:column;gap:14px;}
.trk-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.trk-card-head h2{margin:0;font-size:17px;color:#22262b;}
.trk-estado{padding:5px 11px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:0.3px;white-space:nowrap;}
.trk-estado.es-on{color:#15803d;background:rgba(37,211,102,0.14);border:1px solid rgba(21,128,61,0.3);}
.trk-estado.es-pausa{color:#9a6a12;background:rgba(255,196,0,0.12);border:1px solid rgba(176,128,47,0.35);}
.trk-estado.es-off{color:#8a8178;background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);}
.trk-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;width:max-content;}
.trk-switch input{width:18px;height:18px;accent-color:#8a7a55;margin:0;}
.trk-campo{display:flex;flex-direction:column;gap:6px;margin:0;}
.trk-campo > span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#6b7380;}
.trk-campo small{text-transform:none;letter-spacing:0;}
.trk-campo input,.trk-campo textarea{box-sizing:border-box;width:100%;padding:11px 13px;border-radius:9px;border:1px solid rgba(0,0,0,0.16);background:#fff;color:#22262b;font:inherit;font-size:14px;}
.trk-campo input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.3px;}
.trk-campo input:focus,.trk-campo textarea:focus{outline:none;border-color:#8a7a55;box-shadow:0 0 0 3px rgba(149,131,93,0.18);}
.trk-ok{font-style:normal;color:#15803d;text-transform:none;letter-spacing:0;}
.trk-sub{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:rgba(149,131,93,0.06);border:1px solid rgba(149,131,93,0.22);}
.trk-sub-titulo{font-size:12px;font-weight:700;color:#8a5f1c;}
.trk-acciones-sub{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.trk-mini{font-size:12.5px;display:inline-flex;gap:6px;align-items:center;color:#6b7380;}
.trk-ayuda{margin:0;font-size:12px;line-height:1.55;color:#6b7380;}
.trk-guardar{display:flex;justify-content:flex-end;margin-bottom:28px;}
.trk-tabla-card{margin-bottom:30px;}
.trk-tabla-scroll{overflow-x:auto;}
.trk-tabla{width:100%;border-collapse:collapse;font-size:13px;min-width:560px;}
.trk-tabla th{text-align:left;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#6b7380;padding:9px 10px;border-bottom:1px solid rgba(0,0,0,0.1);}
.trk-tabla td{padding:10px;border-bottom:1px solid rgba(0,0,0,0.06);}
.trk-tabla code{font-size:12px;background:rgba(0,0,0,0.05);padding:2px 7px;border-radius:5px;}

/* ══ Órdenes ══ */
.or-aviso{margin:0 0 18px;padding:11px 14px;border-radius:10px;font-size:12.5px;
  background:#fff7e0;border:1px solid #f0d98a;color:#6b5412;}
.or-filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.or-filtros input,.or-filtros select{flex:1 1 150px;min-width:0;margin:0;}
.or-filtros input[type=search]{flex:2 1 220px;}
.or-filtros .btn{flex:0 0 auto;margin:0;}
.or-estados{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.or-estados a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;
  font-size:12.5px;text-decoration:none;color:#3b3f46;background:#fff;border:1px solid #e3e0da;}
.or-estados a b{font-weight:700;}
.or-estados a em{font-style:normal;opacity:.65;font-size:11.5px;}
.or-estados a.on{background:#1c1e22;color:#fff;border-color:#1c1e22;}
.or-tabla-wrap{overflow-x:auto;}
.or-tabla{width:100%;border-collapse:collapse;min-width:720px;}
.or-tabla tr:not(:first-child){cursor:pointer;}
.or-tabla tr:not(:first-child):hover td{background:#faf8f4;}
.or-mini{font-size:11.5px;opacity:.6;margin-top:2px;}
.or-estado{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:600;
  background:#eef0f3;color:#48505c;white-space:nowrap;}
.or-estado.es-paid{background:#e3f5ea;color:#1f7a45;}
.or-estado.es-pending{background:#fff4d6;color:#8a6410;}
.or-estado.es-failed{background:#fde8e6;color:#a8322a;}
.or-estado.es-cancelled{background:#eef0f3;color:#5a626e;}
.or-estado.es-refunded{background:#ece8fb;color:#5b45b0;}
.or-volver{display:inline-block;margin-bottom:12px;font-size:13px;}
.or-detalle{display:flex;flex-direction:column;gap:16px;}
.or-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.or-num{font-size:24px;font-weight:700;letter-spacing:.3px;}
.or-sub{font-size:13px;opacity:.65;margin-top:3px;}
.or-cabeza .or-estado{font-size:13px;padding:6px 14px;}
.or-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;}
.or-bloque{background:#fff;border:1px solid #e8e5df;border-radius:14px;padding:18px 20px;}
.or-bloque h3{margin:0 0 12px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.55;font-weight:700;}
.or-bloque dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:13.5px;}
.or-bloque dt{opacity:.55;}
.or-bloque dd{margin:0;word-break:break-word;}
.or-bloque table{width:100%;}
.or-motivo{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:13px;background:#fde8e6;color:#8f2a23;}
.or-motivo span{opacity:.7;}
.or-motivo.es-neutro{background:#f3f2ef;color:#5a626e;}
.or-recibo{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;}
.or-historial{margin:0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:6px;}
.or-historial span{opacity:.55;margin-right:10px;}
@media (max-width:640px){
  .or-cabeza{flex-direction:column;}
  .or-num{font-size:20px;}
}

/* ══ Tipos de entrada: etapas de precio ══ */
.te-ayuda{display:block;margin-top:6px;font-size:12px;opacity:.6;line-height:1.45;}
.te-mini{font-size:11.5px;opacity:.6;margin-top:2px;}
.te-etapas{margin:28px 0;padding:22px;background:#fff;border:1px solid #e8e5df;border-radius:14px;}
.te-etapas-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;flex-wrap:wrap;}
.te-etapas-cabeza h2{margin:0 0 4px;}
.te-vigente{display:flex;flex-direction:column;align-items:flex-end;padding:10px 16px;border-radius:12px;background:#f6f3ec;}
.te-vigente span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;opacity:.55;}
.te-vigente b{font-size:22px;}
.te-vigente em{font-style:normal;font-size:12px;opacity:.7;}
.te-etapas table{width:100%;margin-bottom:16px;}
.te-fase-on td{background:#faf6ea;}
.te-estado{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:600;}
.te-estado-vig{background:#e3f5ea;color:#1f7a45;}
.te-estado-prox{background:#fff4d6;color:#8a6410;}
.te-estado-fin{background:#eef0f3;color:#5a626e;}
.te-acciones{display:flex;gap:12px;align-items:center;}
.te-acciones form{margin:0;}
.te-link-borrar{background:none;border:0;padding:0;color:#a8322a;cursor:pointer;font:inherit;font-size:13px;}
.te-form{margin-top:6px;padding-top:16px;border-top:1px solid #efece6;}
.te-form-botones{display:flex;gap:14px;align-items:center;}
@media (max-width:640px){.te-vigente{align-items:flex-start;}}


/* ══════════════════════════════════════════════════════════════
   Equipo y accesos
   ══════════════════════════════════════════════════════════════ */
.btn.is-loading{position:relative;color:transparent !important;pointer-events:none;}
.btn.is-loading::after{
  content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;
  border:2px solid rgba(19,22,28,0.18);border-top-color:var(--burgundy);animation:eq-gira 0.7s linear infinite;
}
.btn-primary.is-loading::after{border-color:rgba(28,10,16,0.2);border-top-color:var(--bordeaux-noir);}
@keyframes eq-gira{to{transform:rotate(360deg);}}

.eq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px;}
.eq-head h1{margin:0 0 6px;}
.eq-sub{margin:0;max-width:560px;font-size:13.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty;}
.eq-nuevo{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;}

.eq-cred{
  margin-bottom:22px;padding:18px 20px;border-radius:14px;
  background:linear-gradient(150deg,rgba(47,122,74,0.1),rgba(255,255,255,0.86));border:1px solid rgba(47,122,74,0.3);box-shadow:var(--glass-shadow);
}
.eq-cred-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;}
.eq-cred-top b{display:block;font-size:14px;color:#245e39;margin-bottom:3px;}
.eq-cred-top span{font-size:12.5px;color:var(--ink-2);}
.eq-cred pre{
  margin:0;padding:14px 16px;border-radius:10px;background:#fcfdfe;border:1px dashed rgba(47,122,74,0.35);
  font-family:'Roboto Mono',Menlo,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--ink);
}

.eq-resumen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;}
.eq-filtro{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;cursor:pointer;font-family:inherit;
  border:1px solid rgba(19,22,28,0.12);background:rgba(255,255,255,0.8);font-size:12.5px;color:var(--ink-2);transition:all 0.2s;
}
.eq-filtro b{font-family:"Didot","Bodoni 72","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:16px;font-weight:400;color:var(--ink);}
.eq-filtro:hover{border-color:rgba(82,93,108,0.3);color:var(--burgundy);}
.eq-filtro.is-on{background:var(--burgundy);border-color:var(--burgundy);color:#fcfdfe;box-shadow:0 4px 14px rgba(82,93,108,0.22);}
.eq-filtro.is-on b{color:#fcfdfe;}
.eq-buscar{
  margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:240px;border-radius:99px;
  border:1px solid rgba(19,22,28,0.14);background:rgba(255,255,255,0.86);color:var(--ink-2);
}
.eq-buscar input{border:none;background:none;padding:9px 0;box-shadow:none !important;font-size:13px;}

.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin-bottom:28px;}
.eq-card{
  display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;
  background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform 0.25s,box-shadow 0.25s;
}
.eq-card[hidden]{display:none;}
.eq-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(28,34,44,0.12);}
.eq-card.is-off{opacity:0.62;}
.eq-card.is-off .bs-avatar{background:#9b938a;box-shadow:none;}
.eq-card-top{display:flex;align-items:center;gap:12px;}
.eq-card-top .bs-avatar{width:42px;height:42px;font-size:14px;}
.bs-avatar.eq-av-door_staff{background:linear-gradient(150deg,#2f7a4a,#245e39);box-shadow:0 3px 10px rgba(47,122,74,0.25);}
.bs-avatar.eq-av-event_manager{background:linear-gradient(150deg,#95835d,#9c6f27);box-shadow:0 3px 10px rgba(149,131,93,0.3);}
.bs-avatar.eq-av-agente_wa{background:linear-gradient(150deg,#25a366,#1b7d4e);}
.eq-id{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;}
.eq-id b{font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eq-id span{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eq-tu{font-style:normal;font-size:10px;letter-spacing:0.6px;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(82,93,108,0.1);color:var(--burgundy);vertical-align:2px;}
.eq-estado{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:0.4px;}
.eq-estado::before{content:'';width:8px;height:8px;border-radius:50%;}
.eq-estado.on{color:#2f7a4a;}
.eq-estado.on::before{background:#3a9a5c;box-shadow:0 0 0 3px rgba(58,154,92,0.18);}
.eq-estado.off{color:var(--ink-2);}
.eq-estado.off::before{background:#b4aca2;}
.eq-meta{display:flex;flex-wrap:wrap;gap:6px;}
.eq-rol,.eq-acceso{font-size:11.5px;padding:4px 10px;border-radius:99px;}
.eq-rol{font-weight:700;background:rgba(82,93,108,0.1);color:var(--burgundy);}
.eq-rol-event_manager{background:rgba(149,131,93,0.16);color:var(--gold-ink);}
.eq-rol-door_staff{background:rgba(47,122,74,0.13);color:#2f7a4a;}
.eq-rol-agente_wa{background:rgba(37,163,102,0.13);color:#1b7d4e;}
.eq-acceso{background:rgba(19,22,28,0.06);color:var(--ink-2);}
.eq-pie{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(19,22,28,0.08);}
.eq-visto{font-size:12px;color:var(--ink-2);}
.eq-acciones{display:flex;gap:6px;}
.eq-accion{
  min-height:34px;padding:0 13px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;
  border:1px solid rgba(19,22,28,0.14);background:#fcfdfe;color:var(--burgundy);transition:all 0.2s;
}
.eq-accion:hover{background:var(--burgundy);border-color:var(--burgundy);color:#fcfdfe;}
.eq-vacio{grid-column:1/-1;text-align:center;color:var(--ink-2);font-size:13px;padding:30px 0;}

.eq-historial{list-style:none;margin:0 0 30px;padding:6px 18px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.eq-historial li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(19,22,28,0.07);font-size:13px;color:var(--ink);}
.eq-historial li:last-child{border-bottom:none;}
.eq-historial time{flex-shrink:0;width:72px;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;}
.eq-historial small{color:var(--ink-2);}

.eq-form{display:flex;flex-direction:column;gap:4px;}
.eq-roles{display:flex;flex-direction:column;gap:8px;}
.eq-rol-op{position:relative;cursor:pointer;}
.field label.eq-rol-op{text-transform:none;letter-spacing:0;font-size:inherit;color:inherit;}
.eq-rol-op input{position:absolute;opacity:0;width:1px;height:1px;}
.eq-rol-card{
  display:flex;flex-direction:column;gap:3px;padding:12px 14px 12px 40px;border-radius:12px;position:relative;
  border:1px solid rgba(19,22,28,0.14);background:#fcfdfe;transition:all 0.2s;
}
.eq-rol-card::before{
  content:'';position:absolute;left:14px;top:15px;width:16px;height:16px;border-radius:50%;
  border:1.5px solid rgba(19,22,28,0.3);background:#fff;transition:all 0.2s;
}
.eq-rol-card b{font-size:13.5px;color:var(--ink);}
.eq-rol-card small{font-size:12px;line-height:1.45;color:var(--ink-2);text-transform:none;letter-spacing:0;}
.eq-rol-card em{font-style:normal;font-size:11px;font-weight:700;color:var(--gold-ink);}
.eq-rol-op:hover .eq-rol-card{border-color:rgba(82,93,108,0.3);}
.eq-rol-op input:checked + .eq-rol-card{border-color:var(--burgundy);background:rgba(82,93,108,0.04);box-shadow:0 0 0 3px rgba(82,93,108,0.08);}
.eq-rol-op input:checked + .eq-rol-card::before{border-color:var(--burgundy);background:var(--burgundy);box-shadow:inset 0 0 0 3px #fff;}
.eq-rol-op input:focus-visible + .eq-rol-card{outline:2px solid var(--gold);outline-offset:2px;}
.eq-rol-op input:disabled + .eq-rol-card{opacity:0.45;cursor:not-allowed;}
.eq-clave{display:flex;gap:8px;}
.eq-clave input{font-family:'Roboto Mono',Menlo,Consolas,monospace;letter-spacing:0.5px;}
.eq-clave .btn{flex-shrink:0;}
.eq-nota{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--ink-2);text-transform:none;letter-spacing:0;}
.eq-nota-aviso{color:#8a5a12;}
.eq-guardar{margin-top:12px;padding:13px 18px;font-size:12.5px;}
.eq-peligro{margin-top:28px;padding-top:20px;border-top:1px solid rgba(19,22,28,0.1);display:flex;flex-direction:column;gap:12px;}
.eq-peligro h3{margin:0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-2);}
.eq-peligro .eq-nota{margin:0 0 10px;}
.eq-btn-reactivar{color:#2f7a4a !important;border-color:rgba(47,122,74,0.35) !important;}
.eq-eliminar{align-self:flex-start;background:none;border:none;padding:4px 0;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--danger);text-decoration:underline;text-underline-offset:3px;}

@media (max-width:780px){
  .eq-head{flex-direction:column;}
  .eq-nuevo{width:100%;justify-content:center;min-height:46px;}
  .eq-filtro{flex-shrink:0;min-height:40px;}
  .eq-buscar{order:-1;flex:0 0 100%;}
  .eq-accion{min-height:40px;}
  .eq-historial time{width:60px;}
}


/* ══════════════════════════════════════════════════════════════
   Chats de WhatsApp
   ══════════════════════════════════════════════════════════════ */
main:has(.ch-app){max-width:none;padding:16px 18px 16px;}
.ch-app{
  --ch-in:#ffffff; --ch-out:#f6ece6; --ch-line:rgba(19,22,28,0.1);
  display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:14px;
  height:calc(100dvh - 32px);min-height:520px;
}
@media (min-width:1280px){ .ch-app{grid-template-columns:minmax(300px,350px) minmax(0,1fr) 300px;} }
.ch-lista,.ch-hilo,.ch-info{
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--glass-shadow);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
}
.ch-lista-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 10px;}
.ch-lista-cab h1{margin:0;font-size:26px;}
.ch-sub{margin:2px 0 0;font-size:12px;color:var(--ink-2);}
.ch-avisos{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;border:1px solid var(--ch-line);
  background:#fff;color:var(--burgundy);font:600 12px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;}
.ch-avisos.on{background:rgba(47,122,74,0.1);border-color:rgba(47,122,74,0.25);color:var(--success);}
.ch-aviso-config{margin:0 14px 8px;padding:10px 12px;border-radius:10px;background:rgba(149,131,93,0.14);color:var(--gold-ink);font-size:12.5px;line-height:1.5;}
.ch-aviso-config a{color:var(--burgundy);font-weight:700;margin-left:4px;}
.ch-filtros{display:flex;gap:6px;padding:4px 14px 10px;overflow-x:auto;scrollbar-width:none;}
.ch-filtros::-webkit-scrollbar{display:none;}
.ch-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;border:1px solid var(--ch-line);
  background:#fff;color:var(--ink);font:500 12.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.ch-chip b{font-size:10.5px;min-width:18px;padding:3px 5px;border-radius:99px;background:var(--burgundy);color:#fff;text-align:center;}
.ch-chip b:empty{display:none;}
.ch-chip.on{background:var(--burgundy);border-color:var(--burgundy);color:#fff;}
.ch-chip.on b{background:#fff;color:var(--burgundy);}
.ch-chip-rechazado:not(.on){border-color:rgba(166,61,51,0.35);color:var(--danger);}
.ch-busca{position:relative;margin:0 14px;}
.ch-busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-2);}
.ch-busca input{padding-left:36px;border-radius:12px;background:#fff;}
.ch-opciones{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 8px;font-size:12.5px;color:var(--ink-2);}
.ch-opciones select{width:auto;padding:6px 10px;font-size:12.5px;border-radius:8px;}
.ch-switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;}
.ch-switch input{width:16px;height:16px;accent-color:var(--burgundy);}

.ch-items{list-style:none;margin:0;padding:4px 8px 12px;overflow-y:auto;flex:1;min-height:0;}
.ch-items-vacio{padding:30px 16px;text-align:center;color:var(--ink-2);font-size:13px;}
.ch-esq{height:70px;margin:4px 2px;border-radius:12px;background:linear-gradient(90deg,rgba(19,22,28,0.05),rgba(19,22,28,0.09),rgba(19,22,28,0.05));
  background-size:200% 100%;animation:ch-brillo 1.3s ease-in-out infinite;}
@keyframes ch-brillo{to{background-position:-200% 0;}}
.ch-item{width:100%;display:flex;gap:11px;align-items:flex-start;text-align:left;padding:11px 10px;border:none;border-radius:13px;
  background:none;font-family:inherit;color:inherit;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;}
.ch-item:hover{background:rgba(19,22,28,0.04);}
.ch-item.on{background:rgba(82,93,108,0.08);}
.ch-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.ch-item-l1,.ch-item-l2{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.ch-item-l1 strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-item-l1 time{flex:0 0 auto;font-size:11px;color:var(--ink-2);}
.ch-item.nuevo .ch-item-l1 time{color:var(--burgundy);font-weight:700;}
.ch-previa{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-item.nuevo .ch-previa{color:var(--ink);font-weight:500;}
.ch-n{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--burgundy);color:#fff;font-size:11px;line-height:20px;text-align:center;}
.ch-item-l3{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px;}
.ch-tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:600;letter-spacing:0.2px;background:rgba(19,22,28,0.07);color:var(--ink-2);}
.ch-tag-vip{background:rgba(149,131,93,0.18);color:var(--gold-ink);}
.ch-tag-general{background:rgba(44,106,133,0.12);color:#2c6a85;}
.ch-tag-closer{background:rgba(82,93,108,0.09);color:var(--burgundy);}
.ch-tag-rechazado{background:rgba(166,61,51,0.13);color:var(--danger);}
.ch-tag-salir{background:rgba(19,22,28,0.08);color:var(--ink-2);}
.ch-atiende{font-size:10.5px;color:var(--ink-2);padding:2px 0;}
.ch-atiende::before{content:'● ';color:rgba(19,22,28,0.25);}
.ch-atiende.yo::before{color:var(--success);}

.ch-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#ece6dc;color:var(--ink);font:600 14px/1 inherit;font-family:inherit;letter-spacing:0.5px;}
.ch-avatar.grande{width:64px;height:64px;font-size:20px;}
.ch-av-vip{background:linear-gradient(140deg,#f1dfb8,#d9b56f);color:#4a3510;}
.ch-av-general{background:#dbe8ee;color:#244f63;}
.ch-av-closer{background:#efdde2;color:var(--burgundy);}
.ch-av-rechazado{background:#f3d9d5;color:#8a2f27;}

/* Hilo */
.ch-hilo{position:relative;}
.ch-vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-2);text-align:center;padding:24px;}
.ch-vacio svg{opacity:0.45;}
.ch-hilo-in{display:flex;flex-direction:column;flex:1;min-height:0;}
.ch-hilo-in[hidden]{display:none;}
.ch-hilo-cab{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--ch-line);background:rgba(255,255,255,0.7);}
.ch-atras{display:none;border:none;background:none;padding:6px;margin-left:-6px;color:var(--burgundy);cursor:pointer;}
.ch-h-quien{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.ch-h-quien strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-h-quien span{font-size:12px;color:var(--ink-2);}
.ch-h-acciones{flex:0 0 auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end;}
.ch-h-acciones select{width:auto;max-width:170px;padding:7px 9px;font-size:12px;border-radius:9px;}
.ch-ic-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 11px;border-radius:9px;border:1px solid var(--ch-line);
  background:#fff;color:var(--burgundy);font:600 12px/1 inherit;font-family:inherit;cursor:pointer;}
.ch-ic-btn:hover{background:#faf6f0;}
.ch-info-btn{padding:6px 8px;}
@media (min-width:1280px){ .ch-info-btn{display:none;} }

.ch-msgs{flex:1;min-height:0;overflow-y:auto;padding:18px clamp(12px,3vw,34px) 10px;display:flex;flex-direction:column;gap:5px;
  background:linear-gradient(180deg,rgba(241,237,230,0.55),rgba(241,237,230,0.85));overscroll-behavior:contain;}
.ch-dia{align-self:center;margin:12px 0 6px;}
.ch-dia span{display:inline-block;padding:4px 11px;border-radius:99px;background:rgba(255,255,255,0.9);font-size:11px;color:var(--ink-2);box-shadow:0 1px 3px rgba(28,34,44,0.06);}
.ch-dia span::first-letter{text-transform:uppercase;}
.ch-m{position:relative;max-width:min(560px,78%);padding:8px 11px 6px;border-radius:14px;font-size:14px;line-height:1.5;
  box-shadow:0 1px 2px rgba(28,34,44,0.08);word-wrap:break-word;overflow-wrap:anywhere;animation:ch-entra .22s ease-out;}
@keyframes ch-entra{from{opacity:0;transform:translateY(6px);}}
.ch-in{align-self:flex-start;background:var(--ch-in);border-bottom-left-radius:5px;}
.ch-out{align-self:flex-end;background:var(--ch-out);border-bottom-right-radius:5px;}
.ch-tpl{background:#fbf3e3;border:1px solid rgba(149,131,93,0.25);}
.ch-falla{background:#fbeceb;border:1px solid rgba(166,61,51,0.25);}
.ch-txt a{color:var(--burgundy);text-decoration:underline;}
.ch-rot{display:block;font-size:10.5px;font-weight:700;letter-spacing:0.3px;color:var(--gold-ink);margin-bottom:3px;}
.ch-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;font-size:10.5px;color:var(--ink-2);}
.ch-tick{display:inline-flex;color:rgba(19,22,28,0.45);}
.ch-tick-leido{color:#2b8fd6;}
.ch-tick-fallido{color:var(--danger);}
.ch-err{margin-top:5px;padding-top:5px;border-top:1px solid rgba(166,61,51,0.2);font-size:11.5px;line-height:1.45;color:var(--danger);}
.ch-img{display:block;max-width:100%;max-height:320px;border-radius:9px;margin-bottom:4px;}
.ch-m audio,.ch-m video{display:block;max-width:100%;margin-bottom:4px;}
.ch-doc{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:rgba(19,22,28,0.05);color:var(--burgundy);font-weight:600;font-size:13px;}
.ch-doc::before{content:'';width:14px;height:17px;border:1.6px solid currentColor;border-radius:2px;}
.ch-cargando{margin:auto;display:flex;gap:6px;}
.ch-cargando i{width:8px;height:8px;border-radius:50%;background:var(--burgundy);opacity:.3;animation:ch-punto 1s ease-in-out infinite;}
.ch-cargando i:nth-child(2){animation-delay:.15s;}.ch-cargando i:nth-child(3){animation-delay:.3s;}
@keyframes ch-punto{50%{opacity:1;transform:translateY(-4px);}}

.ch-compo{border-top:1px solid var(--ch-line);background:rgba(255,255,255,0.85);padding:10px 12px;}
.ch-ventana{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ch-ventana[hidden]{display:none;}
.ch-ventana p{flex:1 1 260px;margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-2);}
.ch-escribe{display:flex;align-items:flex-end;gap:8px;}
.ch-escribe[hidden]{display:none;}
.ch-escribe textarea{flex:1;resize:none;min-height:44px;max-height:160px;padding:11px 14px;border-radius:22px;background:#fff;line-height:1.45;}
.ch-enviar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:var(--burgundy);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 6px 16px rgba(82,93,108,0.25);transition:transform .15s;}
.ch-enviar:active{transform:scale(0.94);}
.ch-enviar.is-loading svg{opacity:0;}
.ch-enviar.is-loading::after{border-color:rgba(255,255,255,0.35);border-top-color:#fff;}

/* Datos de la persona */
.ch-info-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ch-line);font-size:13px;}
.ch-info-cuerpo{padding:16px;overflow-y:auto;flex:1;min-height:0;font-size:13px;}
.ch-ficha{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding-bottom:14px;border-bottom:1px solid var(--ch-line);}
.ch-ficha strong{font-size:15px;margin-top:6px;}
.ch-ficha span{color:var(--ink-2);font-size:12.5px;word-break:break-all;}
.ch-consent{margin-top:6px;padding:3px 9px;border-radius:99px;font-size:11px !important;}
.ch-consent.si{background:rgba(47,122,74,0.12);color:var(--success) !important;}
.ch-consent.no{background:rgba(19,22,28,0.07);}
.ch-info-cuerpo h4{margin:16px 0 8px;font-size:11px;letter-spacing:0.8px;text-transform:uppercase;color:var(--ink-2);font-weight:600;}
.ch-ordenes,.ch-envios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.ch-ordenes li{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:11px;background:#fff;border:1px solid var(--ch-line);}
.ch-ordenes li .badge{align-self:flex-start;margin-bottom:3px;}
.ch-ordenes li span:not(.badge){font-size:12px;color:var(--ink-2);}
.ch-envios li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;}
.ch-envios time{grid-column:1/-1;font-size:11px;color:var(--ink-2);}
.ch-envios small{grid-column:1/-1;font-size:11px;color:var(--ink-2);}
.ch-env-enviado{color:var(--success);font-weight:600;}
.ch-env-fallido{color:var(--danger);font-weight:600;}
.ch-env-omitido{color:var(--ink-2);}
.ch-nota-24{margin:18px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-2);}

.ch-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:120;max-width:min(440px,calc(100vw - 32px));
  padding:12px 16px;border-radius:12px;background:#2a1a1f;color:#fff;font-size:13px;line-height:1.45;box-shadow:0 12px 30px rgba(0,0,0,0.25);transition:opacity .25s,transform .25s;}
.ch-toast.on{opacity:1;transform:translate(-50%,0);}
.ch-toast.ok{background:#1f3b2b;}

/* Panel de datos como hoja en pantallas medianas */
@media (max-width:1279px){
  .ch-info{position:fixed;top:12px;right:12px;bottom:12px;width:min(340px,calc(100vw - 24px));z-index:70;transform:translateX(calc(100% + 24px));transition:transform .3s cubic-bezier(.2,.8,.2,1);background:#fcfdfe;}
  .ch-app.ch-info-on .ch-info{transform:none;}
}
@media (min-width:1280px){ #ch-info-cerrar{display:none;} }

/* Celular: lista a pantalla completa; el chat se abre encima, como app */
@media (max-width:780px){
  main:has(.ch-app){padding:0 0 calc(72px + env(safe-area-inset-bottom));}
  .ch-app{display:block;height:auto;min-height:0;}
  .ch-lista{border-radius:0;border:none;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;}
  .ch-lista-cab{padding:16px 16px 8px;}
  .ch-items{overflow:visible;padding:4px 6px 16px;}
  .ch-item{padding:12px 10px;min-height:72px;}
  .ch-hilo{position:fixed;inset:0;z-index:60;border-radius:0;border:none;background:#f5f1ea;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);visibility:hidden;}
  .ch-app.ch-abierto .ch-hilo{transform:none;visibility:visible;}
  .ch-vacio{display:none;}
  .ch-hilo-cab{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;gap:8px;}
  .ch-atras{display:inline-flex;}
  .ch-hilo-cab .ch-avatar{width:36px;height:36px;font-size:12px;}
  .ch-h-acciones select{display:none;}
  #ch-cerrar{display:none;}
  .ch-ic-btn{min-height:36px;padding:6px 10px;}
  .ch-m{max-width:86%;}
  .ch-compo{padding:8px 8px calc(8px + env(safe-area-inset-bottom));}
  .ch-escribe textarea{font-size:16px;}
  .ch-info{z-index:80;top:0;right:0;bottom:0;width:100%;border-radius:0;padding-top:env(safe-area-inset-top);}
  .ch-info-cuerpo .ch-acciones-movil{display:flex;}
}
.ch-acciones-movil{display:none;flex-direction:column;gap:8px;margin-top:16px;}

/* ── WhatsApp Business (configuración) ── */
.wb-estado{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px;}
.wb-est{padding:12px 14px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;}
.wb-est b{font-size:11px;letter-spacing:0.6px;text-transform:uppercase;color:var(--ink-2);font-weight:600;}
.wb-est span{font-size:13.5px;font-weight:600;}
.wb-est::before{content:'';width:8px;height:8px;border-radius:50%;background:rgba(19,22,28,0.25);margin-bottom:2px;}
.wb-est.ok::before{background:var(--success);box-shadow:0 0 0 4px rgba(47,122,74,0.14);}
.wb-est.mal::before{background:var(--danger);box-shadow:0 0 0 4px rgba(166,61,51,0.14);}
.wb-saltos{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;}
.wb-saltos a{padding:7px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--burgundy);font-size:12.5px;font-weight:600;text-decoration:none;}
.wb-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--glass-shadow);padding:22px 22px 20px;margin:0 0 18px;scroll-margin-top:16px;}
.wb-card > header{margin-bottom:16px;}
.wb-card > header h2{margin:0 0 6px;}
.wb-card > header p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.55;max-width:780px;}
.wb-card > header a{color:var(--burgundy);}
.wb-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.wb-copiar{display:flex;flex-direction:column;gap:10px;margin:6px 0 14px;padding:14px;border-radius:12px;background:#f7f3ec;}
.wb-copiar > div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.wb-copiar label{flex:0 0 100%;font-size:11px;letter-spacing:0.5px;text-transform:uppercase;color:var(--ink-2);}
.wb-copiar code{flex:1 1 260px;min-width:0;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12.5px;overflow-wrap:anywhere;}
.wb-copiar .empty{margin:0;font-size:12.5px;}
.wb-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
.wb-pin{display:inline-flex;gap:6px;}
.wb-pin input{width:150px;}
.wb-resultado{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px;padding:14px;border-radius:12px;background:rgba(47,122,74,0.06);border:1px solid rgba(47,122,74,0.18);}
.wb-resultado > div{display:flex;flex-direction:column;gap:3px;font-size:13px;}
.wb-resultado b{font-size:11px;letter-spacing:0.5px;text-transform:uppercase;color:var(--ink-2);font-weight:600;}
.wb-resultado .wb-mal{color:var(--danger);}
.wb-tpls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;}
.wb-tpl{padding:14px;border-radius:13px;border:1px solid var(--line);background:#fcfdfe;display:flex;flex-direction:column;gap:8px;}
.wb-tpl-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.wb-tpl-cab strong{display:block;font-size:13.5px;}
.wb-cat{display:inline-block;margin-top:3px;font-size:10.5px;letter-spacing:0.6px;color:var(--gold-ink);font-weight:700;}
.wb-tpl-est{flex:0 0 auto;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;background:rgba(19,22,28,0.07);color:var(--ink-2);}
.wb-tpl-approved{background:rgba(47,122,74,0.13);color:var(--success);}
.wb-tpl-pending{background:rgba(149,131,93,0.16);color:var(--gold-ink);}
.wb-tpl-rejected,.wb-tpl-disabled,.wb-tpl-paused{background:rgba(166,61,51,0.13);color:var(--danger);}
.wb-vars{margin:0;font-size:12px;color:var(--ink-2);line-height:1.5;}
.wb-tpl details summary{cursor:pointer;font-size:12.5px;color:var(--burgundy);font-weight:600;}
.wb-tpl pre{white-space:pre-wrap;font-family:inherit;font-size:12.5px;line-height:1.55;background:#f7f3ec;padding:10px 12px;border-radius:9px;margin:8px 0;}
.wb-prueba{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
.wb-prueba select,.wb-prueba input{width:auto;flex:1 1 180px;}
.wb-envios{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;}
.wb-env{padding:3px 9px;border-radius:99px;background:rgba(19,22,28,0.06);}
.wb-env-enviado{background:rgba(47,122,74,0.12);color:var(--success);}
.wb-env-fallido{background:rgba(166,61,51,0.12);color:var(--danger);}
.wb-equipo{display:flex;flex-direction:column;gap:10px;}
.wb-persona{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;border:1px solid var(--line);}
.wb-persona.inactiva{opacity:0.55;}
.wb-persona-q{display:flex;align-items:center;gap:10px;}
.wb-persona-q div{display:flex;flex-direction:column;gap:2px;}
.wb-persona-q span{font-size:12px;color:var(--ink-2);}
.wb-persona-b{display:flex;flex-wrap:wrap;gap:6px;}
.wb-check{position:relative;cursor:pointer;}
.wb-check input{position:absolute;opacity:0;width:1px;height:1px;}
.wb-check span{display:inline-block;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:12.5px;transition:background .15s,color .15s;}
.wb-check input:checked + span{background:var(--burgundy);border-color:var(--burgundy);color:#fff;}
.wb-check input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px;}
@media (max-width:780px){ .wb-card{padding:18px 15px;} .wb-dos{grid-template-columns:1fr;} }

.ch-app [hidden]{display:none !important;}
.ch-tag,.ch-item-l1 time,.ch-chip{white-space:nowrap;}
@media (max-width:1099px){
  .ch-h-acciones select,#ch-cerrar{display:none;}
  .ch-acciones-movil{display:flex;}
}

/* Alertas de Meta */
.wb-al-cuenta{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;margin-left:6px;border-radius:11px;background:var(--danger);color:#fff;font-size:12px;font-family:inherit;vertical-align:middle;}
.wb-alertas{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;}
.wb-al{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;line-height:1.45;}
.wb-al-nivel{font-size:10.5px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.wb-al-grave{border-color:rgba(166,61,51,0.32);background:rgba(166,61,51,0.05);}
.wb-al-grave .wb-al-nivel{background:var(--danger);color:#fff;}
.wb-al-aviso .wb-al-nivel{background:rgba(149,131,93,0.18);color:var(--gold-ink);}
.wb-al-info .wb-al-nivel{background:rgba(47,122,74,0.12);color:var(--success);}
.wb-al-texto{color:var(--ink);text-wrap:pretty;}
.wb-al-fecha{color:var(--ink-2);font-size:12px;white-space:nowrap;}
.wb-al.es-leida{opacity:0.62;}
@media (max-width:640px){.wb-al{grid-template-columns:1fr;gap:5px;}}

.ch-m.ch-nota{align-self:center;max-width:86%;background:#fff6d8;border:1px dashed rgba(149,131,93,0.55);color:#4a3a12;box-shadow:none;}

.wb-tpl-enviar{margin-top:10px;}
.wb-tpl-enviar summary{cursor:pointer;font-weight:600;color:var(--burgundy,#525d6c);}
.wb-tpl-enviar textarea{width:100%;margin:10px 0 6px;font:inherit;font-size:14px;line-height:1.45;padding:10px 12px;border-radius:10px;border:1px solid rgba(19,22,28,0.15);resize:vertical;}
.wb-tpl-motivo{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fbe9e6;color:#8a2f27;font-size:13px;line-height:1.45;}
.wb-tpl-aviso{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fbf1de;color:#76663f;font-size:13px;line-height:1.45;}
.wb-tpl-espera{margin:10px 0 0;font-size:13px;color:#76663f;}

.wb-perfil{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;}
.wb-perfil-vista{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 16px;border-radius:22px;background:#eff2f5;text-align:center;border:1px solid rgba(19,22,28,0.08);}
.wb-perfil-foto{width:112px;height:112px;border-radius:50%;overflow:hidden;background:#e5ddd1;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.wb-perfil-foto img{width:100%;height:100%;object-fit:cover;}
.wb-perfil-foto span{font-size:12px;color:#5f6773;}
.wb-perfil-vista b{font-size:17px;}
.wb-perfil-vista span{font-size:13px;color:#5f6773;}
.wb-perfil-vista p{margin:8px 0 0;font-size:13px;line-height:1.4;min-height:18px;}
.wb-perfil-vista small{margin-top:6px;font-size:11px;color:#5f6773;}
.wb-perfil-campos{display:flex;flex-direction:column;gap:18px;min-width:0;}
.wb-perfil-nombre > div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.wb-perfil-nombre label{font-size:12px;color:#5f6773;width:100%;}
.wb-perfil-nombre b{font-size:16px;}
.wb-perfil-subir label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.wb-cuenta{font-weight:400;color:#5f6773;font-size:12px;}
@media (max-width:820px){.wb-perfil{grid-template-columns:minmax(0,1fr);}.wb-perfil-vista{position:static;}}

/* WhatsApp Business: menú interno */
.wb-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start;margin-top:8px;}
.wb-menu{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:18px;background:#fff;border:1px solid rgba(19,22,28,0.08);box-shadow:0 1px 2px rgba(0,0,0,0.03);}
.wb-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#2c3138;text-decoration:none;font-size:14px;font-weight:500;transition:background 0.15s,color 0.15s;}
.wb-menu a:hover{background:rgba(82,93,108,0.05);color:#525d6c;}
.wb-menu a.on{background:#525d6c;color:#f5f7f9;}
.wb-menu a svg{flex:none;opacity:0.85;}
.wb-menu a span{flex:1;min-width:0;}
.wb-menu em{flex:none;font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:rgba(19,22,28,0.07);color:#5f6773;}
.wb-menu em.wb-chip-ok{background:rgba(47,122,74,0.12);color:#2f7a4a;}
.wb-menu em.wb-chip-mal{background:rgba(166,61,51,0.13);color:#a63d33;}
.wb-menu em.wb-chip-aviso{background:rgba(149,131,93,0.18);color:#76663f;}
.wb-menu a.on em{background:rgba(253,246,236,0.18);color:#f5f7f9;}
.wb-panel{min-width:0;}
.wb-panel > .wb-card{margin-top:0;animation:wb-entra 0.22s ease-out;}
@keyframes wb-entra{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (max-width:900px){
  .wb-layout{grid-template-columns:minmax(0,1fr);gap:14px;}
  .wb-menu{position:sticky;top:0;z-index:5;flex-direction:row;overflow-x:auto;scrollbar-width:none;border-radius:14px;padding:6px;}
  .wb-menu::-webkit-scrollbar{display:none;}
  .wb-menu a{flex:none;padding:8px 12px;font-size:13px;}
  .wb-menu a span{flex:none;}
}

/* Encuadre de la foto del perfil */
.wb-sin-scroll{overflow:hidden;}
.wb-crop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,8,12,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wb-entra 0.2s ease-out;}
.wb-crop[hidden]{display:none;}
.wb-crop-caja{width:min(440px,100%);max-height:100%;overflow:auto;background:#fff;border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,0.3);display:flex;flex-direction:column;gap:14px;}
.wb-crop-caja header{display:flex;flex-direction:column;gap:2px;}
.wb-crop-caja header b{font-size:17px;}
.wb-crop-caja header span{font-size:12.5px;color:#5f6773;}
.wb-crop-area{position:relative;flex:none;width:min(100%,62vh);margin:0 auto;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#e6ebf0;touch-action:none;}
.wb-crop-area canvas{display:block;width:100%;height:100%;cursor:grab;}
.wb-crop-area canvas:active{cursor:grabbing;}
.wb-crop-mascara{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0,transparent 49.6%,rgba(20,8,12,0.5) 50%);}
.wb-crop-mascara::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.9);}
.wb-crop-zoom{display:flex;align-items:center;gap:10px;color:#5f6773;font-weight:700;}
.wb-crop-zoom input{flex:1;accent-color:#525d6c;}
.wb-crop-aviso{margin:0;padding:9px 12px;border-radius:10px;background:#fbf1de;color:#76663f;font-size:12.5px;}
.wb-crop-acc{display:flex;gap:8px;}
.wb-crop-acc .btn{flex:1;}

/* Cambiar titular (Tiquetes) */
.bs-titular{margin:22px 0;border:1px solid var(--line, rgba(19,22,28,0.1));border-radius:16px;background:#fff;padding:0 18px;}
.bs-titular summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;}
.bs-titular summary::-webkit-details-marker{display:none;}
.bs-titular summary span{display:flex;flex-direction:column;gap:2px;}
.bs-titular summary small{font-size:12.5px;color:#5f6773;}
.bs-titular summary::after{content:"";width:9px;height:9px;border-right:2px solid #9a9186;border-bottom:2px solid #9a9186;transform:rotate(45deg);transition:transform .2s;flex:none;}
.bs-titular[open] summary::after{transform:rotate(-135deg);}
.bs-titular[open]{padding-bottom:18px;}
.bs-titular > p{margin:0 0 14px;}
.bs-check{display:flex;align-items:center;gap:9px;font-size:14px;}
.bs-check input{width:18px;height:18px;margin:0;}

/* Asistentes IA en los chats */
.wb-ia-modos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px;}
.wb-ia-modo{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:14px;border:1px solid rgba(19,22,28,0.1);background:#fff;cursor:pointer;}
.wb-ia-modo.on,.wb-ia-modo:has(input:checked){border-color:#525d6c;box-shadow:0 0 0 2px rgba(82,93,108,0.12);}
.wb-ia-modo input{margin-top:3px;accent-color:#525d6c;}
.wb-ia-modo span{display:flex;flex-direction:column;gap:3px;}
.wb-ia-modo small{font-size:12.5px;color:#5f6773;line-height:1.4;}

/* Opciones de radio en Analítica */
.trk-opciones{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px;}
.trk-opcion{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(19,22,28,0.12);border-radius:12px;cursor:pointer;background:#fff;}
.trk-opcion:has(input:checked){border-color:#525d6c;background:rgba(82,93,108,0.04);}
.trk-opcion input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:#525d6c;}
.trk-opcion b{display:block;font-size:14px;}
.trk-opcion small{display:block;font-size:12.5px;color:#5f6773;line-height:1.45;margin-top:2px;}

/* ── WhatsApp Business: Mis plantillas ── */
[hidden]{display:none !important;}
.wb-mias-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;}
.wb-mias-nota{font-size:12.5px;color:var(--ink-2,#5f6773);margin-left:auto;}
.wb-stats-off{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#fbf4e6;margin-bottom:14px;}
.wb-stats-off p{margin:0;font-size:13px;flex:1 1 280px;}
.wb-mias{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.wb-mia{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(19,22,28,0.1);}
.wb-mia-cab{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.wb-mia-cab b{font-size:14.5px;margin-right:6px;overflow-wrap:anywhere;}
.wb-chip{font-size:10.5px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:rgba(19,22,28,0.06);color:#545c68;}
.wb-chip-plat{background:rgba(82,93,108,0.08);color:#525d6c;}
.wb-mia-txt{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:#2c3138;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.wb-mia-pie{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:10px;}
.wb-mia-stat{font-size:12.5px;color:#5f6773;}
.wb-mia-stat b{font-size:14px;color:#131314;margin-right:2px;}
.wb-mia-acc{margin-left:auto;display:flex;gap:8px;align-items:center;}
.wb-vacio{color:#7d8590;font-style:italic;}
.wb-editor{margin-top:18px;padding:18px;border-radius:16px;background:#f7f9fb;border:1px solid rgba(19,22,28,0.1);}
.wb-editor-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;}
.wb-editor-cab h3{margin:0;font-size:18px;}
.wb-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:20px;align-items:start;}
.wb-editor-campos{display:flex;flex-direction:column;gap:12px;}
.wb-editor-campos .field{max-width:none;}
.wb-editor-ayuda{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;}
.wb-boton-f{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px;}
.wb-editor-vista{position:sticky;top:16px;}
.wb-editor-vista > small{display:block;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:#5f6773;margin-bottom:8px;}
.wb-wa{padding:16px 14px;border-radius:18px;background:#e9e2d6;min-height:180px;}
.wb-wa-burbuja{background:#fff;border-radius:4px 14px 14px 14px;padding:8px 10px;box-shadow:0 1px 1px rgba(0,0,0,0.08);}
.wb-wa-burbuja p{margin:4px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
.wb-wa-burbuja > small{display:block;font-size:12px;color:#7a7268;}
.wb-wa-enc{display:block;font-size:14px;margin-bottom:2px;}
.wb-wa-media{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin-bottom:4px;}
.wb-wa-ph{height:110px;display:flex;align-items:center;justify-content:center;background:#f1ece4;color:#7a7268;font-weight:700;}
.wb-wa-doc{padding:10px;border-radius:8px;background:#f1ece4;font-size:13px;font-weight:600;margin-bottom:4px;}
.wb-wa-btns{display:flex;flex-direction:column;margin:8px -10px -8px;}
.wb-wa-btns span{padding:9px;text-align:center;color:#1f7aec;font-size:13.5px;font-weight:600;border-top:1px solid rgba(19,22,28,0.1);}
.wb-perfil-lee{margin:0;display:grid;gap:10px;}
.wb-perfil-lee > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgba(19,22,28,0.08);}
.wb-perfil-lee dt{font-size:12px;font-weight:700;color:#5f6773;text-transform:uppercase;letter-spacing:0.4px;}
.wb-perfil-lee dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;}
.wb-perfil-como{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f3efe8;}
.wb-perfil-como p{margin:6px 0 0;font-size:13.5px;line-height:1.5;}
@media (max-width:860px){
  .wb-editor-grid{grid-template-columns:1fr;}
  .wb-editor-vista{position:static;}
  .wb-boton-f{grid-template-columns:1fr;}
  .wb-mia-acc{margin-left:0;}
  .wb-perfil-lee > div{grid-template-columns:1fr;gap:2px;}
}

/* Editor de plantillas en ventana */
.wb-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(18,20,24,0.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s;}
.wb-modal.on{opacity:1;}
.wb-modal-caja{width:100%;max-width:1040px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:20px;background:#fff;
  box-shadow:0 30px 80px rgba(18,20,24,0.3);transform:translateY(12px) scale(0.985);transition:transform .22s cubic-bezier(.2,.8,.2,1);}
.wb-modal.on .wb-modal-caja{transform:none;}
.wb-modal .wb-editor{margin:0;border:none;border-radius:0;background:transparent;padding:22px 24px 24px;}
.wb-modal .wb-editor-cab{position:sticky;top:-22px;z-index:3;background:#fff;margin:-22px -24px 14px;padding:18px 24px 12px;border-bottom:1px solid rgba(19,22,28,0.08);align-items:flex-start;}
.wb-modal .wb-editor-cab p{margin:4px 0 0;}
.wb-modal-x{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid rgba(19,22,28,0.12);background:#fff;font-size:24px;line-height:1;color:#545c68;cursor:pointer;}
.wb-modal-x:hover{background:#f5f1ea;}
.wb-editor-aviso{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fbf4e6;font-size:13px;line-height:1.5;color:#5c4513;}
.wb-editor-aviso p{margin:4px 0;}
.wb-tpl-editar{margin-top:8px;}
#tpl-var:disabled{opacity:0.45;cursor:not-allowed;}
@media (max-width:860px){
  .wb-modal{padding:0;align-items:flex-end;}
  .wb-modal-caja{max-height:94dvh;border-radius:20px 20px 0 0;}
  .wb-modal .wb-editor{padding:18px 16px calc(20px + env(safe-area-inset-bottom));}
  .wb-modal .wb-editor-cab{top:-18px;margin:-18px -16px 12px;padding:14px 16px 10px;}
}

/* Encabezado: revisión, recorte y peso */
@keyframes wb-gira{to{transform:rotate(360deg);}}
@keyframes wb-barrido{0%{transform:translateX(-100%);}100%{transform:translateX(250%);}}
@keyframes wb-entra{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.wb-media{margin-top:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(19,22,28,0.1);animation:wb-entra .25s ease-out;}
.wb-carga{display:flex;align-items:center;gap:10px;font-size:13px;color:#5f6773;}
.wb-giro{width:18px;height:18px;border-radius:50%;border:2px solid rgba(82,93,108,0.18);border-top-color:#525d6c;animation:wb-gira .7s linear infinite;}
.wb-rec-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.wb-rec-tabs button{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid rgba(19,22,28,0.14);background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#545c68;cursor:pointer;}
.wb-rec-tabs button.on{background:#525d6c;border-color:#525d6c;color:#fff;}
.wb-rec-lienzo{position:relative;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#efe9df 0 25%,#f8f4ee 0 50%) 0 0/16px 16px;}
.wb-rec-lienzo canvas{display:block;width:100%;cursor:grab;touch-action:none;}
.wb-rec-lienzo canvas:active{cursor:grabbing;}
.wb-rec-tip{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:99px;background:rgba(20,16,18,0.6);color:#fff;font-size:11.5px;pointer-events:none;}
.wb-rec-zoom{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;font-weight:600;color:#545c68;}
.wb-rec-zoom input{flex:1;accent-color:#525d6c;}
.wb-media-info{margin-top:8px;font-size:12.5px;line-height:1.5;color:#545c68;}
.wb-media-info b{color:#131314;}
.wb-media-ok{color:#1d6b40;font-weight:600;font-size:12.5px;margin:6px 0 0;}
.wb-media-video{display:block;width:100%;max-height:260px;border-radius:10px;background:#111;}
.wb-media-doc{display:flex;gap:12px;align-items:center;}
.wb-media-doc > span{width:46px;height:56px;flex-shrink:0;border-radius:8px;background:#b3261e;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.wb-media-doc > div{flex:1;min-width:0;}
.wb-media-doc b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wb-peso{display:flex;align-items:center;gap:10px;margin-top:8px;}
.wb-peso-b{flex:1;height:6px;border-radius:99px;background:rgba(19,22,28,0.08);overflow:hidden;}
.wb-peso-b i{display:block;height:100%;border-radius:99px;transition:width .4s ease;}
.wb-peso-b i.ok{background:#2e9b5d;} .wb-peso-b i.casi{background:#d39a1c;} .wb-peso-b i.mal{background:#b3261e;}
.wb-peso small{font-size:12px;color:#5f6773;white-space:nowrap;}
/* Avance del envío */
.wb-modal .wb-editor{position:relative;}
.wb-subida{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:wb-entra .2s ease-out;}
.wb-subida-caja{width:min(340px,86%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}
.wb-subida-ic{width:44px;height:44px;border-radius:50%;border:3px solid rgba(82,93,108,0.15);border-top-color:#525d6c;animation:wb-gira .8s linear infinite;}
.wb-subida-caja b{font-size:15px;}
.wb-subida-barra{position:relative;width:100%;height:8px;border-radius:99px;background:rgba(19,22,28,0.08);overflow:hidden;}
.wb-subida-barra i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#525d6c,#95835d);transition:width .2s ease;}
.wb-subida.meta .wb-subida-barra i{width:40% !important;animation:wb-barrido 1.1s ease-in-out infinite;}
.wb-subida-caja small{font-size:12.5px;color:#5f6773;min-height:16px;}

/* Barra de formato del mensaje */
.wb-fmt{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px;border:1px solid rgba(19,22,28,0.14);border-bottom:none;border-radius:12px 12px 0 0;background:#f7f3ed;}
.wb-fmt button{min-width:36px;height:34px;padding:0 9px;border-radius:8px;border:1px solid transparent;background:transparent;font:inherit;font-size:13px;color:#2c3138;cursor:pointer;transition:background .15s,border-color .15s;}
.wb-fmt button:hover{background:#fff;border-color:rgba(19,22,28,0.12);}
.wb-fmt button:active{transform:scale(0.96);}
.wb-fmt b,.wb-fmt i,.wb-fmt s{font-size:15px;}
.wb-fmt code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;}
.wb-fmt-sep{width:1px;height:20px;background:rgba(19,22,28,0.14);margin:0 4px;}
.wb-fmt + textarea{border-top-left-radius:0;border-top-right-radius:0;}
.wb-wa-burbuja code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;}
.wb-wa-cita{display:inline-block;padding-left:8px;border-left:3px solid #b9b0a3;color:#545c68;}

/* Formato de WhatsApp en la vista previa */
.wb-wa-burbuja .wa-li{position:relative;padding-left:16px;}
.wb-wa-burbuja .wa-li::before{content:'•';position:absolute;left:3px;top:0;}
.wb-wa-burbuja .wa-li-n{padding-left:20px;}
.wb-wa-burbuja .wa-li-n::before{content:attr(data-n);left:0;}
.wb-wa-burbuja .wa-cita{margin:2px 0;padding:1px 0 1px 9px;border-left:3px solid #b9b0a3;color:#545c68;}
.wb-wa-burbuja code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:0.92em;background:rgba(19,22,28,0.06);padding:0 3px;border-radius:4px;}
.wb-wa-burbuja s{opacity:0.8;}
.wb-wa-cuerpo{margin:4px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere;}

/* Horario de atención */
.wb-hor-ahora{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;margin:0 0 14px;font-size:13.5px;}
.wb-hor-ahora span{color:#545c68;}
.wb-hor-on{background:#e7f3ec;} .wb-hor-off{background:#f3efe8;}
.wb-hor-punto{width:9px;height:9px;border-radius:50%;}
.wb-hor-on .wb-hor-punto{background:#2e9b5d;box-shadow:0 0 0 4px rgba(46,155,93,0.18);}
.wb-hor-off .wb-hor-punto{background:#7d8590;}
.wb-hor{display:flex;flex-direction:column;gap:14px;}
.wb-hor-switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px;width:fit-content;}
.wb-hor-switch input{position:absolute;opacity:0;pointer-events:none;width:1px !important;height:1px;margin:0;padding:0;left:0;top:0;}
.wb-hor-switch i{position:relative;width:42px;height:24px;border-radius:99px;background:rgba(19,22,28,0.18);transition:background .2s;flex-shrink:0;}
.wb-hor-switch i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:transform .2s;}
.wb-hor-switch input:checked + i{background:#525d6c;}
.wb-hor-switch input:checked + i::after{transform:translateX(18px);}
.wb-hor-switch input:focus-visible + i{outline:2px solid #95835d;outline-offset:2px;}
.wb-hor-dias{display:flex;flex-direction:column;border:1px solid rgba(19,22,28,0.1);border-radius:14px;overflow:hidden;background:#fff;}
.wb-hor-dia{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 14px;border-top:1px solid rgba(19,22,28,0.07);}
.wb-hor-dia:first-child{border-top:none;}
.wb-hor-nom{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;min-width:130px;cursor:pointer;}
.wb-hor-nom input{width:18px;height:18px;accent-color:#525d6c;}
.wb-hor-horas{display:flex;align-items:center;gap:8px;}
.wb-hor-horas input{width:auto;min-width:120px;}
.wb-hor-horas span{font-size:13px;color:#5f6773;}
.wb-hor-cerr{display:none;font-weight:600;}
.wb-hor-dia.cerrado{background:#faf8f4;}
.wb-hor-dia.cerrado .wb-hor-horas input,.wb-hor-dia.cerrado .wb-hor-horas span:not(.wb-hor-cerr){display:none;}
.wb-hor-dia.cerrado .wb-hor-cerr{display:inline;color:#7d8590;}
.wb-hor-prev > small{display:block;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:#5f6773;margin-bottom:8px;}
.wb-hor-prev .wb-wa{min-height:0;max-width:440px;}
/* Registro del webhook */
.wb-reg-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13.5px;}
.wb-reg-filtros{display:flex;gap:6px;flex-wrap:wrap;}
.wb-reg-filtros a{padding:6px 12px;border-radius:99px;border:1px solid rgba(19,22,28,0.14);font-size:12.5px;font-weight:600;color:#545c68;text-decoration:none;}
.wb-reg-filtros a.on{background:#525d6c;border-color:#525d6c;color:#fff;}
.wb-reg-ayuda{padding:12px 14px;border-radius:12px;background:#f3efe8;font-size:13px;line-height:1.55;margin-bottom:14px;}
.wb-reg-ayuda ul{margin:6px 0 0;padding-left:18px;}
.wb-reg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.wb-reg-it{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(19,22,28,0.08);}
.wb-reg-it.mal{border-color:rgba(179,38,30,0.35);background:#fdf3f2;}
.wb-reg-fila{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;}
.wb-reg-fila time{font-variant-numeric:tabular-nums;color:#5f6773;font-size:12.5px;}
.wb-reg-res{color:#2c3138;flex:1 1 220px;}
.wb-reg-it.mal .wb-reg-res{color:#b3261e;font-weight:600;}
.wb-reg-it details{margin-top:6px;}
.wb-reg-it summary{font-size:12.5px;color:#525d6c;cursor:pointer;}
.wb-reg-it pre{margin:6px 0 0;padding:10px;border-radius:8px;background:#131314;color:#efe9df;font-size:11.5px;line-height:1.45;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all;}
@media (max-width:640px){ .wb-hor-horas input{min-width:0;flex:1;} .wb-hor-horas{width:100%;} }

/* ══ Plantillas como burbujas de WhatsApp ══ */
.wa-chat{
  --wa-bg:#efeae2; --wa-ink:#111b21; --wa-gris:#667781; --wa-link:#027eb5;
  position:relative;padding:14px 14px 16px 18px;border-radius:14px;overflow:hidden;
  background-color:var(--wa-bg);
  background-image:radial-gradient(rgba(84,72,58,0.07) 1px,transparent 1.4px),radial-gradient(rgba(84,72,58,0.05) 1px,transparent 1.4px);
  background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wa-msg{
  position:relative;max-width:100%;width:fit-content;min-width:180px;background:#fff;color:var(--wa-ink);
  border-radius:0 8px 8px 8px;padding:6px 8px 8px 9px;box-shadow:0 1px 0.5px rgba(11,20,26,0.13);
  animation:wa-entra .3s cubic-bezier(.2,.8,.2,1) both;
}
.wa-msg::before{
  content:'';position:absolute;top:0;left:-8px;width:8px;height:13px;background:#fff;
  clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(-1px 1px 0 rgba(11,20,26,0.06));
}
@keyframes wa-entra{from{opacity:0;transform:translateY(6px) scale(0.98);}to{opacity:1;transform:none;}}
.wa-enc{font-weight:700;font-size:14.5px;line-height:1.35;margin:2px 0 4px;}
.wa-media{display:block;width:calc(100% + 11px);max-width:none;margin:-3px -5px 6px -6px;border-radius:6px;aspect-ratio:1.91/1;object-fit:cover;background:#dfe5e7;}
.wa-media-ph{display:flex;align-items:center;justify-content:center;color:#8696a0;position:relative;overflow:hidden;}
.wa-media-ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.wa-play{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(11,20,26,0.55);}
.wa-play::after{content:'';position:absolute;left:17px;top:13px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;}
.wa-doc{display:flex;align-items:center;gap:10px;margin:-1px -3px 6px -4px;padding:10px;border-radius:6px;background:#f5f6f6;}
.wa-doc span{width:30px;height:36px;border-radius:4px;background:#e2493d;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.wa-doc b{font-size:13.5px;font-weight:500;}
.wa-body{font-size:14.2px;line-height:1.4;overflow-wrap:anywhere;padding-right:2px;}
.wa-body b{font-weight:700;}
.wa-body code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;}
.wa-body .wa-li{position:relative;padding-left:16px;}
.wa-body .wa-li::before{content:'•';position:absolute;left:3px;}
.wa-body .wa-li-n{padding-left:20px;}
.wa-body .wa-li-n::before{content:attr(data-n);left:0;}
.wa-body .wa-cita{margin:2px 0;padding-left:9px;border-left:3px solid #d1d7db;color:var(--wa-gris);}
.wa-var{display:inline-block;padding:0 6px;border-radius:5px;background:#e7f6f1;color:#00775f;font-weight:600;font-size:12.5px;line-height:1.55;}
.wa-pie{margin-top:3px;font-size:13px;color:var(--wa-gris);}
.wa-hora{display:block;text-align:right;font-size:11px;color:var(--wa-gris);margin:2px -2px -3px 0;}
.wa-btns{display:flex;flex-direction:column;margin:7px -8px -8px -9px;}
.wa-btns span{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-top:1px solid #e9edef;color:var(--wa-link);font-size:14px;font-weight:500;}
/* Tarjetas */
.wb-tpl{gap:10px;}
.wb-tpl .wa-chat,.wb-mia .wa-chat{margin-top:2px;}
.wb-burb-nota{margin:-4px 0 0;font-size:12px;color:#8a6d2b;font-weight:600;}
.wb-tpl-nom summary{font-size:12.5px;color:#5f6773;cursor:pointer;}
.wb-tpl-nom summary code{font-size:12px;background:rgba(19,22,28,0.06);padding:1px 5px;border-radius:5px;}
.wb-tpl-nom input{margin-top:8px;}
.wb-mias{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;}
.wb-mia{display:flex;flex-direction:column;gap:10px;}
.wb-mia .wb-mia-pie{margin-top:auto;padding-top:4px;}
.wb-mias > .empty{grid-column:1/-1;}
/* El editor usa el mismo aspecto */
.wb-wa{background-color:#efeae2;background-image:radial-gradient(rgba(84,72,58,0.07) 1px,transparent 1.4px);background-size:22px 22px;}
.wb-wa-burbuja{position:relative;border-radius:0 8px 8px 8px;box-shadow:0 1px 0.5px rgba(11,20,26,0.13);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#111b21;}
.wb-wa-burbuja::before{content:'';position:absolute;top:0;left:-8px;width:8px;height:13px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%);}
.wb-wa-btns span{color:#027eb5;font-weight:500;border-top-color:#e9edef;}

/* ══ Directorio (CRM) ══ */
.crm-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin:4px 0 12px;scrollbar-width:none;}
.crm-tabs::-webkit-scrollbar{display:none;}
.crm-tabs a{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;border:1px solid rgba(19,22,28,0.12);background:#fff;color:#2c3138;font-size:13px;font-weight:600;text-decoration:none;}
.crm-tabs a b{font-size:11.5px;padding:1px 7px;border-radius:99px;background:rgba(19,22,28,0.07);}
.crm-tabs a.on{background:#525d6c;border-color:#525d6c;color:#fff;}
.crm-tabs a.on b{background:rgba(255,255,255,0.2);}
.crm-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;}
.crm-filtros select{width:auto;flex:0 1 auto;min-width:150px;}
.crm-buscar{position:relative;flex:1 1 260px;display:flex;align-items:center;}
.crm-buscar svg{position:absolute;left:12px;color:#8a8278;pointer-events:none;}
.crm-buscar input{padding-left:38px;}
.crm-limpiar{font-size:13px;color:#525d6c;}
.crm-total{margin:0 0 8px;font-size:12.5px;color:#5f6773;}
.crm-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.crm-fila{width:100%;display:grid;grid-template-columns:auto minmax(0,1.4fr) auto minmax(0,1.2fr);gap:12px;align-items:center;text-align:left;padding:10px 14px;border-radius:14px;border:1px solid rgba(19,22,28,0.08);background:#fff;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;}
.crm-fila:hover{border-color:rgba(82,93,108,0.25);box-shadow:0 6px 18px rgba(28,34,44,0.06);}
.crm-fila:active{transform:scale(0.995);}
.crm-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;font-size:14px;color:#fff;}
.crm-av img{width:100%;height:100%;object-fit:cover;}
.crm-av-lg{width:62px;height:62px;font-size:21px;}
.crm-av-oro{background:linear-gradient(140deg,#d9b066,#a7752a);} .crm-av-verde{background:linear-gradient(140deg,#4fae7c,#237a4f);}
.crm-av-rojo{background:linear-gradient(140deg,#d0635a,#99302a);} .crm-av-azul{background:linear-gradient(140deg,#5d8fd0,#2f5d9b);}
.crm-av-gris{background:linear-gradient(140deg,#a39b91,#756d63);}
.crm-q{min-width:0;display:flex;flex-direction:column;gap:2px;}
.crm-q b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm-q small{font-size:12.5px;color:#5f6773;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm-estado{display:inline-block;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap;}
.crm-e-oro{background:#fbf0dc;color:#76663f;} .crm-e-verde{background:#e7f3ec;color:#1d6b40;} .crm-e-rojo{background:#fbe9e7;color:#99302a;}
.crm-e-azul{background:#e8f0fa;color:#2f5d9b;} .crm-e-gris{background:#f0ede8;color:#545c68;}
.crm-meta{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:center;}
.crm-plata{font-size:12.5px;font-weight:700;color:#131314;}
.crm-chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:rgba(19,22,28,0.06);color:#545c68;}
.crm-chip-promo{background:#e7f6f1;color:#00775f;}
.crm-tag{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;border:1px solid transparent;}
.crm-c-oro{background:#fbf0dc;color:#76663f;} .crm-c-rojo{background:#fbe9e7;color:#99302a;} .crm-c-azul{background:#e8f0fa;color:#2f5d9b;}
.crm-c-verde{background:#e7f3ec;color:#1d6b40;} .crm-c-morado{background:#f1eafa;color:#6a3f9e;} .crm-c-gris{background:#f0ede8;color:#545c68;}
.crm-pag{display:flex;gap:10px;align-items:center;justify-content:center;margin:16px 0;font-size:13px;}
/* Panel de la ficha */
.crm-panel{position:fixed;inset:0;z-index:180;display:flex;justify-content:flex-end;background:rgba(18,20,24,0.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease;}
.crm-panel.on{opacity:1;}
.crm-panel-caja{position:relative;width:min(520px,100%);height:100%;overflow:auto;background:#fffdf9;box-shadow:-20px 0 60px rgba(18,20,24,0.18);padding:24px 22px 40px;transform:translateX(30px);transition:transform .25s cubic-bezier(.2,.8,.2,1);}
.crm-panel.on .crm-panel-caja{transform:none;}
.crm-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(19,22,28,0.12);background:#fff;font-size:24px;line-height:1;color:#545c68;cursor:pointer;}
.crm-carga{display:flex;justify-content:center;padding:60px 0;}
.crm-cab{display:flex;gap:14px;align-items:center;padding-right:46px;margin-bottom:14px;}
.crm-cab h2{margin:0 0 6px;font-size:21px;line-height:1.2;}
.crm-acc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
.crm-sec{padding:16px 0;border-top:1px solid rgba(19,22,28,0.08);}
.crm-sec h3{margin:0 0 10px;font-size:12px;letter-spacing:0.6px;text-transform:uppercase;color:#5f6773;}
.crm-sec-cab{display:flex;justify-content:space-between;align-items:center;}
.crm-sec-cab h3{margin:0;}
.crm-link{background:none;border:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:#525d6c;cursor:pointer;}
.crm-tags{display:flex;flex-wrap:wrap;gap:6px;}
.crm-tags .crm-tag{cursor:pointer;min-height:32px;padding:0 12px;opacity:0.55;border-color:rgba(19,22,28,0.06);transition:opacity .15s,transform .15s;}
.crm-tags .crm-tag.on{opacity:1;border-color:currentColor;}
.crm-tags .crm-tag:active{transform:scale(0.96);}
.crm-tag-nueva{background:#fff;color:#525d6c;opacity:1 !important;border:1px dashed rgba(82,93,108,0.4) !important;}
.crm-etq-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.crm-etq-form input{flex:1 1 160px;} .crm-etq-form select{width:auto;}
.crm-dl{margin:10px 0 0;display:grid;gap:2px;}
.crm-dl > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:7px 0;}
.crm-dl dt{font-size:12.5px;color:#5f6773;}
.crm-dl dd{margin:0;font-size:14px;overflow-wrap:anywhere;}
.crm-vacio{color:#7d8590;font-style:italic;font-size:13px;margin:0;}
.crm-form{display:flex;flex-direction:column;gap:12px;margin-top:10px;}
.crm-form .field{max-width:none;}
.crm-form-acc{display:flex;gap:8px;}
.crm-nota-form{display:flex;flex-direction:column;gap:8px;}
.crm-nota-form button{align-self:flex-start;}
.crm-notas{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.crm-notas li{padding:10px 12px;border-radius:12px;background:#fbf4e6;}
.crm-notas p{margin:0 0 4px;font-size:14px;line-height:1.5;}
.crm-notas small{font-size:12px;color:#7a6d55;}
.crm-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.crm-items li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(19,22,28,0.07);}
.crm-items li > div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.crm-items b{font-size:13.5px;} .crm-items small{font-size:12px;color:#5f6773;}
.crm-der{align-items:flex-end;text-align:right;flex-shrink:0;}
.crm-chat{padding:12px;border-radius:12px;background:#efeae2;}
.crm-chat p{margin:0 0 6px;font-size:13.5px;}
.crm-chat small{font-size:12px;color:#545c68;}
.crm-rec{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid rgba(82,93,108,0.15);display:flex;flex-direction:column;gap:10px;}
.crm-rec li{position:relative;display:flex;flex-direction:column;gap:2px;}
.crm-rec li::before{content:'';position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #525d6c;}
.crm-rec b{font-size:13.5px;font-weight:600;} .crm-rec small{font-size:12px;color:#5f6773;}
.crm-toast{position:fixed;left:50%;bottom:24px;z-index:300;transform:translateX(-50%);padding:11px 18px;border-radius:12px;background:#131314;color:#fff;font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:opacity .3s,transform .3s;}
.crm-toast.ok{background:#1d6b40;}
.crm-toast.fuera{opacity:0;transform:translate(-50%,8px);}
@media (max-width:860px){
  .crm-fila{grid-template-columns:auto minmax(0,1fr);row-gap:6px;}
  .crm-estado{justify-self:start;}
  .crm-fila .crm-estado,.crm-fila .crm-meta{grid-column:2;justify-content:flex-start;}
  .crm-panel-caja{width:100%;padding:20px 16px calc(30px + env(safe-area-inset-bottom));}
  .crm-dl > div{grid-template-columns:1fr;gap:2px;}
}

/* ══ Marketing ══ */
.mk-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.mk-card{margin-bottom:14px;}
.mk-card h2{margin:0 0 14px;font-size:18px;}
.mk-pasos{list-style:none;display:flex;gap:6px;margin:0 0 14px;padding:0;counter-reset:p;}
.mk-pasos li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7d8590;counter-increment:p;}
.mk-pasos li::before{content:counter(p);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0ede8;font-size:12px;}
.mk-pasos li.on{color:#525d6c;} .mk-pasos li.on::before{background:#525d6c;color:#fff;}
.mk-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0;cursor:pointer;}
.mk-check input{width:18px;height:18px;margin-top:2px;accent-color:#525d6c;flex-shrink:0;}
.mk-tabla{overflow:auto;margin:10px 0;border:1px solid rgba(19,22,28,0.08);border-radius:12px;max-height:420px;}
.mk-tabla table{width:100%;border-collapse:collapse;font-size:13px;}
.mk-tabla th,.mk-tabla td{padding:8px 10px;border-bottom:1px solid rgba(19,22,28,0.06);text-align:left;white-space:nowrap;}
.mk-tabla th{position:sticky;top:0;background:#f7f9fb;font-size:11.5px;text-transform:uppercase;letter-spacing:0.4px;color:#5f6773;}
.mk-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:6px 0 14px;}
.mk-num > div{padding:14px;border-radius:14px;background:#f7f9fb;display:flex;flex-direction:column;gap:2px;}
.mk-num b{font-size:26px;line-height:1.1;} .mk-num span{font-size:12.5px;color:#5f6773;}
.mk-num > div.mal{background:#fdf3f2;} .mk-num > div.mal b{color:#b3261e;}
.mk-errores{margin:0 0 14px;padding-left:18px;font-size:13px;color:#99302a;}
.mk-aud{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px;padding:14px;border-radius:14px;background:#fbf4e6;}
.mk-aud > div{display:flex;align-items:baseline;gap:8px;} .mk-aud b{font-size:28px;color:#525d6c;} .mk-aud span{font-size:14px;font-weight:600;}
.mk-aud p{flex:1 1 260px;margin:0;font-size:13px;color:#5c4513;}
#mk-vars{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;}
#mk-vars label{font-weight:700;color:#00775f;}
.mk-prev{margin-top:14px;max-width:460px;}
.mk-prev > small{display:block;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:#5f6773;margin-bottom:8px;}
.mk-iframe{width:100%;max-width:640px;height:620px;border:1px solid rgba(19,22,28,0.1);border-radius:14px;background:#111;}
.mk-prev:has(.mk-iframe){max-width:640px;}
.mk-cuando{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px;}
.mk-op{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid rgba(19,22,28,0.12);background:#fff;cursor:pointer;}
.mk-op:has(input:checked){border-color:#525d6c;box-shadow:0 0 0 3px rgba(82,93,108,0.08);}
.mk-op input[type=radio]{width:18px;height:18px;margin-top:2px;accent-color:#525d6c;flex-shrink:0;}
.mk-op span{display:flex;flex-direction:column;gap:4px;min-width:0;} .mk-op small{font-size:12.5px;color:#5f6773;}
.mk-op input[type=datetime-local]{margin-top:4px;}
.mk-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.mk-it{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(19,22,28,0.08);background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s;}
.mk-it:hover{border-color:rgba(82,93,108,0.25);box-shadow:0 6px 18px rgba(28,34,44,0.06);}
.mk-it > div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.mk-it b{font-size:14.5px;} .mk-it small{font-size:12.5px;color:#5f6773;}
.mk-it-der{align-items:flex-end;text-align:right;flex-shrink:0;}
.mk-ver-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;}
.mk-ver-cab h2{margin:6px 0 6px;}
.mk-ver-cab small{display:block;margin-top:6px;}

/* Revisión de la importación */
.imp-resumen{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;}
.imp-f{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;border:1px solid rgba(19,22,28,0.12);background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
.imp-f b{font-size:11.5px;padding:1px 7px;border-radius:99px;background:rgba(19,22,28,0.07);}
.imp-f.on{background:#525d6c;border-color:#525d6c;color:#fff;} .imp-f.on b{background:rgba(255,255,255,0.2);}
.imp-tabla{max-height:560px;}
.imp-tabla td{vertical-align:top;}
.imp-tabla tr.imp-off td{opacity:0.55;}
.imp-tabla input[type=checkbox]{width:17px;height:17px;accent-color:#525d6c;}
.imp-notas{white-space:normal !important;min-width:240px;}
.imp-n{display:block;font-size:12px;line-height:1.45;padding-left:14px;position:relative;}
.imp-n::before{content:'';position:absolute;left:2px;top:6px;width:6px;height:6px;border-radius:50%;}
.imp-n-info{color:#545c68;} .imp-n-info::before{background:#a39b91;}
.imp-n-aviso{color:#76663f;} .imp-n-aviso::before{background:#d39a1c;}
.imp-n-error{color:#99302a;font-weight:600;} .imp-n-error::before{background:#b3261e;}

/* Dashboard · pestañas y Marketing */
.db-vistas{display:flex;gap:6px;margin:4px 0 16px;padding:4px;border-radius:14px;background:#f0ebe3;width:fit-content;max-width:100%;overflow-x:auto;}
.db-vistas a{padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:600;color:#545c68;text-decoration:none;white-space:nowrap;}
.db-vistas a.on{background:#fff;color:#525d6c;box-shadow:0 2px 8px rgba(28,34,44,0.08);}
.db-sub-h{margin:16px 0 8px;font-size:12px;letter-spacing:0.6px;text-transform:uppercase;color:#5f6773;}
.mk-rojo{color:#b3261e;}
.mkd-ultima{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;background:#f7f9fb;margin-bottom:6px;}
.mkd-ultima small{font-size:11.5px;color:#5f6773;} .mkd-ultima span{font-size:13px;color:#2c3138;}
.mkd-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.mkd-lista li{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:10px;border:1px solid rgba(19,22,28,0.08);}
.mkd-lista small{font-size:12px;color:#5f6773;}
.mkd-barras{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.mkd-barras li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;}
.mkd-barras span{font-weight:600;font-size:13.5px;}
.mkd-barras i{height:9px;border-radius:99px;background:linear-gradient(90deg,#525d6c var(--p),#f0ebe3 var(--p));}
.mkd-barras b{font-size:14px;} .mkd-barras small{grid-column:2/4;font-size:11.5px;color:#5f6773;}
.mkd-dl{margin:0;display:flex;flex-direction:column;}
.mkd-dl > div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(19,22,28,0.06);font-size:13.5px;}
.mkd-dl dt{color:#5f6773;} .mkd-dl dd{margin:0;text-align:right;}
.mkd-gasto{display:flex;align-items:baseline;gap:10px;margin:2px 0 10px;}
.mkd-gasto b{font-size:30px;line-height:1.1;} .mkd-gasto small{font-size:13px;color:#5f6773;}

/* ── Carga al navegar: barra superior + esqueleto ── */
#bs-carga{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .2s;}
#bs-carga.on{opacity:1;}
#bs-carga i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#525d6c,#95835d);box-shadow:0 0 10px rgba(149,131,93,0.55);animation:bs-carga 1.1s cubic-bezier(.45,.05,.4,1) infinite;}
@keyframes bs-carga{0%{left:-40%;width:40%;}60%{left:60%;width:35%;}100%{left:105%;width:20%;}}
html.bs-navegando, html.bs-navegando *{cursor:progress;}

main.esq-on > :not(.bs-esq){display:none !important;}
.bs-esq{display:flex;flex-direction:column;gap:16px;animation:esq-entra .25s ease-out;}
@keyframes esq-entra{from{opacity:0;}to{opacity:1;}}
.esq{display:block;border-radius:10px;
  background:linear-gradient(100deg,#ece6dc 30%,#f7f3ed 50%,#ece6dc 70%);background-size:300% 100%;animation:esq-brillo 1.3s ease-in-out infinite;}
@keyframes esq-brillo{from{background-position:100% 0;}to{background-position:0 0;}}
.esq-cabeza{display:flex;flex-direction:column;gap:8px;margin-bottom:4px;}
.esq-titulo{margin:0;font-family:inherit;}
.esq-t{width:220px;max-width:60%;height:30px;}
.esq-sub{width:340px;max-width:80%;height:13px;}
.esq-card{display:flex;flex-direction:column;gap:11px;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(19,22,28,0.07);min-width:0;}
.esq-h{width:38%;height:16px;margin-bottom:4px;}
.esq-l{width:100%;height:12px;}
.esq-corta{width:55%;}
.esq-kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;}
.esq-kpi{height:104px;border-radius:18px;}
.esq-kpi-lider{background:linear-gradient(100deg,#e7d9d0 30%,#f3ebe5 50%,#e7d9d0 70%);background-size:300% 100%;}
.esq-2-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;}
.esq-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.esq-grafica{display:flex;align-items:flex-end;gap:8px;height:160px;padding-top:8px;}
.esq-barra{flex:1;border-radius:6px 6px 3px 3px;}
.esq-grafica .esq-barra:nth-child(3n+1){height:45%;} .esq-grafica .esq-barra:nth-child(3n+2){height:72%;} .esq-grafica .esq-barra:nth-child(3n){height:30%;}
.esq-grafica .esq-barra:nth-child(5){height:90%;} .esq-grafica .esq-barra:nth-child(9){height:62%;}
.esq-centro{align-items:center;justify-content:center;}
.esq-anillo{width:118px;height:118px;border-radius:50%;margin:6px 0;}
.esq-embudo{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:120px;}
.esq-paso{border-radius:8px;}
.esq-embudo .esq-paso:nth-child(1){height:100%;} .esq-embudo .esq-paso:nth-child(2){height:82%;} .esq-embudo .esq-paso:nth-child(3){height:66%;}
.esq-embudo .esq-paso:nth-child(4){height:50%;} .esq-embudo .esq-paso:nth-child(5){height:38%;} .esq-embudo .esq-paso:nth-child(6){height:26%;} .esq-embudo .esq-paso:nth-child(7){height:18%;}
.esq-tabs{display:flex;gap:8px;overflow:hidden;}
.esq-tab{width:96px;height:34px;flex-shrink:0;border-radius:99px;}
.esq-tabla{gap:0;padding:6px 18px 10px;}
.esq-tabla .esq-h{margin:12px 0 10px;}
.esq-fila{display:grid;grid-template-columns:36px minmax(0,2fr) minmax(0,1fr) 72px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(19,22,28,0.06);}
.esq-av{width:36px;height:36px;border-radius:50%;}
.esq-pill{height:22px;border-radius:99px;}
@media (max-width:900px){
  .esq-kpis{grid-template-columns:1fr 1fr;} .esq-kpi-lider{grid-column:1/-1;}
  .esq-2-1,.esq-3{grid-template-columns:1fr;}
  .esq-fila{grid-template-columns:36px minmax(0,1fr) 60px;} .esq-fila .esq-corta{display:none;}
}
@media (prefers-reduced-motion:reduce){ .esq,#bs-carga i{animation:none;} #bs-carga i{left:0;width:100%;opacity:.7;} }


/* ══ Landing Reinicia · versiones A/B/C ══ */
.la-nav{display:grid;grid-template-columns:minmax(170px,.8fr) repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.la-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line,#e1e6eb);color:inherit;text-decoration:none;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.la-nav a:hover{border-color:#c9cfd6;transform:translateY(-1px)}
.la-nav a.on{border:2px solid #1e2634;box-shadow:0 10px 24px -16px rgba(30,38,52,.5);padding:11px 13px}
.la-nav a span{display:flex;flex-direction:column;min-width:0}
.la-nav b{font-size:14px}
.la-nav small{font-size:12px;color:#5b6573;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.la-nav-res svg{flex-shrink:0;color:#76663f}
.la-vcard .la-vcard-txt{flex:1}
.la-vcard.off{background:#f7f8fa}
.la-letra{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid !important;place-items:center;font-weight:700;font-size:15px;background:#eef1f4;color:#1e2634}
.la-vcard.on .la-letra{background:#1e2634;color:#fff}
.la-pill{flex-shrink:0;display:inline-block;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.la-pill.pub{background:#e3f4ea;color:#1d6b3e}.la-pill.pau{background:#eceff2;color:#5b6573}.la-pill.gana{background:#fbf0d6;color:#76663f}
.la-guia{margin:12px 0 4px;padding:14px 16px;border-radius:14px;background:#fbf6ea;border:1px solid #ecd9ad;font-size:14px}
.la-guia ol{margin:6px 0 0;padding-left:20px;line-height:1.7}
.la-resu-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.la-chips{display:flex;gap:6px;flex-wrap:wrap}
.la-chips a{padding:6px 12px;border-radius:99px;border:1px solid var(--line,#e1e6eb);font-size:13px;font-weight:600;text-decoration:none;color:inherit}
.la-chips a.on{background:#1e2634;color:#fff;border-color:#1e2634}
.la-resu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:14px}
.la-ver{border:1px solid var(--line,#e1e6eb);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.la-ver.gana{border:2px solid #b5a175;box-shadow:0 12px 30px -18px rgba(149,111,40,.55)}
.la-ver.off{opacity:.7}
.la-ver header{display:flex;justify-content:space-between;align-items:center}
.la-ver-nom{margin:0;font-size:13px;font-weight:600;color:#5b6573}
.la-ver-tit{margin:0;font-size:13.5px;line-height:1.45;color:#2f3540;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.la-met{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:4px 0 0}
.la-met div{margin:0}.la-met dt{font-size:11.5px;color:#5b6573}.la-met dd{margin:0;font-weight:700;font-size:16px}
.la-met .grande{grid-column:1/-1}.la-met .grande dd{font-size:28px}
.la-met small{font-weight:500;color:#5b6573;font-size:12px}
.la-aviso{margin:0;padding:6px 10px;border-radius:10px;background:#fff6e0;color:#76663f;font-size:12.5px;font-weight:600}
.la-nota{font-size:13px;color:#5b6573;margin:10px 0 0}
.la-url{display:flex;gap:8px;align-items:center;margin-top:auto}
.la-url input{flex:1;min-width:0;font-size:13px}

/* Editor: formulario a la izquierda, portada en vivo y acciones a la derecha */
.la-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.la-col{min-width:0;display:flex;flex-direction:column;gap:14px}
.la-col > .card{margin:0}
.la-lado{position:sticky;top:16px}
.la-lado-in{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line,#e1e6eb);box-shadow:0 18px 40px -28px rgba(30,38,52,.45)}
.la-lado-rot{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5b6573}
.la-mini{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 16px;border-radius:16px;
  background:radial-gradient(120% 80% at 50% 0%,#eef4fa,#fff 70%);border:1px solid #dfe6ee}
.la-mini img{max-width:150px;height:auto}
.la-mini-tit{margin:0;font-family:Cinzel,Georgia,serif;font-size:17px;line-height:1.3;color:#1e2634}
.la-mini-sub{margin:0;font-size:12px;line-height:1.5;color:#5b6573;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.la-mini-btn{display:inline-block;padding:9px 16px;border-radius:99px;font-size:12.5px;font-weight:700;color:#1e2634;background:linear-gradient(135deg,#f3dc9c,#b5a175 55%,#e8c97a)}
.la-ancho{width:100%;justify-content:center;text-align:center}
.la-en-linea{align-items:flex-start;padding:12px;border-radius:14px;background:#f6f7f9}
.la-en-linea span{display:flex;flex-direction:column;gap:2px}
.la-en-linea small{font-weight:400;font-size:12.5px;color:#5b6573;line-height:1.4}
.la-guardar{display:flex;flex-direction:column;gap:6px}
.la-sin{font-size:12.5px;font-weight:600;color:#76663f;text-align:center}
.la-pasos{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0 0 14px;padding:0}
.la-pasos li{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:99px;background:#f2f4f6;font-size:13px;color:#5b6573}
.la-pasos li b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#fff;color:#5b6573}
.la-pasos li.act{background:#1e2634;color:#fff}.la-pasos li.act b{background:#fff;color:#1e2634}
.la-pasos li.ok{background:#e3f4ea;color:#1d6b3e}.la-pasos li.ok b{background:#1d6b3e;color:#fff}
.la-nombre{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;max-width:420px}
.la-nombre small{font-weight:400;color:#5b6573}
.la-switch{display:inline-flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.la-switch input{width:auto;accent-color:#1d6b3e;transform:scale(1.2);flex-shrink:0;margin-top:2px}
details.la-bloq,details.la-acc{background:#f6f7f9}
details.la-bloq summary,details.la-acc summary{cursor:pointer;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;list-style:none}
details.la-bloq summary::-webkit-details-marker,details.la-acc summary::-webkit-details-marker{display:none}
details.la-bloq summary span{margin-left:auto;font-weight:500;color:#76663f;text-decoration:underline;text-underline-offset:3px}
details.la-acc summary::after{content:"▾";margin-left:auto;color:#8a929d}
details[open] > summary{margin-bottom:10px}
.la-bloq p{margin:0 0 6px;font-size:13.5px}.la-bloq ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.6}
.la-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.la-campos label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.la-campos label.ancho{grid-column:1/-1}
.la-campos small{font-weight:400;color:#5b6573}
.la-cuenta.largo{color:#a1461f !important;font-weight:600 !important}
.la-foto{display:flex;gap:16px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line,#e1e6eb);flex-wrap:wrap}
.la-foto > div{flex:1;min-width:200px}
.la-foto img{width:88px;height:112px;object-fit:cover;border-radius:44px 44px 14px 14px;border:2px solid #b5a175;background:#eef1f4}
.la-foto .sub{margin:4px 0}
.la-check{display:flex;gap:6px;align-items:center;font-size:13px;margin-top:8px}.la-check input{width:auto}
.la-secs{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.la-sec{border:1px solid var(--line,#e1e6eb);border-radius:14px;background:#fff;transition:opacity .2s,background .3s}
.la-sec-cab{display:flex;align-items:center;gap:12px;padding:10px 12px}
.la-sec-nom{flex:1;min-width:0;text-align:left;background:none;border:0;font:inherit;cursor:pointer;padding:4px 0;display:flex;flex-direction:column;gap:2px}
.la-sec-nom b{font-size:14px}
.la-sec-nom b::after{content:"  ▾";color:#8a929d;font-weight:400}
.la-sec-nom[aria-expanded=true] b::after{content:"  ▴"}
.la-sec-nom small{font-size:12px;color:#5b6573;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.la-oculta{display:none;flex-shrink:0;padding:3px 9px;border-radius:99px;background:#eceff2;color:#5b6573;font-size:11px;font-weight:700}
.la-sec.apagada{background:#f6f7f9}
.la-sec.apagada .la-sec-nom{opacity:.55}
.la-sec.apagada .la-oculta{display:inline-block}
.la-sec.movida{background:#fbf6ea}
.la-sec-mov{display:flex;gap:4px;flex-shrink:0}
.la-sec-mov button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line,#e1e6eb);background:#fff;cursor:pointer;font-size:15px}
.la-sec-mov button:hover{background:#f2f4f6}
.la-sec-cuerpo{padding:4px 14px 16px;border-top:1px solid var(--line,#e1e6eb)}
.la-testis{display:grid;gap:12px;margin-top:10px}
.la-testis fieldset{border:1px solid var(--line,#e1e6eb);border-radius:12px;padding:12px 14px;margin:0}
.la-testis legend{font-weight:600;font-size:13px;padding:0 6px}
.la-acc-fila{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.la-acc-fila label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
@media (max-width:1100px){ .la-nav{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:960px){
  .la-editor{grid-template-columns:1fr}
  .la-lado{position:static}
  .la-editor{padding-bottom:84px}
  /* En el celular el botón de guardar queda siempre a mano, encima del menú de abajo */
  .la-guardar{position:fixed;left:12px;right:12px;bottom:76px;z-index:20;padding:10px;border-radius:16px;background:rgba(255,255,255,.96);
    box-shadow:0 12px 30px -12px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
@media (max-width:560px){ .la-nav{grid-template-columns:1fr} .la-nav small{-webkit-line-clamp:1} }

/* Propuestas de las IAs */
.la-punto{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#b5a175;box-shadow:0 0 0 3px rgba(201,162,79,.25)}
.la-nav a{position:relative}
.la-prop{border:2px solid #b5a175;background:#fffaf0;margin-bottom:14px}
.la-prop-cab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.la-prop-mot{margin:6px 0 0;font-style:italic;color:#5b6573;font-size:13.5px}
.la-prop-difs{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.la-dif{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #efe3c4}
.la-dif-campo{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#76663f}
.la-dif del{color:#8a3b2b;background:#fdeeea;padding:2px 6px;border-radius:6px;font-size:13px;text-decoration-thickness:1px}
.la-dif ins{color:#1d6b3e;background:#e8f5ec;padding:2px 6px;border-radius:6px;font-size:13px;text-decoration:none}
.la-prop-acc{display:flex;gap:10px;flex-wrap:wrap}

/* "Otras acciones" y bloques plegables: tarjeta propia, del ancho de la columna del formulario */
details.la-acc,details.la-bloq{display:block;padding:14px 18px;border-radius:16px;border:1px solid var(--line,#e1e6eb);background:#fff}
details.la-acc{margin-top:16px;max-width:calc(100% - 348px)}
details.la-acc summary{font-size:14px;color:#1e2634}
details.la-acc[open]{background:#fff}
.la-acc-fila select{min-width:150px}
.la-acc-fila{align-items:flex-end}
.la-acc-gana{margin-top:14px !important;padding-top:14px;border-top:1px solid var(--line,#e1e6eb);align-items:center !important;justify-content:space-between}
.la-acc-gana p{flex:1;min-width:220px;font-size:14px}
@media (max-width:960px){ details.la-acc{max-width:none} }

/* Velocidad · PageSpeed */
.la-ps{margin-top:18px}
.la-ps-acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.la-ps-acc .btn.is-loading{opacity:.7;pointer-events:none}
.la-ps-estado{font-size:13px;font-weight:600;color:#5b6573}
.la-ps-estado.corre{color:#76663f}
.la-ps-estado.corre::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid #e6d3a4;border-top-color:#76663f;vertical-align:-2px;animation:la-gira .8s linear infinite}
.la-ps-estado.error{color:#a1461f}
@keyframes la-gira{to{transform:rotate(360deg)}}
.la-ps-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px}
.la-ps-ver{border:1px solid var(--line,#e1e6eb);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:14px}
.la-ps-ver header{display:flex;align-items:center;gap:10px}
.la-ps-tit{flex:1;min-width:0;display:flex;flex-direction:column}
.la-ps-tit small{font-size:12px;color:#5b6573}
.la-ps-hist{width:96px;height:34px;color:#76663f;flex-shrink:0}
.la-ps-notas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.la-ps-nota{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.la-ps-nota svg{width:62px;height:62px;transform:rotate(-90deg)}
.la-ps-nota circle{fill:none;stroke-width:3.2}
.la-ps-nota .fondo{stroke:#eef0f2}
.la-ps-nota .arco{stroke-linecap:round;transition:stroke-dasharray .6s}
.la-ps-nota b{position:absolute;top:19px;left:0;right:0;font-size:18px}
.la-ps-nota span{font-size:11.5px;color:#5b6573;line-height:1.2}
.la-ps-nota.bien .arco{stroke:#1d8a4d}.la-ps-nota.bien b{color:#1d6b3e}
.la-ps-nota.medio .arco{stroke:#d08a12}.la-ps-nota.medio b{color:#8a5a06}
.la-ps-nota.mal .arco{stroke:#d1432b}.la-ps-nota.mal b{color:#a1301e}
.la-ps-met{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0}
.la-ps-met div{padding:8px 10px;border-radius:12px;background:#f6f7f9;border-left:3px solid #c9cfd6}
.la-ps-met dt{font-size:11.5px;color:#5b6573}.la-ps-met dd{margin:2px 0 0;font-weight:700;font-size:15px}
.la-ps-met .bien{border-left-color:#1d8a4d}.la-ps-met .medio{border-left-color:#d08a12}.la-ps-met .mal{border-left-color:#d1432b}
.la-ps-diag h3{margin:0 0 8px;font-size:14px}
.la-ps-diag ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.la-ps-diag li{padding:10px 12px;border-radius:12px;background:#f6f7f9;border-left:3px solid #c9cfd6}
.la-ps-diag li.p1{background:#fdf1ee;border-left-color:#d1432b}
.la-ps-diag li.p2{background:#fdf6e7;border-left-color:#d08a12}
.la-ps-diag li b{font-size:13.5px}
.la-ps-diag li p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#3d4450}
.la-ps-diag li p.hacer{color:#1e2634;font-weight:600}
.la-ps-diag li p.hacer::before{content:"Qué hacer: ";color:#76663f}
.la-ps-google summary,.la-ps-clave summary{cursor:pointer;font-weight:600;font-size:13.5px}
.la-ps-google[open] summary{margin-bottom:8px}
.la-ps-sub{margin:12px 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#76663f}
.la-ps-terc,.la-ps-op{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.la-ps-terc li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f1f3}
.la-ps-op li{display:flex;flex-direction:column;gap:2px;font-size:13px}
.la-ps-op li span{color:#5b6573;font-size:12.5px}
.la-ps-clave{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#e1e6eb)}
.la-ps-clave input{min-width:280px}
@media (max-width:560px){ .la-ps-lista{grid-template-columns:1fr} .la-ps-nota svg{width:54px;height:54px} .la-ps-nota b{top:16px;font-size:16px} }

/* Conexiones · mapa */
.cx-punto.error{background:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,0.14);}
.cx-mapa{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.cx-mapa-area{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--glass-bg);border:1px solid rgba(255,255,255,0.82);box-shadow:var(--glass-shadow);}
.cx-mapa-rotulo{font-size:9.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-ink);padding:0 4px 6px;}
.cx-mapa-item{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;color:inherit;text-decoration:none;transition:background .18s ease;}
a.cx-mapa-item:hover{background:rgba(255,255,255,0.75);}
.cx-mapa-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cx-mapa-txt b{font-size:13.5px;font-weight:600;}
.cx-mapa-txt span{font-size:12px;color:#5f6773;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-mapa-donde{font-size:11px;color:#7d8590;white-space:nowrap;}
a.cx-mapa-item .cx-mapa-donde{color:var(--gold-ink);}
@media (max-width:640px){ .cx-mapa-donde{display:none;} }

.cx-gres{margin-top:12px;padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.5;border:1px solid transparent;}
.cx-gres.corre{background:#fbf5e8;border-color:#ecd9ae;color:#6a4f17;}
.cx-gres.bien{background:#eaf6ef;border-color:#bfe2cc;color:#1f6a3f;}
.cx-gres.mal{background:#fbeceb;border-color:#efc4c0;color:#8f2a22;}

/* IA (Gemini) */
.ia-barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 4px;}
.ia-barra input{flex:1;min-width:220px;}
.ia-barra small{font-size:12px;color:#5f6773;}
.ia-btn{display:inline-flex;align-items:center;gap:7px;}
.ia-btn svg{color:#8a7a55;}
.ia-res{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,0.72);border:1px solid rgba(149,131,93,0.22);font-size:13.5px;line-height:1.55;}
.ia-res.corre{display:flex;align-items:center;gap:10px;color:#6a4f17;background:#fbf5e8;}
.ia-res.mal{background:#fbeceb;border-color:#efc4c0;color:#8f2a22;}
.ia-pulso{width:10px;height:10px;border-radius:50%;background:#95835d;animation:ia-pulso 1.1s ease-in-out infinite;flex-shrink:0;}
@keyframes ia-pulso{0%,100%{opacity:.35;transform:scale(.8);}50%{opacity:1;transform:scale(1.1);}}
.ia-res-nota{margin:0 0 10px;font-size:12.5px;color:#5f6773;}
.ia-op{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(19,22,28,0.07);}
.ia-op:first-of-type{border-top:none;}
.ia-op-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.ia-op-txt b{font-size:14px;color:#131314;}
.ia-op-txt span:not(.ia-chip){font-size:12.5px;color:#545c68;}
.ia-chip{align-self:flex-start;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#76663f;background:#eceff2;border-radius:99px;padding:2px 8px;}
.ia-consejos{margin-top:12px;padding-top:10px;border-top:1px solid rgba(19,22,28,0.07);}
.ia-consejos ul{margin:6px 0 0;padding-left:18px;}
.ia-resumen-txt{white-space:normal;}
.ia-res-pie{display:block;margin-top:10px;font-size:11.5px;color:#7d8590;}
.ia-puesto{box-shadow:0 0 0 3px rgba(149,131,93,0.35) !important;transition:box-shadow .3s;}
.ia-card .db-card-cabeza{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.cx-area{width:100%;box-sizing:border-box;padding:11px 13px;font-family:inherit;font-size:13px;line-height:1.55;color:#131314;border:1px solid #d3dae1;border-radius:10px;background:#fff;resize:vertical;}
.wb-cat-aviso{margin-top:10px;padding:12px 14px;border-radius:12px;background:#fbf5e8;border:1px solid #ecd9ae;font-size:13px;line-height:1.5;color:#5e5233;}
.wb-cat-aviso p{margin:0 0 10px;}
.wb-cat-res{display:block;margin-top:8px;font-size:12.5px;}

/* Resultado de una prueba de conexión */
.cx-resultado{margin-top:14px;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;background:rgba(19,22,28,.04);color:#22262b;}
.cx-resultado.ok{background:#e7f3eb;color:#24603a;}
.cx-resultado.error{background:#fbeae8;color:#8d3128;}
.cx-resultado small{opacity:.7;}

.cx-avanzado{margin-top:16px;border-top:1px solid rgba(19,22,28,.08);padding-top:12px;}
.cx-avanzado>summary{cursor:pointer;font-size:13.5px;font-weight:600;color:#525d6c;}
.cx-pasos{margin:10px 0 6px;padding-left:20px;font-size:13px;line-height:1.6;color:#33383f;}
.cx-pasos code{font-size:12px;background:rgba(19,22,28,.05);padding:1px 5px;border-radius:5px;word-break:break-all;}
.cx-copiable{user-select:all;}
.cx-pie-sep{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;}
.cx-pie-sep form{margin:0;}
.pa-btn-fb{display:inline-flex;align-items:center;gap:8px;background:#1877f2 !important;border-color:#1877f2 !important;color:#fff !important;}

/* Editor landing: vista previa con la portada nueva (como se ve en el celular: foto arriba, texto blanco abajo) */
.la-mini{position:relative;overflow:hidden;display:block;padding:0;border-radius:16px;border:0;background:#191d24;text-align:left}
.la-mini .la-mini-foto{display:block;width:100%;height:190px;max-width:none;object-fit:cover;object-position:50% 22%;margin:0}
.la-mini::before{content:"";position:absolute;left:0;right:0;top:110px;height:80px;background:linear-gradient(180deg,rgba(25,29,36,0),#191d24);z-index:1}
.la-mini-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:-34px;padding:0 16px 18px}
.la-mini-sello{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.06)),rgba(31,36,45,.4);border:1px solid rgba(255,255,255,.65)}
.la-mini-sello i{width:6px;height:6px;border-radius:50%;background:#f3d796;flex:none}
.la-mini .la-mini-tit{color:#fff;font-size:15px;line-height:1.22;white-space:pre-line;text-shadow:0 2px 14px rgba(19,19,20,.5)}
.la-mini .la-mini-sub{color:#e8ebef;font-size:11px;-webkit-line-clamp:3}
.la-mini .la-mini-btn{background:linear-gradient(110deg,#b89a5e 0%,#f3d796 45%,#c4a76b 70%,#95835d 100%);color:#131314;border:1px solid rgba(255,255,255,.6);padding:8px 14px;font-size:11.5px}
.la-mini-link{font-size:10.5px;color:#fff;text-decoration:underline;text-underline-offset:2px}

/* ══ Marketing · tablero de inicio ══ */
.mkd-brevo{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:6px 12px;border-radius:99px;background:#f2f4f6;border:1px solid rgba(82,93,108,.14);font-size:12.5px;color:#5f6773}
.mkd-brevo i{width:8px;height:8px;border-radius:50%;background:#a0a7b0}
.mkd-brevo.on{background:#eef7f1;border-color:rgba(31,138,76,.22);color:#1d5b37}
.mkd-brevo.on i{background:#1f8a4c;box-shadow:0 0 0 3px rgba(31,138,76,.18)}
.mkd-brevo a{color:inherit;font-weight:700}
.mkd{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:14px}
.mkd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.mkd-kpi{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(19,22,28,.07);box-shadow:0 14px 34px -28px rgba(19,22,28,.45)}
.mkd-kpi span{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#5f6773}
.mkd-kpi b{font-size:32px;line-height:1.05;font-weight:700;color:#131314;font-variant-numeric:tabular-nums}
.mkd-kpi small{font-size:12.5px;color:#5f6773}
.mkd-kpi.mal b{color:#b3261e}
.mkd-kpi-a{background:linear-gradient(150deg,#1f242d,#364050);border-color:transparent}
.mkd-kpi-a span,.mkd-kpi-a small{color:#bdc7cf}
.mkd-kpi-a b{color:#fff}
.mkd-kpi-oro{background:linear-gradient(150deg,#fffaf0,#f6ecd6);border-color:rgba(149,131,93,.25)}
.mkd-kpi-oro span{color:#75653f}
.mkd-medidor{display:block;height:6px;margin-top:8px;border-radius:9px;background:rgba(189,199,207,.28);overflow:hidden}
.mkd-medidor em{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#95835d,#f3d796);transition:width .6s ease}
.mkd-medidor.lleno em{background:linear-gradient(90deg,#c0352b,#e9806f)}
.mkd-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.mkd-cab h2{margin:0;font-size:17px}
.mkd-cab small{font-size:12.5px;color:#5f6773}
.mkd-graf{margin:0}
.mkd-barras{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;align-items:end;height:170px;padding-top:18px}
.mkd-dia{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.mkd-dia i{position:relative;display:block;width:100%;max-width:30px;min-height:2px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#525d6c,#bdc7cf);transition:height .5s ease}
.mkd-dia i:empty{background:#eef1f4}
.mkd-dia.hoy i{background:linear-gradient(180deg,#95835d,#f3d796)}
.mkd-dia em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;font-style:normal;font-size:10.5px;font-weight:700;color:#3b4350;white-space:nowrap}
.mkd-dia span{font-size:10.5px;line-height:1.25;text-align:center;color:#7d8590}
.mkd-dia.hoy span{color:#75653f;font-weight:700}
.mkd-vacio{margin:10px 0 0;font-size:13px;color:#5f6773}
.mkd-lado{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-content:start}
.mkd-mini{margin:0;display:flex;flex-direction:column;gap:6px}
.mkd-rot{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#75653f}
.mkd-mini > b{font-size:24px;line-height:1.1;color:#131314}
.mkd-mini > b small{font-size:13px;font-weight:500;color:#5f6773}
.mkd-mini > small{font-size:12.5px;line-height:1.5;color:#5f6773}
.mkd-prox{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#f7f9fb;text-decoration:none;color:inherit}
.mkd-prox:hover{background:#eef2f6}
.mkd-prox b{font-size:14px;color:#131314}.mkd-prox small{font-size:12.5px;color:#5f6773}
.mkd-fuera{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mkd-fuera li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(19,22,28,.06);font-size:13px;color:#3b4350}
.mkd-fuera li:last-child{border-bottom:0}
.mkd-fuera b{font-variant-numeric:tabular-nums}
@container (min-width:900px){
  .mkd{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
  .mkd-kpis{grid-column:1/-1}
  .mkd-lado{grid-template-columns:1fr}
}
@media (max-width:600px){
  .mkd-kpi b{font-size:26px}
  .mkd-barras{gap:3px;height:140px}
  .mkd-dia em{display:none}
}