/* Mockups compartidos por producto y módulos CRM. */
/* ===== SAC PALETTE (azul #3080b0) ===== */
:root{
  --teal:#058b8a; --teal-bright:#07a8a6; --teal-dark:#036867; --teal-deep:#024847;
  --teal-light:#a9d7d7; --teal-soft:#dcf5f0;
  --grad-brand:linear-gradient(120deg,#058b8a 0%,#07a8a6 48%,#07a8a6 100%);
  --grad-dark:linear-gradient(160deg,#0d2624 0%,#024847 55%,#036867 100%);
}
/* producto mockups */
.prod-rows{display:flex;flex-direction:column;gap:clamp(40px,6vw,76px)}
.pm{display:flex;flex-direction:column;gap:9px;height:100%;justify-content:center}
.pm-row{display:flex;gap:8px}
.pm-c{flex:1;background:#fff;border:1px solid var(--gray-100);border-radius:9px;padding:9px}
.pm-h{font-family:'Poppins';font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dark);margin-bottom:7px;display:flex;justify-content:space-between;align-items:center}
.pm-h b{background:var(--c);color:#fff;border-radius:999px;padding:1px 6px;font-size:.52rem}
.pm-l{height:6px;border-radius:3px;background:var(--gray-200);display:block}
.pm-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:7px;padding:7px 8px;margin-bottom:6px;display:flex;flex-direction:column;gap:5px}
.pm-card .t{font-size:.6rem;font-weight:600;color:var(--text-dark)}
.pm-ia{background:linear-gradient(125deg,color-mix(in srgb,var(--c) 14%,#fff),#fff);border:1px solid color-mix(in srgb,var(--c) 30%,#fff);border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}
.pm-ia .bot{display:flex;align-items:center;gap:10px}
.pm-ia .bot .av{width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center}
.pm-ia .bot .av svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8;fill:none}
.pm-ia .bot strong{font-family:'Poppins';font-size:.82rem;color:var(--text-dark);display:block}
.pm-ia .bot small{font-size:.62rem;color:#1faa55;font-weight:600}
.pm-bub{background:#fff;border:1px solid var(--gray-100);border-radius:9px;padding:8px 10px;font-size:.64rem;color:var(--text-dark);line-height:1.4}
.pm-toggle{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--gray-100);border-radius:8px;padding:7px 10px;font-size:.62rem;font-weight:600;color:var(--text-dark)}
.pm-toggle .sw{width:30px;height:16px;border-radius:999px;background:var(--c);position:relative}
.pm-toggle .sw::after{content:'';position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#fff}
.pm-btns{display:flex;flex-wrap:wrap;gap:7px}
.pm-btn{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 28%,#fff);border-radius:8px;padding:6px 11px;font-family:'Poppins';font-weight:600;font-size:.6rem}
.pm-stat{display:flex;gap:8px;margin-top:4px}
.pm-stat .s{flex:1;background:#fff;border:1px solid var(--gray-100);border-radius:8px;padding:8px 9px}
.pm-stat .s b{font-family:'Poppins';font-weight:800;font-size:1rem;color:var(--c);display:block;line-height:1}
.pm-stat .s span{font-size:.52rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.pm-bars{display:flex;align-items:flex-end;gap:7px;height:74px;padding:6px 2px}
.pm-bars i{flex:1;border-radius:4px 4px 0 0;background:var(--c);opacity:.85}
.pm-tree{display:flex;flex-direction:column;align-items:center;gap:8px}
.pm-node{background:#fff;border:1px solid var(--gray-100);border-radius:8px;padding:6px 12px;font-family:'Poppins';font-weight:600;font-size:.62rem;color:var(--text-dark)}
.pm-node.top{background:var(--c);color:#fff;border-color:transparent}
.pm-branch{display:flex;gap:10px}
.pm-big{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}
.pm-big .num{font-family:'Poppins';font-weight:800;font-size:2.4rem;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}
.pm-big .chans{display:flex;gap:9px}
.pm-big .chans img{width:26px;height:26px}
.pm-surv{display:flex;flex-direction:column;gap:9px;height:100%;justify-content:center}
.pm-surv .stars{font-size:1.5rem;color:#f5a623;letter-spacing:3px;text-align:center}
.pm-funnel{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:center}
.pm-funnel i{height:22px;border-radius:6px;background:var(--c);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Poppins';font-weight:600;font-size:.56rem}
.pm-funnel i:nth-child(1){width:92%;opacity:1}.pm-funnel i:nth-child(2){width:74%;opacity:.85}.pm-funnel i:nth-child(3){width:56%;opacity:.7}.pm-funnel i:nth-child(4){width:40%;opacity:.55}
.feat .feat-tag{cursor:default}