body{margin:0;font-family:sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.mobile-container{width:100%;max-width:400px;background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0003;overflow:hidden;display:flex;flex-direction:column;align-items:center}.App{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f0f0f0;overflow:hidden;margin-bottom:0;border-radius:20px}.header{background-color:#fff;padding:1em 10px;margin-top:0;border-bottom:1px solid #ddd;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:relative}.logo{width:30px;height:30px;border-radius:50%;background-color:#ccc;margin-bottom:5px;display:none}.username{font-size:1em;font-weight:700}.rooms-container{background-color:#fff;padding:1.5em 20px;border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.rooms-container::-webkit-scrollbar{display:none}.rooms{display:flex;background-color:#e0e0e0;border-radius:10px;padding:5px;box-sizing:border-box;flex-shrink:0;align-items:center;white-space:nowrap;height:50px}.room-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 6px;border-radius:10px;transition:background-color .3s ease,color .3s ease;cursor:pointer}.room-icon{color:#888;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.room-name .room-button{padding:0;border:none;background-color:transparent;cursor:pointer;white-space:nowrap;color:#888;font-size:.7em}.room-wrapper{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 1px}.room-content.active-sac{background-color:#ff595e;color:#fff}.room-content.active-obra{background-color:#6acdab;color:#fff}.room-content.active-legal{background-color:#bf5af2;color:#fff}.room-content.active-ventas{background-color:#ff9f0a;color:#fff}.room-content.active-financiero{background-color:#0a84ff;color:#fff}.room-content.active-presupuesto{background-color:#a2d5ab;color:#fff}.room-content.active-cxmkt{background-color:#29abe2;color:#fff}.send-button-cxmkt{background-color:#29abe2}.message.sent.message-cxmkt{background:linear-gradient(to right,#29ABE2,#1E8BC3)}.room-content.active-compras{background-color:#66bb6a;color:#fff}.send-button-compras{background-color:#66bb6a}.message.sent.message-compras{background:linear-gradient(to right,#66BB6A,#4CAF50)}.room-content.active-cip{background-color:#cad357;color:#fff}.send-button-cip{background-color:#cad357}.message.sent.message-cip{background:linear-gradient(to right,#cad357,#83a55e)}.room-content.active-diseño{background-color:#f44336;color:#fff}.send-button-diseño{background-color:#f44336}.message.sent.message-diseño{background:linear-gradient(to right,#F44336,#D32F2F)}.room-content.active-sac .room-icon,.room-content.active-sac .room-button,.room-content.active-obra .room-icon,.room-content.active-obra .room-button,.room-content.active-legal .room-icon,.room-content.active-legal .room-button,.room-content.active-ventas .room-icon,.room-content.active-ventas .room-button,.room-content.active-financiero .room-icon,.room-content.active-financiero .room-button,.room-content.active-presupuesto .room-icon,.room-content.active-presupuesto .room-button,.room-content.active-cxmkt .room-icon,.room-content.active-cxmkt .room-button,.room-content.active-compras .room-icon,.room-content.active-compras .room-button,.room-content.active-cip .room-icon,.room-content.active-cip .room-button,.room-content.active-diseño .room-icon,.room-content.active-diseño .room-button{color:inherit}.chat-area{flex-grow:1;padding:20px;overflow-y:scroll;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.chat-area::-webkit-scrollbar{width:8px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.chat-area:hover::-webkit-scrollbar-thumb{background-color:#0009}.chat-area:hover{scrollbar-color:rgba(0,0,0,.6) transparent}.message{border-radius:25px;padding:25px 15px 10px;margin-bottom:10px;display:inline-block;clear:both;position:relative;max-width:70%;word-wrap:break-word;font-size:.9em;text-align:left}.message.sent{float:right;color:#fff;border-bottom-right-radius:0;background:linear-gradient(to right,#FF595E,#D63031)}.message.sent.message-sac{background:linear-gradient(to right,#FF595E,#D63031)}.message.sent.message-obra{background:linear-gradient(to right,#6ACDAB,#3E8E79)}.message.sent.message-legal{background:linear-gradient(to right,#BF5AF2,#8E24AA)}.message.sent.message-ventas{background:linear-gradient(to right,#FF9F0A,#E65100)}.message.sent.message-financiero{background:linear-gradient(to right,#0A84FF,#01579B)}.message.sent.message-presupuesto{background:linear-gradient(to right,#A2D5AB,#558B2F)}.message.received{background-color:#e0e0e0;color:#000;float:left;border-bottom-left-radius:0}.message-icons{display:flex;position:absolute;top:5px;left:5px;padding-bottom:5px}.message.sent .message-icons{right:1px;left:auto;justify-content:flex-end}.copy-icon{cursor:pointer;margin-right:5px;font-size:1.1em;color:#333}.message.sent .copy-icon{color:#fff}.input-area{display:flex;padding:5px;background-color:#fff;border-top:1px solid #ddd;align-items:center;flex-shrink:0}.microphone-button{background-color:transparent;border:none;padding:10px;border-radius:50%;margin-right:5px;cursor:pointer;font-size:1.5em;color:#888}.input-field{flex-grow:1;padding:10px;border:1px solid #ddd;border-radius:25px;margin-right:10px;resize:none;overflow-y:hidden;max-height:100px;line-height:1.2;box-sizing:border-box}.send-button{background-color:#3f51b5;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5em;padding-left:4px}.send-button-sac{background-color:#ff595e}.send-button-obra{background-color:#6acdab}.send-button-legal{background-color:#bf5af2}.send-button-ventas{background-color:#ff9f0a}.send-button-financiero{background-color:#0a84ff}.send-button-presupuesto{background-color:#a2d5ab}.message-feedback-bottom-right{position:absolute;bottom:5px;right:10px;display:flex;align-items:center;justify-content:flex-end}.dislike-icon-bottom-right{color:#000;cursor:pointer}.dislike-icon-bottom-right.disliked{color:red}.user-info{display:flex;align-items:center;justify-content:space-between}.profile-picture{width:45px;height:45px;border-radius:50%;background-color:gray;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;background-size:cover;background-repeat:no-repeat}.recording-indicator{flex-grow:1;display:flex;align-items:center;justify-content:center;font-style:italic;color:#888}.recording-dot{display:inline-block;width:12px;height:12px;background-color:red;border-radius:50%;margin-left:5px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(.5);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.7}}.blinking{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.waiting-message{display:inline-block;clear:both;margin-bottom:10px;font-style:italic;color:#888;animation:subtle-fade 2s infinite ease-in-out}@keyframes subtle-fade{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 600px){.mobile-container{max-width:100%}.rooms-container{padding:10px}.rooms{padding:5px}.username{font-size:.9em}.header{padding:2vh 5px}.room-button{font-size:.8em;padding:3px 5px;overflow:hidden;text-overflow:ellipsis}}.profile-settings-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-settings{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;width:80%;max-width:600px;position:relative}.profile-settings h2{text-align:center;margin-bottom:20px;color:#333}@media (max-width: 600px){.profile-settings{width:95%;padding:15px}}.profile-settings .form-group{margin-bottom:15px;display:flex;align-items:center}.profile-settings label{display:inline-block;width:150px;font-weight:700;margin-bottom:0;color:#555;text-align:right;margin-right:10px}.profile-settings input[type=text],.profile-settings input[type=password],.profile-settings select,.profile-settings input[type=file]{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:16px;color:#444;max-width:300px}.profile-settings button{background-color:#3f51b5;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px}.profile-settings button:hover{background-color:#303f9f}.profile-settings .permissions{margin-top:20px;padding:10px;border:1px solid #ddd;border-radius:5px}.profile-settings .permissions h3{font-size:18px;margin-bottom:10px;color:#333}.profile-settings .permissions ul{list-style:none;padding:0}.profile-settings .permissions li{padding:5px 0;color:#666}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:transparent;font-family:sans-serif;box-sizing:border-box;width:100%}.mobile-container{width:100%;max-width:400px;background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0003;overflow:hidden;display:flex;flex-direction:column;align-items:center;height:100vh}.login-form{padding:40px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:transparent;box-shadow:none;border-radius:0}.logo-placeholder{width:100px;height:100px;border-radius:50%;margin-bottom:20px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;overflow:hidden}.logo-placeholder img{width:100%;height:100%;object-fit:cover}.login-form h2{margin-bottom:30px;color:#333;font-size:20px;font-weight:400}.form-group{margin-bottom:20px;width:100%}.form-group input{width:100%;max-width:280px;padding:12px 15px;border:1px solid #ccc;border-radius:25px;box-sizing:border-box;font-size:16px;text-align:center}.login-button{width:100%;max-width:250px;padding:12px;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:18px;transition:opacity .3s ease;margin-top:10px;margin-bottom:20px}.links-container{width:100%;max-width:280px;display:flex;justify-content:space-around;margin-top:10px}.link-button{background:none;border:none;color:#5d3a99;cursor:pointer;text-decoration:none;padding:5px;font-size:14px;transition:text-decoration .3s ease}.link-button:hover{text-decoration:underline}.error-message{color:red;margin-bottom:15px;font-size:14px}@media (min-width: 768px){.mobile-container{width:50%;max-width:800px;height:98vh;max-height:800px}}body{margin:0;padding:0;font-family:sans-serif;width:100%;height:100vh;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.App{text-align:center}