/* Insights, pro layer: Analíticas + "Qué importa hoy". Builds on marketing-pro.css. */
.ip-page .head-actions{display:flex;align-items:center;gap:8px}
.mp-enter :is(.ip-tabs,.ip-hero){animation:mp-rise .45s cubic-bezier(.22,1,.36,1) both}
.mp-enter .ip-body>*,.ip-in>*{animation:mp-rise .42s cubic-bezier(.22,1,.36,1) both}
.mp-enter .ip-body>:nth-child(2),.ip-in>:nth-child(2){animation-delay:.05s}.mp-enter .ip-body>:nth-child(3),.ip-in>:nth-child(3){animation-delay:.1s}.mp-enter .ip-body>:nth-child(n+4),.ip-in>:nth-child(n+4){animation-delay:.15s}

/* Tabs with sliding ink */
.ip-tabs{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-bottom:18px;padding:4px;border:1px solid var(--cp-line);border-radius:14px;background:#fff}
.ip-tabs button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 18px;border:0;background:none;color:var(--cp-text);font:650 13px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap;transition:color .2s}
.ip-tabs .icon{width:15px;height:15px}
.ip-tabs button[aria-selected=true]{color:#fff}
.ip-tabs-ink{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n,3));border-radius:10px;background:var(--cp-accent);transform:translateX(calc(var(--x) * 100%));transition:transform .35s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 12px #2f6b4633}

