/* Saltacom WhatsApp: botón flotante */
#sawa{--sawa-teal:#0B6E62;--sawa-aqua:#7AB8AB;--sawa-ink:#0F172A;--sawa-mute:#556070;--sawa-bottom:24px;--sawa-side:24px;position:fixed;z-index:99990;bottom:0;right:0;font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--sawa-ink);line-height:1.35;-webkit-font-smoothing:antialiased}
#sawa.sawa--left{right:auto;left:0}
#sawa *,#sawa *::before,#sawa *::after{box-sizing:border-box}
#sawa [hidden]{display:none!important}

/* Botón */
#sawa .sawa-btn{position:fixed;right:var(--sawa-side);bottom:var(--sawa-bottom);width:60px;height:60px;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(37,211,102,.38),0 2px 6px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;text-transform:none;letter-spacing:0;transition:transform .18s ease,box-shadow .18s ease,bottom .2s ease}
#sawa.sawa--left .sawa-btn{right:auto;left:var(--sawa-side)}
#sawa .sawa-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,211,102,.45),0 2px 6px rgba(15,23,42,.12)}
#sawa .sawa-btn:focus-visible,#sawa .sawa-close:focus-visible,#sawa .sawa-agent:focus-visible{outline:3px solid var(--sawa-aqua);outline-offset:3px}
#sawa .sawa-btn svg{display:block}
#sawa .sawa-bdot{position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:999px;border:2.5px solid #fff;background:#9AA4B2;opacity:0;transition:opacity .2s}
#sawa.sawa--ready .sawa-bdot{opacity:1}
#sawa.sawa--online .sawa-bdot{background:#1FA855}

/* Tarjeta */
#sawa .sawa-card{position:fixed;right:var(--sawa-side);bottom:calc(var(--sawa-bottom) + 76px);width:368px;max-width:calc(100vw - 32px);max-height:calc(100vh - var(--sawa-bottom) - 100px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.08);opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}
#sawa.sawa--left .sawa-card{right:auto;left:var(--sawa-side);transform-origin:bottom left}
#sawa.sawa--open .sawa-card{opacity:1;transform:none}
#sawa .sawa-head{background:var(--sawa-teal);color:#fff;padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}
#sawa .sawa-grip{display:none}
#sawa .sawa-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
#sawa .sawa-logo{display:block;height:26px;width:auto;max-width:180px;border:0;box-shadow:none}
#sawa .sawa-close{width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
#sawa .sawa-close:hover{background:rgba(255,255,255,.24)}
#sawa .sawa-title{margin:0;padding:0;font-family:"Space Grotesk",Manrope,system-ui,sans-serif;font-size:21px;font-weight:700;line-height:1.15;color:#fff;text-transform:none;letter-spacing:0}
#sawa .sawa-list{padding:8px;display:flex;flex-direction:column;gap:2px}
#sawa .sawa-agent{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px;border-radius:14px;color:var(--sawa-ink);text-decoration:none;background:transparent;transition:background .15s}
#sawa .sawa-agent:hover{background:#F3F5F8;color:var(--sawa-ink)}
#sawa .sawa-av{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:999px;background:#E8F4F1;color:var(--sawa-teal);display:flex;align-items:center;justify-content:center}
#sawa .sawa-avdot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:999px;border:2px solid #fff;background:#9AA4B2;display:none}
#sawa .sawa-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
#sawa .sawa-name{font-weight:800;font-size:15px}
#sawa .sawa-sub{font-size:13px;color:var(--sawa-mute)}
#sawa .sawa-pill{align-self:flex-start;margin-top:3px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;background:#EEF1F5;color:var(--sawa-mute)}
#sawa .sawa-pdot{width:7px;height:7px;border-radius:999px;background:#9AA4B2}
#sawa .sawa-agent.is-on .sawa-pill{background:#E7F6EC;color:#0B6B40}
#sawa .sawa-agent.is-on .sawa-pdot,#sawa .sawa-agent.is-on .sawa-avdot{background:#1FA855}
#sawa.sawa--ready .sawa-avdot{display:block}
#sawa .sawa-chev{flex:0 0 auto;color:#9AA4B2}
#sawa .sawa-off{margin:0 16px 16px;padding:12px 14px;border-radius:12px;background:#F3F5F8;font-size:12.5px;color:#3B4656;line-height:1.45}
#sawa .sawa-off b{color:var(--sawa-ink)}
#sawa .sawa-backdrop{display:none}

/* Compu / celular */
@media (min-width:601px){#sawa.sawa--no-desktop{display:none!important}}
@media (max-width:600px){
#sawa{--sawa-side:16px}
#sawa.sawa--no-mobile{display:none!important}
#sawa .sawa-btn{width:56px;height:56px}
#sawa.sawa--open .sawa-btn{visibility:hidden}
#sawa .sawa-backdrop{display:block;position:fixed;inset:0;background:rgba(11,13,16,.45);opacity:0;transition:opacity .18s}
#sawa.sawa--open .sawa-backdrop{opacity:1}
#sawa .sawa-card,#sawa.sawa--left .sawa-card{left:0;right:0;bottom:0;width:auto;max-width:none;max-height:85vh;border-radius:22px 22px 0 0;transform:translateY(24px);padding-bottom:env(safe-area-inset-bottom)}
#sawa .sawa-head{padding-top:10px}
#sawa .sawa-grip{display:block;align-self:center;width:40px;height:4px;border-radius:999px;background:rgba(255,255,255,.45)}
#sawa .sawa-close{width:44px;height:44px}
#sawa .sawa-list{padding:8px 10px}
#sawa .sawa-agent{min-height:76px}
#sawa .sawa-off{margin:0 20px 20px}
}
@media (prefers-reduced-motion:reduce){#sawa .sawa-btn,#sawa .sawa-card,#sawa .sawa-backdrop,#sawa .sawa-agent{transition:none}#sawa .sawa-btn:hover{transform:none}}