Estilos para el Botón Flotante de Acción html{scrollbar-color:var(--gray) #fff;scrollbar-width:thin}.scroll-container{width:300px;height:400px;overflow-y:scroll;position:relative;padding-right:15px}.scrollbar{position:absolute;right:5px;width:8px;height:100%;background-color:rgba(0,0,0,.2);border-radius:8px}.fab-button{background-color:var(--success);color:var(--light);padding:6px 4px 3px 4px;border-radius:50%;border:none;font-size:39px;position:fixed;bottom:18px;right:18px;cursor:pointer;z-index:1000;box-shadow:0 6px 9px rgba(0,0,0,.4);transition:background-color .3s,transform .3s}.fab-button:hover{background-color:var(--primary);transform:translateY(-3px)}.fade-icon{width:75px}.chat-panel{background:var(--light)!important;color:#fff;width:100%;max-width:420px;height:68.3vh;position:fixed;right:0;top:24%;z-index:999999;box-shadow:0 6px 12px rgba(0,0,0,.36);border-radius:21px}.chat-header{background-color:var(--dark);display:flex;justify-content:space-between;align-items:center;padding:9px 21px;border-radius:18px 0 0 0}.chat-header .logo{width:180px}.close-button{font-size:40px;border:none;background:0 0;color:var(--light);cursor:pointer;padding:0}.chat-messages{position:absolute;top:calc(16px + 40px + 16px);bottom:calc(8px + 50px + 8px);left:0;right:0;overflow-y:auto;padding:15px 21px}.chat-messages::-webkit-scrollbar{width:7px}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--gray);border-radius:15px}.chat-input-container{display:flex;align-items:center;padding:15px;position:fixed;bottom:69px;width:100%;max-width:420px;border-radius:0 0 0 18px;z-index:1000}.chat-input{flex:1;border-radius:6px;background-color:var(--light);color:var(--dark);font-family:Calibri;font-size:1.2rem;padding:9px;border:none}.chat-input::placeholder{color:var(--gray);font-size:1.2rem;font-weight:300}.send-button{background:var(--secondary);border:none;cursor:pointer;outline:0;margin-left:6px;padding:6px 7px;border-radius:50%;color:var(--light)}.send-button:hover{background:var(--primary);color:var(--light);box-shadow:0 6px 6px rgba(144,144,144,.36)}.send-button .icon{width:30px}.user-message{color:var(--light);display:inline-block;padding:8px;border-radius:9px;text-align:right;font-family:Calibri;font-size:1.1rem}.assistant-message{background-color:#ededed;color:var(--dark);display:inline-block;padding:8px;border-radius:9px;font-family:Calibri;font-size:1.1rem}.text-right{text-align:right}.text-left{text-align:left}.message{margin-bottom:10px}