/* Widget flotante compacto de soporte por WhatsApp. */
.wa-widget{position:fixed;right:22px;bottom:22px;z-index:90}
.wa-panel{position:absolute;right:0;bottom:82px;display:block;width:min(370px,calc(100vw - 44px));max-height:min(580px,calc(100vh - 120px));overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 22px 54px rgba(7,17,47,.22);box-sizing:border-box}
.wa-list-view,.wa-chat-view{width:100%;max-height:inherit;min-height:0;background:#fff}
.wa-list-view{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.wa-chat-view{display:none;flex-direction:column;overflow:hidden}
.wa-widget.chatting .wa-list-view{display:none}
.wa-widget.chatting .wa-chat-view{display:flex}
.wa-head,.wa-chat-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:11px;min-height:68px;padding:11px 13px;color:#fff;background:linear-gradient(135deg,#1d2a8c,#10afe3)}
.wa-head-logo{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#fff}
.wa-head-logo img{display:block!important;width:40px!important;height:40px!important;max-width:40px!important;object-fit:contain!important;margin:0!important}
.wa-head-copy,.wa-chat-head>div{display:block;min-width:0;flex:1}
.wa-head-copy b,.wa-chat-head b{display:block;font-size:16px;line-height:1.2;color:#fff}
.wa-head-copy small,.wa-chat-head small{display:block;margin-top:2px;color:rgba(255,255,255,.88);font-size:12px;line-height:1.2}
.wa-close,.wa-back{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font:700 22px/1 Arial,sans-serif;cursor:pointer}
.wa-back{font-size:27px}
.wa-close:hover,.wa-back:hover{background:rgba(255,255,255,.22)}
.wa-agent{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:12px 14px;border:0;border-bottom:1px solid #edf3f8;background:#fff;text-align:left}
.wa-agent>span:last-child{display:block;min-width:0;flex:1}
.wa-agent .wa-avatar,.wa-chat-avatar{flex:0 0 42px;width:42px;height:42px;font-size:13px}
.wa-agent small{font-size:11px;line-height:1.25}
.wa-agent b{margin:2px 0;font-size:14px;line-height:1.25}
.wa-agent em,.wa-agent i{font-size:11px;line-height:1.3}
.wa-agent.is-disabled{cursor:not-allowed}
.wa-brand-note{padding:10px 14px;color:#718096;background:#f7fbff;font-size:11px;text-align:center}
.wa-chat-head{position:relative;flex:0 0 auto}
.wa-chat-avatar{color:#fff;background:linear-gradient(135deg,#17257f,#10afe3)}
.wa-chat-body{flex:1;min-height:110px;max-height:260px;padding:18px 14px;overflow-y:auto;background:#f3f8fb}
.wa-bubble{max-width:88%;padding:11px 13px;border-radius:5px 15px 15px 15px;background:#fff;color:#25324b;font-size:14px;line-height:1.45;box-shadow:0 5px 16px rgba(7,17,47,.08)}
.wa-chat-form{display:grid;gap:10px;flex:0 0 auto;padding:12px 14px 14px;background:#fff;border-top:1px solid #e8eef5}
.wa-chat-form textarea{display:block;width:100%;min-height:78px;max-height:130px;resize:vertical;padding:11px 12px;border:1px solid #cfdceb;border-radius:12px;font:inherit;line-height:1.4;box-sizing:border-box}
.wa-chat-form button{min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#1d2a8c,#10afe3);color:#fff;font:800 14px/1.2 inherit;cursor:pointer}
.wa-chat-form button:hover{filter:brightness(1.04)}
@media(max-width:800px){
  .wa-widget{right:14px!important;bottom:18px!important}
  .wa-panel{position:fixed;left:12px!important;right:12px!important;bottom:88px!important;width:auto!important;max-width:370px!important;max-height:75vh!important;margin-left:auto}
  .wa-chat-body{max-height:230px}
}