:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#0000!important}*{box-sizing:border-box}:root{--color-corporativo:#b80507}.chat-wrapper{z-index:9999;flex-direction:column;align-items:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:fixed;bottom:20px;right:20px}.chat-toggle-btn{background-color:var(--color-corporativo);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;animation:2s infinite pulse-blue;display:flex;box-shadow:0 4px 12px #0000004d}.chat-toggle-btn:hover{animation:none;transform:scale(1.1)}@keyframes pulse-blue{0%{box-shadow:0 0 #002f6cb3}70%{box-shadow:0 0 0 15px #002f6c00}to{box-shadow:0 0 #002f6c00}}.chat-window{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;width:410px;max-width:calc(100vw - 40px);height:590px;max-height:calc(100vh - 50px);margin-bottom:15px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}.chat-header{background-color:var(--color-corporativo);color:#fff;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:700;display:flex}.chat-header h3{align-items:center;gap:8px;margin:0;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.chat-messages{background-color:#f7f9fc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{white-space:pre-wrap;text-align:left;border-radius:18px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.4}.message.bot{color:#333;background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;align-self:flex-start}.message.user{background-color:var(--color-corporativo);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message.system{box-shadow:none!important;background-color:#0000!important;border:none!important;align-self:center!important;max-width:100%!important;margin:5px auto!important;padding:10px 0!important}.header-actions{align-items:center;gap:5px;display:flex;position:relative}.menu-trigger-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.menu-trigger-btn:hover{background-color:#ffffff1a}.custom-dropdown{z-index:100;background:#fff;border:1px solid #eee;border-radius:8px;min-width:170px;padding:4px 0;position:absolute;top:120%;left:0;right:auto;box-shadow:0 4px 12px #00000026}.dropdown-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;align-items:center;width:100%;padding:10px 15px;font-size:14px;transition:background .2s;display:flex}.dropdown-item:hover{color:#d32f2f;background-color:#f5f5f5}.dropdown-item:disabled{color:#999;cursor:not-allowed;background-color:#0000}.dropdown-item:disabled:hover{color:#999;background-color:#0000}.chat-input-area{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px;display:flex}.chat-input-area textarea{resize:none;box-sizing:border-box;border:1px solid #ccc;border-radius:20px;outline:none;flex:1;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s;overflow-y:hidden}.chat-input-area textarea:focus{border-color:#929292}.chat-input-area textarea::placeholder{color:#929292;opacity:1}.send-btn{color:var(--color-corporativo);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0 12px;font-weight:700;display:flex}.send-btn:hover{color:#001b40}.typing-indicator{align-items:center;gap:4px;width:fit-content;padding:14px 18px;display:flex}.typing-indicator span{background-color:#999;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message p{margin:0 0 8px}.message p:last-child{margin-bottom:0}.message ul,.message ol{margin:0 0 8px;padding-left:24px}.message li{margin-bottom:4px}.message strong{color:inherit;font-weight:700}.message a{color:#002f6c;text-decoration:underline}.message.user a{color:#fff}.quick-replies{flex-wrap:wrap;gap:8px;margin-top:5px;margin-bottom:10px;display:flex}.quick-reply-btn{color:var(--color-corporativo);border:1px solid var(--color-corporativo);cursor:pointer;background-color:#0000;border-radius:16px;padding:8px 14px;font-size:13px;transition:all .2s}.quick-reply-btn:hover{background-color:var(--color-corporativo);color:#fff}.boton-agente{color:#fff;cursor:pointer;background-color:#004c97;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:700;transition:all .3s ease-in-out;display:inline-flex;box-shadow:0 2px 5px #0003}.boton-agente:hover{background-color:#0056b1;transform:scale(1.05);box-shadow:0 0 15px #64b5f699,0 5px 10px #0000004d}.pre-chat-container{background-color:#fff;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.pre-chat-text{color:#333;margin:0;font-size:15px;line-height:1.5}.pre-chat-legal{font-size:15px;line-height:1.6}.pre-chat-legal a{color:#1a73e8;text-decoration:none}.pre-chat-legal a:hover{text-decoration:underline}.pre-chat-form{flex-direction:column;gap:15px;display:flex}.pre-chat-field{flex-direction:column;gap:6px;display:flex}.pre-chat-field label{color:#333;font-size:14px}.pre-chat-field input,.pre-chat-field textarea{border:1px solid #ced4da;border-radius:4px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.pre-chat-field textarea{resize:none;height:70px}.pre-chat-field input:focus,.pre-chat-field textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.btn-iniciar-chat{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;align-self:flex-start;margin-top:5px;padding:10px 16px;font-size:15px;transition:background-color .2s}.btn-iniciar-chat:hover:not(:disabled){background-color:#5a6268}.btn-iniciar-chat:disabled{cursor:not-allowed;background-color:#ccc}.pre-chat-error{color:#d32f2f;margin-top:-5px;margin-bottom:5px;font-size:13px;animation:.3s ease-in-out fadeIn}.message.bot.is-streaming>:last-child:after{content:"";vertical-align:text-bottom;background-color:#555;border-radius:1px;width:3px;height:1.1em;margin-left:4px;animation:1s step-end infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.no-connection-view{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;animation:.5s ease-in-out fadeIn;display:flex}.no-connection-icon{width:80px;height:80px;color:var(--color-corporativo);margin-bottom:20px;animation:3s ease-in-out infinite float}.no-connection-title{color:#333;margin:0 0 10px;font-size:22px;font-weight:700}.no-connection-text{margin:0;font-size:15px;line-height:1.5}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}