.vd-canales{font-family:var(--vd-font)}.vd-canales .vd-head__lead{margin-bottom:28px}.vd-canales__tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:4px}.vd-canales__tab{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;font-family:var(--vd-font);font-size:13px;font-weight:600;line-height:1.3;border:1.5px solid var(--vd-border);background:var(--vd-white);color:var(--vd-text);cursor:pointer;box-shadow:none;transition:all .2s}.vd-canales__tab svg{width:15px;height:15px;color:var(--vd-sky);flex-shrink:0}.vd-canales__tab:hover{border-color:var(--vd-sky)}.vd-canales__tab.is-on{border-color:var(--vd-sky);background:var(--vd-sky);color:var(--vd-white);box-shadow:0 6px 18px color-mix(in srgb,var(--vd-sky) 27%,transparent)}.vd-canales__tab.is-on svg{color:var(--vd-white)}.vd-canales__box{background:var(--vd-white);border:1px solid var(--vd-border);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px color-mix(in srgb,var(--vd-noche) 5%,transparent)}.vd-canales__top{height:3px;background:var(--vd-sky)}.vd-canales__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}.vd-canales__panel--voz{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.vd-canales__info{padding:clamp(20px, 4vw, 36px);border-right:1px solid var(--vd-border);min-width:0}.vd-canales__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.vd-canales__ico{width:50px;height:50px;border-radius:13px;background:var(--vd-sky);color:var(--vd-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vd-canales__ico svg{width:24px;height:24px}.vd-canales__title{font-family:var(--vd-font);font-weight:700;font-size:var(--vd-fs-h3,19px);line-height:1.3;color:var(--vd-text);margin:0}.vd-canales__desc{font-size:14px;color:var(--vd-pizarra);line-height:1.8;margin:0 0 22px}.vd-canales__features{list-style:none;margin:0;padding:0}.vd-canales__feature{display:flex;gap:10px;align-items:center;margin:0 0 10px;font-size:13.5px;color:var(--vd-text);line-height:1.5}.vd-canales__feature.vd-in-x{animation-delay:calc(.1s + var(--k, 0) * .07s)}.vd-canales__check{width:22px;height:22px;border-radius:50%;background:var(--vd-sky-soft);color:var(--vd-sky-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vd-canales__check svg{width:12px;height:12px}.vd-canales__demo{padding:clamp(16px, 3vw, 28px);background:var(--vd-niebla);display:flex;flex-direction:column;min-width:0}.vd-canales__demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vd-canales__demo-label,.vd-canales__tlabel{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vd-pizarra)}.vd-canales__replay{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--vd-font);font-size:11.5px;font-weight:700;color:var(--vd-sky-deep)}.vd-canales__replay svg{width:13px;height:13px}.vd-canales__replay:hover{color:var(--vd-sky)}.vd-canales__stage{min-height:220px}.vd-canales__panel--voz .vd-canales__stage{min-height:420px}.vd-canales__waves{display:inline-flex;align-items:center;gap:2px;height:16px;vertical-align:middle}.vd-canales__waves>span{width:2.5px;height:35%;border-radius:2px;background:var(--vd-sky);opacity:.3;transform-origin:center;transition:opacity .3s;animation-duration:.7s;animation-delay:0s}.vd-canales__waves--noche>span{background:var(--vd-noche)}.vd-canales__waves>span:nth-child(2){height:76%;animation-duration:.85s;animation-delay:.06s}.vd-canales__waves>span:nth-child(3){height:52%;animation-duration:1s;animation-delay:.12s}.vd-canales__waves>span:nth-child(4){height:93%;animation-duration:1.15s;animation-delay:.18s}.vd-canales__waves>span:nth-child(5){height:69%;animation-duration:.7s;animation-delay:.24s}.vd-canales__waves>span:nth-child(6){height:45%;animation-duration:.85s;animation-delay:.3s}.vd-canales__waves>span:nth-child(7){height:86%;animation-duration:1s;animation-delay:0s}.vd-canales__waves>span:nth-child(8){height:62%;animation-duration:1.15s;animation-delay:.06s}.vd-canales__waves>span:nth-child(9){height:38%;animation-duration:.7s;animation-delay:.12s}.vd-canales__waves>span:nth-child(10){height:79%;animation-duration:.85s;animation-delay:.18s}.vd-canales__person.is-talking .vd-canales__waves>span,.vd-canales__speaking .vd-canales__waves>span{opacity:1;animation-name:vd-wave;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.vd-canales__call{display:flex;flex-direction:column;gap:10px}.vd-canales__people{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;border-radius:12px;background:var(--vd-white);border:1px solid var(--vd-border)}.vd-canales__person{display:flex;align-items:center;gap:8px;justify-content:flex-start;min-width:0}.vd-canales__person--agente{flex-direction:row-reverse}.vd-canales__person--cliente{grid-column:1;grid-row:1}.vd-canales__callstate{grid-column:2;grid-row:1}.vd-canales__person--agente{grid-column:3;grid-row:1}.vd-canales__avatar{position:relative;width:34px;height:34px;border-radius:50%;background:var(--vd-noche);color:var(--vd-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.vd-canales__person--agente .vd-canales__avatar{background:var(--vd-sky)}.vd-canales__ping{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--vd-sky);display:none;animation:vd-ping 1.4s ease-out infinite}.vd-canales__person.is-talking .vd-canales__ping{display:block}.vd-canales__pname{min-width:0;text-align:left}.vd-canales__person--agente .vd-canales__pname{text-align:right}.vd-canales__pname-t{display:block;font-size:12px;font-weight:700;color:var(--vd-text)}.vd-canales__callstate{font-size:10.5px;font-weight:700;color:var(--vd-sky-deep);display:flex;align-items:center;gap:5px;white-space:nowrap}.vd-canales__callstate svg{width:12px;height:12px;color:var(--vd-sky);flex-shrink:0}.vd-canales__callstate .vd-canales__state-off{display:none}.vd-canales__callstate.is-ended{color:var(--vd-pizarra)}.vd-canales__callstate.is-ended svg{color:var(--vd-pizarra)}.vd-canales__callstate.is-ended .vd-canales__state-on{display:none}.vd-canales__callstate.is-ended .vd-canales__state-off{display:inline}.vd-canales__tlabel{display:flex;align-items:center;gap:6px}.vd-canales__tlabel svg{width:12px;height:12px;color:var(--vd-sky);flex-shrink:0}.vd-canales__transcript{display:flex;flex-direction:column;gap:8px;border-left:2px solid var(--vd-border);padding-left:12px}.vd-canales__tline{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:baseline}.vd-canales__tfrom{font-size:10.5px;font-weight:800;color:var(--vd-text);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}.vd-canales__tline--agente .vd-canales__tfrom{color:var(--vd-sky-deep)}.vd-canales__tmsg{font-size:12.5px;color:var(--vd-text);line-height:1.55}.vd-canales__speaking{display:flex;align-items:center;gap:8px;color:var(--vd-pizarra);font-size:11px}.vd-canales__after{margin-top:4px;padding:14px;border-radius:12px;background:var(--vd-noche)}.vd-canales__after-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vd-sky);margin-bottom:10px}.vd-canales__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 210px),1fr));gap:8px}.vd-canales__step{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:#fff0;border:1px solid color-mix(in srgb,var(--vd-white) 10%,transparent);opacity:.45;transition:all .35s}.vd-canales__step.is-done{background:color-mix(in srgb,var(--vd-white) 8%,transparent);border-color:var(--vd-sky-a40);opacity:1}.vd-canales__step-ico{width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--vd-white) 10%,transparent);color:var(--vd-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .35s}.vd-canales__step.is-done .vd-canales__step-ico{background:var(--vd-sky)}.vd-canales__step-ico svg{width:13px;height:13px;display:block}.vd-canales__step-done{display:none}.vd-canales__step.is-done .vd-canales__step-todo{display:none}.vd-canales__step.is-done .vd-canales__step-done{display:block}.vd-canales__step-txt{min-width:0}.vd-canales__step-t{display:block;font-size:12px;font-weight:700;color:var(--vd-white)}.vd-canales__step-d{display:block;font-size:11px;color:var(--vd-on-dark-muted);line-height:1.45}.vd-canales__chat{display:flex;flex-direction:column;gap:10px}.vd-canales__sys{text-align:center;font-size:11px;color:var(--vd-pizarra);padding:6px 12px;background:var(--vd-white);border:1px dashed var(--vd-border);border-radius:6px}.vd-canales__cmsg{display:flex;flex-direction:row;gap:8px}.vd-canales__cmsg--cliente{flex-direction:row-reverse}.vd-canales__cav{width:28px;height:28px;border-radius:50%;background:var(--vd-sky);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:var(--vd-white)}.vd-canales__cmsg--cliente .vd-canales__cav{background:var(--vd-white);border:1px solid var(--vd-border);color:var(--vd-pizarra)}.vd-canales__cmsg--asistente .vd-canales__cav{background:var(--vd-sky-soft);color:var(--vd-sky-deep)}.vd-canales__cav svg{width:14px;height:14px}.vd-canales__cbubble{max-width:76%;padding:9px 14px;border-radius:4px 12px 12px 12px;background:var(--vd-white);color:var(--vd-text);border:1px solid var(--vd-border);font-size:12.5px;line-height:1.5}.vd-canales__cmsg--cliente .vd-canales__cbubble{border-radius:12px 4px 12px 12px}.vd-canales__cmsg--agente .vd-canales__cbubble{background:var(--vd-sky);color:var(--vd-white);border:none}.vd-canales__typing{color:var(--vd-sky);padding:6px 4px;align-self:flex-start}.vd-canales__typing.is-right{align-self:flex-end}@media (max-width:768px){.vd-canales__panel,.vd-canales__panel--voz{grid-template-columns:1fr}.vd-canales__info{border-right:none;border-bottom:1px solid var(--vd-border)}}.vd-canales [hidden][hidden]{display:none}