/* ════ ASISTENTE IA FLOTANTE — NuestraGuíaLatina ════ */
#ngl-ai-btn{position:fixed;bottom:24px;right:24px;z-index:8888;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#52D68A,#2AAB5E);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(82,214,138,0.4);display:flex;align-items:center;justify-content:center;transition:transform 0.2s,box-shadow 0.2s;font-size:0;}
#ngl-ai-btn:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(82,214,138,0.5);}
#ngl-ai-btn svg{width:26px;height:26px;fill:none;stroke:#061410;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#ngl-ai-badge{position:absolute;top:-4px;right:-4px;background:#FF7B3A;color:white;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:ngl-pulse 2s infinite;}
@keyframes ngl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
#ngl-ai-panel{position:fixed;bottom:90px;right:24px;z-index:8887;width:360px;max-height:520px;background:#0D2018;border:1px solid rgba(82,214,138,0.2);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,0.6);display:none;flex-direction:column;overflow:hidden;animation:ngl-up 0.25s ease;}
#ngl-ai-panel.open{display:flex;}
@keyframes ngl-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.ai-head{padding:14px 16px;background:#0A1912;border-bottom:1px solid rgba(82,214,138,0.1);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ai-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#52D68A,#2AAB5E);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ai-avatar svg{width:18px;height:18px;fill:none;stroke:#061410;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ai-head-info{flex:1;}
.ai-name{font-size:13px;font-weight:700;color:#F0F8F3;}
.ai-status{font-size:11px;color:#52D68A;display:flex;align-items:center;gap:4px;}
.ai-status::before{content:'';width:6px;height:6px;background:#52D68A;border-radius:50%;display:inline-block;}
.ai-close{background:none;border:none;color:rgba(240,248,243,0.5);cursor:pointer;font-size:18px;padding:4px;line-height:1;}
.ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;}
.ai-msgs::-webkit-scrollbar{width:3px;}
.ai-msgs::-webkit-scrollbar-thumb{background:rgba(82,214,138,0.2);border-radius:3px;}
.ai-msg{max-width:88%;animation:ngl-in 0.2s ease;}
@keyframes ngl-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.ai-msg.bot{align-self:flex-start;}
.ai-msg.user{align-self:flex-end;}
.ai-bubble{padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.55;white-space:pre-wrap;}
.ai-msg.bot .ai-bubble{background:rgba(255,255,255,0.06);color:#F0F8F3;border-bottom-left-radius:4px;}
.ai-msg.user .ai-bubble{background:rgba(82,214,138,0.15);color:#F0F8F3;border-bottom-right-radius:4px;border:1px solid rgba(82,214,138,0.2);}
.ai-typing{display:flex;gap:4px;padding:10px 13px;background:rgba(255,255,255,0.06);border-radius:14px;border-bottom-left-radius:4px;align-self:flex-start;}
.ai-typing span{width:6px;height:6px;background:rgba(82,214,138,0.6);border-radius:50%;animation:ngl-dot 1s infinite;}
.ai-typing span:nth-child(2){animation-delay:.15s;}
.ai-typing span:nth-child(3){animation-delay:.3s;}
@keyframes ngl-dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.ai-quick{padding:8px 14px 4px;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.05);}
.ai-quick-btn{background:rgba(82,214,138,0.08);border:1px solid rgba(82,214,138,0.15);color:#52D68A;padding:5px 10px;border-radius:100px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:background 0.15s;white-space:nowrap;}
.ai-quick-btn:hover{background:rgba(82,214,138,0.16);}
.ai-input-wrap{padding:10px 12px;border-top:1px solid rgba(255,255,255,0.07);display:flex;gap:8px;flex-shrink:0;}
.ai-input{flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(82,214,138,0.15);border-radius:12px;padding:9px 13px;color:#F0F8F3;font-size:13px;font-family:inherit;outline:none;resize:none;max-height:80px;overflow-y:auto;}
.ai-input:focus{border-color:rgba(82,214,138,0.4);}
.ai-input::placeholder{color:rgba(240,248,243,0.35);}
.ai-send{background:linear-gradient(135deg,#52D68A,#2AAB5E);border:none;border-radius:10px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-end;transition:opacity 0.2s;}
.ai-send:hover{opacity:0.85;}
.ai-send svg{width:16px;height:16px;fill:none;stroke:#061410;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.ai-send:disabled{opacity:0.4;cursor:not-allowed;}
.ai-footer{font-size:10px;color:rgba(240,248,243,0.25);text-align:center;padding:4px 0 10px;flex-shrink:0;}
@media(max-width:420px){#ngl-ai-panel{width:calc(100vw - 24px);right:12px;bottom:80px;}#ngl-ai-btn{bottom:16px;right:16px;}}