/* ACTIVO CRM — piezas del producto WhatsApp CRM (home y landing). Usa los tokens de site.css. */
.wa{background:linear-gradient(180deg,rgba(15,32,52,.92),rgba(8,17,30,.95));border:1px solid rgba(25,230,161,.28);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(25,230,161,.06),0 30px 70px rgba(0,0,0,.5),0 0 70px rgba(25,230,161,.12)}
.wa-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.8rem 1rem;border-bottom:1px solid var(--line);font:600 .8rem/1.2 var(--mono)}
.wa-who{display:flex;align-items:center;gap:.6rem;min-width:0}
.wa-av{width:2rem;height:2rem;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font:700 .75rem var(--font);color:var(--accent);flex:none}
.wa-who small{display:block;color:var(--muted);font-weight:500}
.wa-call{display:inline-flex;align-items:center;gap:.35rem;font:700 .72rem/1 var(--mono);color:var(--accent-ink);background:var(--accent);padding:.4rem .6rem;border-radius:999px}
.wa-body{display:flex;flex-direction:column;gap:.55rem;padding:1rem;font-size:.86rem;min-height:15rem}
.wa-msg{max-width:82%;padding:.5rem .7rem;border-radius:10px;line-height:1.4}
.wa-msg small{display:block;margin-top:.2rem;font:500 .66rem var(--mono);color:var(--muted);text-align:right}
.wa-in{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line)}
.wa-out{align-self:flex-end;background:rgba(25,230,161,.14);border:1px solid rgba(25,230,161,.35)}
.wa-sys{align-self:center;font:600 .7rem/1.3 var(--mono);color:var(--cyan);background:rgba(60,200,255,.08);border:1px solid rgba(60,200,255,.3);border-radius:999px;padding:.3rem .7rem;text-align:center}
.wa-btns{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}
.wa-btns span{font-size:.74rem;border:1px solid rgba(25,230,161,.4);border-radius:6px;padding:.2rem .45rem;color:var(--accent)}
.wa-foot{display:flex;gap:.5rem;flex-wrap:wrap;padding:.7rem 1rem;border-top:1px solid var(--line);font:600 .68rem/1 var(--mono);color:var(--muted)}
.wa-foot span{border:1px solid var(--line);border-radius:999px;padding:.35rem .55rem}
.wa-msg.pop{animation:wa-pop .5s ease-out both;animation-delay:var(--d,0s)}
@keyframes wa-pop{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}

.feat-ico{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:rgba(25,230,161,.12);border:1px solid rgba(25,230,161,.35);color:var(--accent);margin-bottom:.8rem}
.feat-ico svg{width:1.25rem;height:1.25rem}
.card.highlight{border-color:rgba(25,230,161,.55);box-shadow:0 0 40px rgba(25,230,161,.14)}
.pill{display:inline-block;font:700 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid rgba(25,230,161,.45);border-radius:999px;padding:.3rem .5rem;margin-left:.4rem;vertical-align:middle}

.cmp-box{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:rgba(11,23,39,.7)}
.cmp{width:100%;min-width:40rem;border-collapse:collapse;font-size:.92rem}
.cmp th,.cmp td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp th{font:600 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.cmp tr:last-child td{border-bottom:0}
.cmp td.us{color:var(--text);font-weight:700;background:rgba(25,230,161,.07)}
.cmp .no{color:var(--muted)}
.cmp-note{font-size:.8rem;color:var(--muted);margin-top:.7rem}

.plan .per{font:500 .8rem var(--mono);color:var(--muted);margin:-.2rem 0 .4rem}
.plans-note{font-size:.88rem;color:var(--muted);margin-top:1.2rem;max-width:48rem}

.product-band{display:grid;gap:2rem;align-items:center}
.product-band>*{min-width:0}
@media(min-width:60rem){.product-band{grid-template-columns:1fr 1fr;gap:3rem}}

@media(prefers-reduced-motion:reduce){.wa-msg.pop{animation:none}}