/* ── LANDING · VITRINAS (sc62.js) · 2026-10-27: chat → CRM → página web del MISMO caso ── */
.vt-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px auto 22px;}
.vt-tab{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;border:1px solid #dde3ee;background:#fff;cursor:pointer;text-align:left;transition:all .2s;}
.vt-tab:hover{border-color:#0ab89c;}
.vt-tab.on{background:#16203a;border-color:#16203a;box-shadow:0 8px 22px rgba(9,18,40,.18);}
.vt-tab-ic{width:34px;height:34px;border-radius:10px;background:#eef3f9;display:flex;align-items:center;justify-content:center;font-size:1.05rem;}
.vt-tab.on .vt-tab-ic{background:rgba(255,255,255,.12);}
.vt-tab-t{display:flex;flex-direction:column;line-height:1.2;}
.vt-tab-t b{font:700 .88rem "DM Sans",sans-serif;color:#16203a;}
.vt-tab-t small{font-size:.7rem;color:#7a8499;}
.vt-tab.on .vt-tab-t b{color:#fff;}.vt-tab.on .vt-tab-t small{color:rgba(255,255,255,.6);}
.vt-panes{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;padding:22px;border-radius:22px;background:linear-gradient(160deg,#12244a,#0e1c3b);box-shadow:0 18px 40px rgba(9,18,40,.18);}
.vt-pane{display:flex;flex-direction:column;min-width:0;}
.vt-lbl{display:flex;align-items:center;gap:8px;font:700 .72rem "DM Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#4fe0c0;margin-bottom:10px;}
.vt-lbl span{width:20px;height:20px;border-radius:50%;background:#0ab89c;color:#04241d;display:flex;align-items:center;justify-content:center;font-size:.68rem;}
/* chat */
.vt-tab-ic{overflow:hidden;}.vt-tab-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.vt-chat{flex:1;border-radius:16px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;}
.vt-wa-h{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#008069;color:#fff;}
.vt-wa-back{font-size:1.5rem;line-height:1;margin-right:-2px;}
.vt-wa-av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;flex-shrink:0;}
.vt-wa-av img{width:100%;height:100%;object-fit:cover;display:block;}
.vt-wa-hn{flex:1;min-width:0;}
.vt-wa-n{font-weight:600;font-size:.88rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.vt-wa-s{font-size:.68rem;opacity:.85;}
.vt-wa-ic{font-size:.85rem;opacity:.9;white-space:pre;}
.vt-wa-b{padding:10px 9px;display:flex;flex-direction:column;gap:4px;flex:1;background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:14px 14px;}
.vt-wa-day{align-self:center;font-size:.62rem;color:#54656f;background:#fff;padding:3px 10px;border-radius:7px;box-shadow:0 1px 1px rgba(0,0,0,.08);margin-bottom:4px;}
.vt-msg{position:relative;max-width:84%;padding:5px 8px 4px;border-radius:8px;font-size:.8rem;line-height:1.35;color:#111b21;box-shadow:0 1px 1px rgba(0,0,0,.12);}
.vt-in{align-self:flex-start;background:#fff;border-top-left-radius:0;}
.vt-out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:0;}
.vt-tm{float:right;margin:7px 0 -2px 10px;font-size:.6rem;color:#667781;white-space:nowrap;}
.vt-tk{color:#53bdeb;margin-left:3px;font-weight:400;letter-spacing:-2px;}
.vt-wa-in{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#f0f2f5;}
.vt-wa-inp{flex:1;background:#fff;border-radius:20px;padding:7px 12px;font-size:.78rem;color:#8696a0;}
.vt-wa-mic{width:32px;height:32px;border-radius:50%;background:#00a884;display:flex;align-items:center;justify-content:center;font-size:.8rem;}
.vt-crm{--ink:#07101f;--ink2:#1a2640;--ink3:#5a6a8a;--bg2:#edf0f8;--bg3:#dce2f0;--blue2:#2246e5;--blue4:#c0ccff;flex:1;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:11px;font-family:Inter,sans-serif;}
.vt-crm-top{display:flex;align-items:center;gap:11px;}
.vt-crm-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#2246e5,#00b88a);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.vt-crm-n{font:700 .95rem Inter,sans-serif;color:var(--ink);}
.vt-crm-bds{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap;}
.vt-bd{display:inline-flex;padding:2px 7px;border-radius:100px;font:500 .5rem "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;}
.vt-bd-g{background:rgba(0,184,138,.14);color:#007a5a;}.vt-bd-b{background:rgba(20,50,200,.1);color:#2246e5;}
.vt-crm-info{display:flex;flex-direction:column;gap:4px;font-size:.74rem;color:var(--ink2);}
.vt-crm-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vt-met{background:var(--bg2);border-radius:9px;padding:8px 10px;}
.vt-met-k{font:500 .46rem "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px;}
.vt-met-v{font:700 .95rem Inter,sans-serif;color:var(--ink);}
.vt-how{background:rgba(20,50,200,.05);border:1px solid var(--blue4);border-radius:10px;padding:9px 11px;}
.vt-how-k{font:500 .46rem "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--blue2);margin-bottom:3px;}
.vt-how-t{font-size:.74rem;color:var(--ink);font-weight:500;line-height:1.4;}
.vt-pills{display:flex;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--bg3);}
.vt-pill{font-size:.62rem;font-weight:600;padding:4px 10px;border-radius:100px;border:1px solid var(--bg3);background:var(--bg2);color:var(--ink2);}
.vt-pill.on{background:var(--blue2);border-color:var(--blue2);color:#fff;}
.vt-hrow{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--bg3);border-radius:10px;}
.vt-hrow-i{font-size:1rem;}.vt-hrow-t{flex:1;min-width:0;}
.vt-hrow-a{font-size:.75rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vt-hrow-b{font-size:.58rem;color:var(--ink3);margin-top:1px;}
.vt-chip{font-size:.58rem;font-weight:700;padding:2px 8px;border-radius:100px;color:#fff;background:#4361EE;white-space:nowrap;}
.vt-hrow-m{font-size:.74rem;font-weight:700;color:var(--ink);white-space:nowrap;}.vt-hrow-c{font-size:.6rem;color:var(--ink3);}
.vt-sum{background:var(--bg2);border:1px solid var(--bg3);border-radius:10px;padding:9px 11px;}
.vt-sum-k{font:500 .46rem "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#007a5a;margin-bottom:4px;}
.vt-sum-t{font-size:.72rem;color:var(--ink2);line-height:1.55;}
.vt-web-logo{position:absolute;left:14px;top:14px;width:44px;height:44px;border-radius:12px;object-fit:cover;z-index:1;box-shadow:0 2px 10px rgba(0,0,0,.35);}
.vt-web{flex:1;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;}
.vt-web-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#eef1f6;}
.vt-web-bar i{width:8px;height:8px;border-radius:50%;background:#cfd6e2;}
.vt-web-url{margin-left:6px;font-size:.68rem;color:#606b81;background:#fff;padding:3px 9px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vt-web-shot{position:relative;flex:1;min-height:200px;background:#0a1328;}
.vt-web-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.vt-web-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55));}
.vt-web-name{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font:800 1.2rem "DM Sans",sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.4);}
.vt-web-go{display:block;text-align:center;padding:11px;font:700 .84rem "DM Sans",sans-serif;color:#08957e;text-decoration:none;}
.vt-web-go:hover{background:#f3fbf8;}
.vt-note{text-align:center;font-size:.74rem;color:#7a8499;margin-top:12px;}
@media(max-width:900px){
  .vt-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 2px 4px;scrollbar-width:none;}
  .vt-tabs::-webkit-scrollbar{display:none;}
  .vt-tab{flex-shrink:0;}
  .vt-panes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px;gap:12px;scrollbar-width:none;}
  .vt-panes::-webkit-scrollbar{display:none;}
  .vt-pane{flex:0 0 84%;scroll-snap-align:center;}
  .vt-web-shot{min-height:240px;}
}

/* animación de la venta (sc62 play) */
.vt-hid{opacity:0;transform:translateY(6px);}
.vt-hid.vt-show{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease;}
.vt-done.vt-hid,.vt-badge.vt-hid{transform:scale(.6);}
.vt-done.vt-show,.vt-badge.vt-show{transform:scale(1);transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1);}
.vt-web-shot.vt-hid{transform:none;}
.vt-web-shot.vt-hid img{transform:scale(1.12);filter:blur(6px);}
.vt-web-shot.vt-show img{transform:scale(1);filter:none;transition:transform 1.2s ease,filter .8s ease;}
.vt-web-shot.vt-show{animation:vtGlow 1.4s ease .2s;}
@keyframes vtGlow{0%{box-shadow:inset 0 0 0 0 rgba(10,184,156,0)}40%{box-shadow:inset 0 0 0 3px rgba(10,184,156,.8)}100%{box-shadow:inset 0 0 0 0 rgba(10,184,156,0)}}
.vt-typing{display:flex;gap:4px;padding:9px 11px;}
.vt-typing i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:vtDot 1s infinite;}
.vt-typing i:nth-child(2){animation-delay:.15s}.vt-typing i:nth-child(3){animation-delay:.3s}
@keyframes vtDot{0%,60%,100%{opacity:.3}30%{opacity:1}}
@media(prefers-reduced-motion:reduce){.vt-hid{opacity:1;transform:none}.vt-web-shot.vt-hid img{transform:none;filter:none}}