.uc-filters{margin-bottom:var(--s5);flex-wrap:wrap;gap:8px;display:flex}.uc-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(500px,1fr));display:grid}.uc-card{border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:var(--s5);box-shadow:var(--shadow);gap:var(--s3);background:#fff;flex-direction:column;display:flex}.uc-card__head{align-items:flex-start;gap:14px;display:flex}.uc-icon-wrap{background:color-mix(in srgb, var(--primary) 10%, transparent);border:2px solid var(--ink);width:42px;height:42px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.uc-vertical{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.uc-title{margin:0;font-size:1.1rem;font-weight:800;line-height:1.3}.uc-context{color:color-mix(in srgb,var(--ink) 65%,transparent);background:var(--surface-low);border-left:3px solid var(--primary);border-radius:10px;margin:0;padding:11px 14px;font-size:14px;line-height:1.65}.uc-preview{border:2px solid var(--outline);background:#f5f7ff;border-radius:12px;flex-direction:column;gap:9px;min-height:158px;padding:16px;display:flex;position:relative;overflow:hidden}.uc-preview:before{content:"Conversación";letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 30%, transparent);font-size:10px;font-weight:700;position:absolute;top:10px;right:14px}.uc-bubble{border:2px solid var(--ink);opacity:0;border-radius:10px;flex-direction:column;gap:3px;max-width:82%;padding:9px 13px;font-size:13px;line-height:1.55;display:flex;transform:translateY(6px)}.uc-bubble--agent{background:var(--primary);color:#fff;border-color:var(--primary);border-radius:4px 10px 10px;align-self:flex-start}.uc-bubble--client{color:var(--ink);background:#fff;border-radius:10px 4px 10px 10px;align-self:flex-end}.uc-who{letter-spacing:.05em;text-transform:uppercase;opacity:.65;font-size:10px;font-weight:800}.uc-bubble--agent .uc-who{color:#ffffffd9}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.uc-preview.is-visible .uc-bubble:first-child{animation:.3s .4s forwards bubble-in}.uc-preview.is-visible .uc-bubble:nth-child(2){animation:.3s 1.4s forwards bubble-in}.uc-preview.is-visible .uc-bubble:nth-child(3){animation:.3s 2.4s forwards bubble-in}.uc-preview.is-visible .uc-bubble:nth-child(4){animation:.3s 3.4s forwards bubble-in}.uc-preview.is-visible .uc-bubble:nth-child(5){animation:.3s 4.4s forwards bubble-in}.uc-flow{flex-direction:column;gap:10px;display:flex}.uc-step{align-items:flex-start;gap:12px;display:flex}.uc-step__n{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-top:2px;font-size:11px;font-weight:800;display:grid}.uc-step--esc .uc-step__n--esc{background:var(--surface-med);color:var(--ink)}.uc-step strong{margin-bottom:2px;font-size:14px;font-weight:700;display:block}.uc-step p{color:color-mix(in srgb,var(--ink) 62%,transparent);margin:0;font-size:13px;line-height:1.55}.uc-step--esc strong{color:color-mix(in srgb,var(--ink) 70%,transparent)}.uc-chips{border-top:2px solid var(--outline);flex-wrap:wrap;gap:6px;padding-top:12px;display:flex}.uc-chip{border:2px solid var(--outline);background:var(--surface-low);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.esc-split{gap:var(--s4);margin-top:var(--s5);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.esc-arrow{place-items:center;display:grid}.esc-side{border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:var(--s4);background:#fff}.esc-side--human{background:color-mix(in srgb,var(--primary) 5%,#fff);border-color:var(--primary)}.esc-side__label{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-size:12px;font-weight:800}.esc-side ul{flex-direction:column;gap:6px;margin:0;padding-left:16px;display:flex}.esc-side li{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:14px}@media (max-width:960px){.uc-grid,.esc-split{grid-template-columns:1fr}.esc-arrow{transform:rotate(90deg)}}