.sa-chat-widget{position:fixed;bottom:88px;right:20px;width:320px;background:var(--sa-bg);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.12);overflow:hidden;font:14px/1.4 system-ui;z-index:9999}
.sa-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0b1720;color:#e6f2ff}
.sa-title{font-weight:700}
.sa-actions button{background:transparent;border:0;color:#cfe;cursor:pointer;font-size:14px;margin-left:6px}
.sa-messages{height:260px;overflow:auto;padding:12px;background:#f8fafc}
.msg{display:flex;gap:8px;margin:8px 0}
.sa-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.msg .bubble{max-width:78%;padding:8px 10px;border-radius:10px}
.msg.user{justify-content:flex-end}
.msg.user .bubble{background:var(--sa-user)}
.msg.bot .bubble{background:var(--sa-bot)}
.sa-input{display:flex;gap:8px;padding:10px;border-top:1px solid #e2e8f0;background:#fff}
.sa-input input{flex:1;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px}
.sa-input button{padding:8px 12px;border:0;border-radius:8px;background:var(--sa-primary);color:#fff;cursor:pointer}

/* Oculto/visible */
.sa-minimized{display:none}

/* Launcher (botón flotante) */
.sa-launcher{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;border:0;background:var(--sa-primary);color:#fff;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:9999;display:flex;align-items:center;justify-content:center}
.sa-launcher img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
.sa-launcher .sa-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.sa-tip{position:fixed;right:88px;bottom:28px;background:#0b1720;color:#e6f2ff;padding:8px 10px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:9999;max-width:220px}
.sa-tip:after{content:'';position:absolute;right:-6px;bottom:12px;border:6px solid transparent;border-left-color:#0b1720}

/* Posición izquierda (si se elige en ajustes) */
.sa-left .sa-chat-widget{right:auto;left:20px}
.sa-left .sa-launcher{right:auto;left:20px}
.sa-left .sa-tip{right:auto;left:88px}

/* Evitar que el avatar crezca con la altura del mensaje */
.sa-messages .msg { display:flex; align-items:flex-start; gap:8px; }
.sa-messages .msg .sa-avatar {
  width: 36px; height: 36px; border-radius: 9999px;
  flex: 0 0 36px; object-fit: cover;
}
.sa-messages .msg .bubble { flex: 1 1 auto; max-width: 100%; }

/* SA Chat – Cards UI (v2, imagen 56px) */
.sa-results { margin: .5rem 0; }
.sa-results .sa-title { margin: 0 0 .4rem; font-size: 1rem; font-weight: 700; }
.sa-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.sa-card { display: grid; grid-template-columns: 56px 1fr; gap: .55rem; padding: .55rem; border: 1px solid #eee; border-radius: .6rem; background: #fff; }
.sa-thumb { display:flex; align-items:center; justify-content:center; width: 56px; height: 56px; border-radius: .5rem; overflow: hidden; background: #f5f5f5; text-align: center; font-size: .72rem; color: #666; }
.sa-thumb img { width: 100%; height: 100%; object-fit: cover; display:block; }
.sa-info { display:flex; flex-direction: column; gap: .25rem; }
.sa-link { font-weight: 700; text-decoration: none; line-height: 1.15; }
.sa-link:hover { text-decoration: underline; }
.sa-meta { font-size: .85rem; color: #555; }
.sa-nores, .sa-cta, .sa-help, .sa-msg { margin-top: .6rem; }
.sa-btn { display:inline-block; padding:.45rem .75rem; background:#0057ff; color:#fff!important; border-radius:.45rem; text-decoration:none; font-weight:600; }
.sa-btn:hover { background:#003fcc; }