.swp-es{max-width:720px;margin:0 auto;font-family:inherit;color:inherit}
.swp-es__titulo{text-align:center;font-weight:700;font-size:1.1em;margin-bottom:18px;opacity:.85}
.swp-es__actores{display:flex;justify-content:center;gap:clamp(18px,6vw,64px);margin-bottom:18px}
.swp-es__actor{text-align:center;width:120px;transition:transform .3s,opacity .3s;opacity:.55}
.swp-es__actor.on{opacity:1;transform:translateY(-4px)}
.swp-es__actor strong{display:block;margin-top:6px;font-size:15px}
.swp-es__actor small{display:block;font-size:12px;opacity:.7;line-height:1.25}
.swp-es__avatar{display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid transparent;box-sizing:border-box;flex:none;color:#fff;font-weight:700}
.swp-es__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.swp-es__modos{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 12px}
.swp-es__modos button{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;color:inherit;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.swp-es__modos button.on{background:#1a202c;border-color:#1a202c;color:#fff}
.swp-es__caso{text-align:center;font-size:15px;line-height:1.4;opacity:.8;margin:0 auto 12px;max-width:560px;min-height:42px}
@media(max-width:640px){.swp-es__modos{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -12px 12px;padding:0 12px 2px;scrollbar-width:none}.swp-es__modos::-webkit-scrollbar{display:none}.swp-es__actor{width:96px}.swp-es__bubble{max-width:80%}}
.swp-es__chat{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;min-height:330px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:opacity .4s}
.swp-es__chat.out{opacity:0}
.swp-es__msg{display:flex;align-items:flex-end;gap:10px;animation:swp-es-in .35s ease-out both}
.swp-es__msg--partner{justify-content:center}
.swp-es__msg--soporte{flex-direction:row-reverse}
.swp-es__msg .swp-es__avatar{flex:none}
.swp-es__bubble{max-width:72%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.35;background:#eef1f5;color:#111;position:relative}
.swp-es__msg--cliente .swp-es__bubble{border-bottom-left-radius:4px}
.swp-es__msg--partner .swp-es__bubble{background:var(--es-partner,#3a9a6e);color:#fff}
.swp-es__msg--soporte .swp-es__bubble{background:var(--es-soporte,#1a202c);color:#fff;border-bottom-right-radius:4px}
.swp-es__para{display:block;font-size:11px;opacity:.65;margin-bottom:2px}
.swp-es__typing{display:inline-flex;gap:4px;padding:11px 13px}
.swp-es__typing i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;animation:swp-es-dot 1s infinite}
.swp-es__typing i:nth-child(2){animation-delay:.15s}.swp-es__typing i:nth-child(3){animation-delay:.3s}
.swp-es__pie{text-align:center;opacity:.7;margin:16px auto 0;max-width:600px}
@keyframes swp-es-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes swp-es-dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.swp-es__msg{animation:none}}