/* Hero */
.ip-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:14px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#1f4a35,#2f6b46 55%,#4d8a5a);color:#fff;box-shadow:0 14px 34px #1c362826}
.ip-hero small{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:.5px;text-transform:uppercase;opacity:.75}
.ip-hero>div>b{display:inline-block;margin:6px 10px 4px 0;font:750 38px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.4px}
.ip-hero>div>b span{font-size:16px;font-weight:600;letter-spacing:0;opacity:.8}
.ip-hero p{margin:4px 0 0;font-size:13px;line-height:1.5;opacity:.88}
.ip-hero dl{margin:0;display:grid;gap:1px;border-radius:14px;overflow:hidden;background:#ffffff26}
.ip-hero dl div{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#ffffff14}
.ip-hero dt{font-size:12px;opacity:.82}.ip-hero dd{margin:0;font:750 16px 'Plus Jakarta Sans',sans-serif}
.ip-hero .ip-delta{vertical-align:6px;background:#ffffff26;color:#fff}
.ip-hero.support{background:linear-gradient(135deg,#2d2a55,#5a45a8 60%,#7d68c9)}
.ip-hero.sales{background:linear-gradient(135deg,#3a2f6b,#6a55b5 50%,#2f6b46)}
.ip-delta{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:999px;font:700 11.5px 'DM Sans',sans-serif;font-style:normal;background:#eef1ed;color:var(--cp-text)}
.ip-delta.up{background:#e2f0dc;color:var(--cp-accent)}.ip-delta.down{background:#fae5e4;color:#a3423f}
.ip-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.ip-split>div{padding:12px 14px;border-radius:14px;background:#ffffff1f}
.ip-split small{display:block}.ip-split b{display:block;margin:4px 0 2px;font:750 20px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px}.ip-split span{font-size:11.5px;opacity:.8}
.ip-split-bar{grid-column:1/-1;display:block;height:8px;border-radius:999px;background:#ffffff40;overflow:hidden}
.ip-split-bar>i{display:block;height:100%;background:#fff;border-radius:inherit;animation:mp-grow .8s cubic-bezier(.22,1,.36,1) both;transform-origin:left}

/* Cards */
.ip-card{margin-bottom:14px;padding:18px;border:1px solid var(--cp-line);border-radius:18px;background:#fff}
.ip-card>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ip-card h3{margin:0;font:700 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px}
.ip-sub{font-size:12px;color:var(--cp-muted)}
.ip-note{margin:12px 0 0;font-size:12px;color:var(--cp-muted);line-height:1.45}.ip-note strong{color:var(--cp-ink)}
.ip-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--cp-text)}
.ip-legend span{display:inline-flex;align-items:center;gap:6px}.ip-legend i{width:10px;height:10px;border-radius:3px}
.ip-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ip-grid4 .ip-card{margin:0;display:flex;flex-direction:column}
.ip-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.ip-src header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px}
.ip-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.ip-ico .icon{width:16px;height:16px}
.ip-src h3{font-size:13.5px}
.ip-src dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.ip-src dt{font-size:11px;color:var(--cp-muted)}.ip-src dd{margin:2px 0 0;font:750 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px}
.ip-src dd.up{color:var(--cp-accent)}
.ip-link{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding:12px 0 0;border:0;background:none;color:var(--cp-accent);font:650 12px 'DM Sans',sans-serif;cursor:pointer;align-self:flex-start}
.ip-link .icon{width:13px;height:13px;transition:transform .2s}.ip-link:hover .icon{transform:translateX(3px)}

/* Bar chart */
.ip-bars{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(3px,1vw,12px);align-items:end;height:220px;padding-top:6px}
.ip-bar{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:6px;height:100%;cursor:default}
.ip-stack{display:flex;flex-direction:column-reverse;border-radius:8px 8px 3px 3px;overflow:hidden;min-height:3px;animation:mp-up .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 25ms);transform-origin:bottom;transition:filter .15s}
.ip-stack i{display:block;min-height:0}
.ip-bar:hover .ip-stack{filter:brightness(1.08) saturate(1.1)}
.ip-bar>span{font-size:10.5px;color:var(--cp-muted);text-align:center;white-space:nowrap;overflow:hidden}
.ip-tip{position:fixed;z-index:200;pointer-events:none;min-width:150px;padding:9px 11px;border-radius:10px;background:#1c3628;color:#f4f8ee;font:500 11.5px 'DM Sans',sans-serif;box-shadow:0 10px 26px #1c362840}
.ip-tip strong{display:block;margin-bottom:5px;text-transform:capitalize}
.ip-tip span{display:flex;align-items:center;gap:6px;margin-top:2px}.ip-tip span i{width:8px;height:8px;border-radius:2px}.ip-tip span b{margin-left:auto;padding-left:10px}
.ip-tip[hidden]{display:none}

/* Ranking */
.ip-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ip-rank li{display:grid;grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) auto 30px;align-items:center;gap:12px;padding:8px 6px;border-radius:12px;transition:background .15s;animation:mp-rise .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 40ms)}
.ip-rank li:hover{background:#f6f9f4}
.ip-rank-n{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--cp-hover);color:var(--cp-accent);font:750 12px 'Plus Jakarta Sans',sans-serif}
.ip-rank li:first-child .ip-rank-n{background:var(--cp-accent);color:#fff}
.ip-rank-name strong{display:block;font-size:13px}.ip-rank-name small{font-size:11px;color:var(--cp-muted)}
.ip-rank-bar{height:8px;border-radius:999px;background:#edf2ea;overflow:hidden}.ip-rank-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d7b52,#86b578);animation:mp-grow .8s cubic-bezier(.22,1,.36,1) both;transform-origin:left}
.ip-rank b{font:750 13.5px 'Plus Jakarta Sans',sans-serif;white-space:nowrap}

/* Support */
.ip-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.ip-kpis div{padding:14px;border:1px solid var(--cp-line);border-radius:14px;background:#fff}
.ip-kpis small{display:block;font-size:11px;color:var(--cp-muted)}.ip-kpis b{display:block;margin:4px 0 6px;font:750 20px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px}
.ip-heat{display:grid;grid-template-columns:32px repeat(24,1fr);gap:3px;align-items:center}
.ip-heat i{aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,#5a45a8 calc(var(--a) * 100%),#f1eff8);transition:transform .15s}
.ip-heat i:hover{transform:scale(1.35);box-shadow:0 2px 6px #1c362833}
.ip-heat-l{font-size:10.5px;color:var(--cp-muted)}.ip-heat-h{font-size:10px;color:var(--cp-muted);grid-row:auto}
.ip-table{width:100%;border-collapse:collapse;font-size:12.5px}
.ip-table th{padding:8px 6px;text-align:left;font:700 10.5px 'DM Sans',sans-serif;color:var(--cp-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #eef2ec}
.ip-table td{padding:10px 6px;border-bottom:1px solid #f1f4ef;color:var(--cp-text);vertical-align:middle}
.ip-table tr:last-child td{border-bottom:0}
.ip-agent{display:inline-flex;align-items:center;gap:8px;color:var(--cp-ink);font-weight:600}
.ip-agent>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#d8e7d0;color:var(--cp-accent);font:700 11px 'DM Sans',sans-serif;font-style:normal}
.ip-agent .ex-avatar{width:26px!important;height:26px!important}.ip-agent .ex-channel{display:none}
.ip-times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.ip-times div{padding:10px;border-radius:12px;background:#f6f8f4}
.ip-times small{display:block;font-size:10.5px;color:var(--cp-muted)}.ip-times b{display:block;font:750 16px 'Plus Jakarta Sans',sans-serif}.ip-times span{font-size:10.5px;color:var(--cp-muted)}

/* Sales */
.ip-dist{display:flex;flex-direction:column;gap:10px}
.ip-dist div{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:10px;font-size:12.5px}
.ip-dist>div>i{height:12px;border-radius:999px;background:#edf2ea;overflow:hidden}
.ip-dist>div>i>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6a55b5,#a493e3);animation:mp-grow .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 80ms);transform-origin:left}
.ip-dist b{text-align:right}
.ip-net{display:flex;flex-direction:column}
.ip-net div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef2ec;font-size:13px}
.ip-net small{font-size:12.5px;color:var(--cp-text)}.ip-net b{font:750 14px 'Plus Jakarta Sans',sans-serif}.ip-net b.down{color:#a3423f}
.ip-net .total{border-bottom:0}.ip-net .total b{font-size:18px;color:var(--cp-accent)}
.ip-why{display:inline-flex;padding:2px 8px;border-radius:999px;background:#efeafc;color:#5a45a8;font:700 11px 'DM Sans',sans-serif}
.ip-why.link{background:#e2f0dc;color:var(--cp-accent)}
.ip-table.orders td small{display:block;margin-top:3px;font-size:11px;color:var(--cp-muted)}
.ip-table.orders tbody tr{animation:mp-rise .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 30ms)}

/* Qué importa hoy */
.ip-demo-note{margin-bottom:12px!important}
.ip-today{margin:0 0 20px}
.ip-today>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ip-today h2{display:flex;align-items:center;gap:8px;margin:0;font:750 18px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px;color:#1c3628}
.ip-today h2 .icon{width:18px;height:18px;color:#6a55b5}
.ip-today>header p{margin:3px 0 0;font-size:12.5px;color:#728087}
.ip-win{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:12px;background:#f0f7ec;border:1px solid #d6e8ce;font-size:12px;color:#1c3628}
.ip-win .icon{width:16px;height:16px;color:#2f6b46}.ip-win small{display:block;font-size:10.5px;color:#6f8270}
.ip-today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.ip-insight{--tone:#2f6b46;--tone-soft:#e2f0dc;position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #e1e8dc;border-radius:18px;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .25s cubic-bezier(.22,1,.36,1),opacity .25s;animation:mp-rise .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.05s + var(--i) * 60ms)}
.ip-insight::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--tone)}
.ip-insight:hover{box-shadow:0 12px 28px #1c362814;transform:translateY(-2px)}
.ip-insight.amber{--tone:#d08a2b;--tone-soft:#fdf0dc}.ip-insight.red{--tone:#c9524c;--tone-soft:#fae5e4}
.ip-insight.leaving{opacity:0;transform:scale(.96)}
.ip-kind{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--tone-soft);color:var(--tone);font:700 10.5px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.4px}
.ip-kind .icon{width:12px;height:12px}
.ip-insight h3{margin:2px 0 0;font:700 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px;color:#1c3628}
.ip-insight p{margin:0;font-size:12.5px;line-height:1.45;color:#566b5a}
.ip-value{display:flex;align-items:baseline;gap:6px}.ip-value b{font:750 18px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px;color:var(--tone)}.ip-value small{font-size:11.5px;color:#8b9a8a}
.ip-insight footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.ip-insight .button .icon{width:13px;height:13px}
.ip-dismiss{border:0;background:none;color:#8b9a8a;font:600 12px 'DM Sans',sans-serif;cursor:pointer;padding:6px 4px}.ip-dismiss:hover{color:#1c3628}

@media(max-width:1180px){.ip-grid4{grid-template-columns:repeat(2,1fr)}.ip-two{grid-template-columns:1fr}.ip-kpis{grid-template-columns:repeat(3,1fr)}.ip-hero{grid-template-columns:1fr}}
@media(max-width:760px){.ip-grid4,.ip-kpis{grid-template-columns:1fr 1fr}.ip-tabs button{padding:0 10px;font-size:12px}.ip-rank li{grid-template-columns:26px 1fr auto}.ip-rank-bar,.ip-rank li>.mp-icon-btn{display:none}}
@media(prefers-reduced-motion:reduce){.ip-tabs-ink{transition:none}.ip-insight,.ip-stack,.ip-rank li{animation:none!important}}