body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{background-color:#f9fafd;font-family:Effra;height:100%;margin:0}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}input[type=date]::-moz-calendar-picker-indicator{display:none}.delete-button{height:15px;margin:auto}h1,h2,h3,input,label,p,span,strong{font-family:Effra}.arrow{border-left:5px solid #0000;border-right:5px solid #0000;display:inline-block;height:0;margin-left:4px;vertical-align:middle;width:0}.arrow.asc{border-bottom:6px solid #333}.arrow.desc{border-top:6px solid #333}#root::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.spinner-container{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;background:conic-gradient(#95002a 15%,#200532 50%,#95002a 85%);border-radius:50%;height:60px;position:relative;width:60px;z-index:100}.loading-spinner:before{background-color:#fff;border-radius:50%;content:"";height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:5}.App{font-family:Effra}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{align-items:center;background:#f9fafd;display:flex;flex:0 0 auto;height:60px;justify-content:space-between;padding:0 1rem;z-index:50}.driuda-icon{height:25px;margin:auto 0 auto 20px}.main-layout{display:flex;flex:1 1 auto;height:calc(100% - 60px);overflow:hidden}.sidebar-left{flex:0 0 200px;flex-direction:column;padding:20px}.sidebar-left,.sidebar-right{background-color:#f9fafd;color:#fff;display:flex}.sidebar-right{flex:0 0 55px;flex-direction:column;gap:20px;padding-top:10px;z-index:5}.new-button{background-color:#fff;box-shadow:0 4px 6px #0003;font-size:15px;margin:0 auto 1rem 0;padding:1rem 0;transition:background-color .3s}.new-button,.new-estadisticas-button{border:none;border-radius:20px;color:#2c2c2c;cursor:pointer;font-family:Effra;font-weight:400;outline:none;text-align:center;width:65%}.new-estadisticas-button{background-color:initial;display:flex;flex-direction:row;font-size:17px;gap:20px;justify-content:center;margin:1rem 10px;padding-top:30px}.new-button:focus{background-color:#f9fafd;border:none;border-radius:20px;box-shadow:0 4px 6px #0003;color:#2c2c2c;cursor:pointer;font-family:Effra;font-size:15px;font-weight:400;margin:0 auto 1rem 0;outline:none;padding:1rem 0;text-align:center;transition:background-color .3s;width:65%}.plus-icon{display:inline-block;height:1rem;margin-bottom:.2rem;margin-right:.5rem;position:relative;vertical-align:middle;width:1rem}.plus-icon:before{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.plus-icon:after,.plus-icon:before{background-color:currentColor;content:"";position:absolute}.plus-icon:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.new-button:hover{background-color:#f9fafd}.menu-button{align-items:center;background-color:initial;border:none;color:#2c2c2c;cursor:pointer;display:flex;font-family:Effra;font-size:17px;gap:10%;overflow:visible;padding:5px 15px;text-align:left;text-decoration:none;transition:color .3s ease-in-out}.menu-button.active{color:#e65c5c}.menu-button:hover{color:#808284}.menu-icon{fill:#2c2c2c;overflow:visible;transition:fill .3s ease-in-out;width:15px}.menu-button:hover .menu-icon{fill:#808284}.menu-button.active .menu-icon{fill:#e65c5c}.menu-button.active:hover .menu-icon{fill:#808284}.main-content{background-color:#fff;border-top-left-radius:25px;border-top-right-radius:25px;flex:1 1 auto;overflow:auto;&::-webkit-scrollbar{width:0}}.Trazabilidad{border-radius:25px;padding:0 1rem}.Trazabilidad,.Trazabilidad.dragging{display:flex;flex-direction:column;height:100%;overflow:hidden}.Trazabilidad.dragging{border:1px solid red}.Trazabilidad::-webkit-scrollbar{display:none}.trazabilidad-header{padding:5px 10px}.trazabilidad-content{flex:1 1 auto;overflow-y:auto;padding:0 10px 25px;scrollbar-width:none}.trazabilidad-content::-webkit-scrollbar{display:none}.trazabilidad-header h1{color:#333;cursor:default;font-family:Effra;font-size:28px;font-weight:200;margin:0}.sorter-listbox-button{align-items:center;background-color:#f6f7fa;border:none;border-radius:5rem;color:#333;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between;margin-left:auto;padding:5px 7px 5px 20px;text-align:left;width:200px}.sorter-listbox-button.open{border-radius:1.25rem 1.25rem 0 0}.sorter-listbox-button.placeholder{color:#999}.sorter-listbox-button.selected{color:#333}.sorter-arrow-container{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;transition:background-color .3s ease-in-out;width:24px}.sorter-arrow-container:hover{background-color:#eaeef5}.sorter-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #2c2c2c}.sorter-listbox-options{background-color:#f6f7fa;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000000d;left:0;list-style-type:none;margin-left:auto;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:200px;z-index:1000}.sorter-listbox-option{color:#333;cursor:pointer;font-family:Effra;font-size:13px;padding:10px 15px}.sorter-listbox-options::-webkit-scrollbar{background-color:initial;width:4px}.sorter-listbox-options::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.filter-select-container{display:flex;flex-direction:column;justify-content:right;margin:0 0 20px;position:relative}.selection-container{display:flex;flex-direction:column;gap:5vh;margin:0 auto;text-align:center;width:75%}.selection-container p{color:#2c2c2c;font-family:Effra;font-size:17px;margin-bottom:20px}.button-group{display:flex;flex-direction:row;justify-content:space-between}.trazabilidad-icon{fill:#2c2c2c;height:12vw;transition:fill .3s ease-in-out;width:12vw}.button-item:hover .trazabilidad-icon{fill:#e65c5c;height:12vw;width:12vw}.button-group button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Effra;font-size:15px;margin:0 10px;padding:12px 20px;transition:background-color .3s ease-in-out}.button-item p{color:#2c2c2c;transition:color .3s ease-in-out}.button-item:hover p{color:#e65c5c}.container{border-radius:8px;font-family:Arial,sans-serif;height:-webkit-min-content;height:min-content;margin:0 auto}.formtitle-container{display:flex;gap:1%;text-align:start}.formtitle{color:#e65c5c;cursor:default;font-family:Effra;font-size:18px;font-weight:400;margin:auto 0}.formicon-container{background-color:#e65c5c;border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.formicon{fill:#fff;height:25px;transition:fill .3s ease-in-out;width:15px}.divider{background:linear-gradient(90deg,#948298,#e65c5c);border:0;height:1px;margin:7px 0 25px;width:100%}.form{display:flex;flex-direction:column;gap:20px}.column{max-height:-webkit-fit-content;max-height:fit-content;overflow:auto;overflow:visible;&::-webkit-scrollbar{display:none}}.column,.long{display:flex;flex:1 1;flex-direction:column;gap:15px;min-width:280px;position:relative;scrollbar-width:none}.long{max-height:60vh;overflow:auto;padding-bottom:12rem;&::-webkit-scrollbar{display:none}}.bottom-gradient{background:linear-gradient(0deg,red,#0000)}.input-group{display:flex;flex-direction:column;position:relative}.input-group.number{align-items:center;background-color:#f6f7fa;border-radius:5rem;display:flex;flex-direction:row;justify-content:space-between;overflow:visible;position:relative}.input-group.number,.input-group.number .input{border:none;color:#333;font-family:Effra;font-size:13px}.input-group.number .input{box-sizing:border-box;cursor:pointer;width:100%}.input-group.number .input:focus{box-shadow:none;outline:none}.input-group.number .unit{color:#999;position:absolute;right:15px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.botella-block,.partida-block{display:flex;flex-direction:column;gap:15px;max-height:-webkit-fit-content;max-height:fit-content;overflow:auto;overflow:visible;position:relative}.input-label{color:#333;font-family:Effra;font-size:13px;margin-top:5px;text-transform:uppercase}.date-label{margin-bottom:5px}.data-label,.date-label{color:#b3b3b3;font-family:Effra;font-size:12px;text-transform:uppercase}.data-label{font-weight:500}.input-group .input{padding:8px 15px 8px 20px}.input-group .input,.pdf-button{align-items:center;background-color:#f6f7fa;border:none;border-radius:5rem;color:#333;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between}.pdf-button{flex-direction:row;gap:5px;padding:8px 20px;transition:background-color .3s ease-in-out;width:-webkit-fit-content;width:fit-content}.pdf-button:hover{background-color:#eaeef5}.no-pdf{align-items:center;background-color:#f6f7fa;border-radius:50%;color:#2c2c2c;cursor:pointer;display:inline-flex;height:15px;justify-content:center;line-height:1;text-align:center;transition:background-color .3s ease-in-out;width:15px}.no-pdf:hover{background-color:#eaeef5}.input-address{background-color:#f6f7fa;border:none;border-radius:5rem;color:#333;font-family:Effra;font-size:13px;padding:8px 15px 8px 20px;text-align:center;width:25%}input::placeholder{color:#999}.radio-group{align-items:center;flex-direction:row;gap:20px;margin-bottom:10px}.radio-options{display:flex;gap:15px}.radio-option{align-items:center;display:flex}.radio-label{margin-left:5px}.add-btn-container{align-items:center;display:flex;gap:3%;justify-content:end}.stock-vinos-item{color:#2c2c2c;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease-in-out;white-space:nowrap}.stock-vinos-item:hover{color:#e65c5c}.add-icon{align-items:center;background-color:#eaeef5;border-radius:50%;cursor:pointer;display:flex;font-family:Effra;font-size:1.25rem;font-weight:300;height:1rem;justify-content:center;margin:auto 0;position:relative;transition:background-color .3s ease-in-out;width:1rem}.add-icon:hover{background-color:#dbdfe6}.add-txt{cursor:default;font-size:13px}.add-btn,.add-txt{font-family:Effra;font-weight:400}.add-btn{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;padding:7px 25px;transition:background-color .3s ease-in-out}.button:hover{background-color:#c9302c}.button.finalizado{cursor:default}.button.finalizado,.button.finalizado:hover{background-color:#39b54a}.button.cargando{background-color:#e65c5c;cursor:default}.button.cargando:hover{background-color:#c9302c}.message{border-radius:5px;font-weight:700;margin-top:15px;padding:15px;text-align:center}.success{background-color:#dff0d8;color:#39b54a}.error{background-color:#f2dede;color:#a94442}.custom-listbox-container{display:flex;flex-direction:column;margin:auto 0;position:relative}.custom-listbox-button{align-items:center;background-color:#f6f7fa;border:none;border-radius:5rem;color:#333;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between;padding:5px 7px 5px 20px;width:100%}.custom-listbox-button.open{border-radius:.9em .9em 0 0}.custom-listbox-button.placeholder{color:#999}.custom-listbox-button.selected{color:#333}.custom-arrow-container{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;transition:background-color .3s ease-in-out;width:24px}.custom-arrow-container:hover{background-color:#eaeef5}.custom-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #2c2c2c;transition:transform .2s ease}.custom-listbox-button.open .custom-arrow{transform:rotate(180deg)}.custom-listbox-options{background-color:#f6f7fa;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000000d;left:0;list-style-type:none;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.custom-listbox-options::-webkit-scrollbar{background-color:initial;width:4px}.custom-listbox-options::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.motivo-dropdown-options::-webkit-scrollbar{background-color:initial;width:4px}.motivo-dropdown-options::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.custom-listbox-option{color:#333;cursor:pointer}.custom-listbox-option,.listbox-group-label{font-family:Effra;font-size:13px;padding:10px 15px}.listbox-group-label{color:#555;cursor:default;font-weight:700;text-transform:uppercase}.dropdown-options{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:5%;max-height:0;overflow:hidden;position:absolute;top:10%;transition:max-height .5s ease-in-out;width:75%;z-index:10}.dropdown-options.open{max-height:500px}.dropdown-option{background:none;border:none;color:#2c2c2c;cursor:pointer;font-size:13px;padding:10px 15px;text-align:left;text-decoration:none;transition:background-color .2s}.dropdown-option:hover{background-color:#eee}.section{margin-bottom:40px}.section h2{color:#555;cursor:default;font-family:Effra;font-size:17px;font-weight:400}.document-card h3{color:#333;font-size:1.1em}.document-card p{color:#777;font-size:.9em;margin:0}.card-collection{color:#999;font-size:.8em;font-style:italic;margin-top:5px}.recent-card{align-items:center;display:flex;flex-direction:row;gap:16px}.card-header{display:flex;flex-direction:column}.error-state,.loading-state{color:#666;font-size:1.2em;padding:50px;text-align:center}.document-card{background-color:#f1f4f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:5px 15px;transition:transform .2s ease,box-shadow .2s ease-in-out}.document-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.biblio-doc-id,.doc-id{font-size:16px}.biblio-doc-id,.card-autor,.doc-id{color:#333;cursor:pointer;font-family:Effra;font-weight:400;margin:0}.card-autor{font-size:14px}.card-date{color:#777;cursor:pointer;font-family:Effra;font-size:.9em}.recent-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.files-list{border-top:1px solid #ddd;display:flex;flex-direction:column}.files-header{align-items:center;background-color:#fff;padding:5px 0;position:-webkit-sticky;position:sticky;top:0}.file-item,.files-header{display:flex;margin:auto;width:100%}.file-item{border-bottom:1px solid #ddd;padding:10px 0;transition:background-color .3s ease-in-out}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:#f0f1f1}.file-date,.file-id,.file-modificado,.file-status{align-items:center;cursor:pointer;flex:1 1;font-family:Effra;font-weight:400;text-align:left}.file-id{display:flex;flex-direction:row;font-size:18px;font-weight:400}.file-date,.file-modificado,.file-status{font-family:Effra;font-size:13px;font-weight:400}.file-status{align-items:center;display:flex;gap:10px}.files-header span{cursor:default;font-family:Effra;font-size:13px;font-weight:600;width:-webkit-fit-content;width:fit-content}.status-circle{border-radius:50%;display:inline-block;height:12px;width:12px}.status-circle.green{background-color:#39b54a}.status-circle.yellow{background-color:#fbb03b}.recent-card .status-circle{height:15px;width:15px}.status-text{color:#000}.coleccion-icon{fill:grey;display:inline-block;margin-right:10px;vertical-align:middle;width:20px}.login-container{background-image:url(/static/media/background.6ab09299225f5501dad9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.login-container,.login-form{display:flex;flex-direction:column}.login-form{align-items:center;gap:5vh;justify-content:center;margin:auto;text-align:center}.login-input{align-items:center;background-color:#f6f7fa;border:none;border-radius:10px;box-shadow:0 4px 6px #00000080;color:#333;display:flex;font-family:Effra;font-size:20px;font-weight:100;justify-content:space-between;padding:8px 15px 8px 20px;width:65%}.login-icon{margin:0;width:40vw}.login-form-group{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;width:100%}.login-button{align-items:center;background-color:#e65c5c;border:none;border-radius:50px;box-shadow:0 4px 6px #00000080;color:#fff;cursor:pointer;display:flex;font-family:Effra;font-size:18px;font-weight:100;justify-content:space-between;padding:8px 25px}.doc-detail{display:flex;flex-direction:column;gap:10px}.data-column{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:auto;position:relative;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.data-column.long{display:flex;flex-direction:column;gap:12px;height:100vh;overflow:auto;position:relative;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.data-column.botellas{display:flex;flex-direction:column;gap:12px;height:100vh;overflow:auto;position:relative;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.data-column.botellas .input-group:last-of-type,.data-column.long .data-p:last-of-type{padding-bottom:100px}.data-p{color:#333;cursor:default}.data-p,.data-p.link{font-family:Effra;font-size:18px;margin:0}.data-p.link{color:#e65c5c;cursor:pointer}.doc-detail .header{align-items:left;height:-webkit-max-content;height:max-content;justify-content:left}.columns-container,.doc-detail .header{display:flex;flex-direction:row;padding:0 10px}.columns-container{flex-wrap:wrap;gap:40px}.header-column{display:flex;flex:1 1;flex-direction:column;justify-content:left}.header-label{color:#2c2c2c;font-size:13px;margin:0 0 5px}.header-value{color:#b3b3b3;font-size:13px;margin:2px 0}.doc-icon-container{background-color:#e65c5c;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.doc-icon{fill:#fff;transition:fill .3s ease-in-out;width:25px}.gray-box{background-color:#f9fafd;border-radius:8px;display:flex;flex-direction:column;min-height:100px;padding:5px;text-align:center}.gray-box label{color:#b3b3b3;font-family:Effra;font-size:13px;font-weight:500}.gray-box .data-p{color:#2c2c2c;font-family:Effra;font-size:55px;font-weight:100;height:0;margin:0;padding:0}.tabs{border-bottom:1px solid #ccc;display:flex;width:100%}.tab-button{background:none;border:none;color:#555;cursor:pointer;font-weight:400;padding:10px 30px;transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content}.tab-button:hover{background:#f9fafd}.tab-button.active{background:#fff;border:1px solid;border-color:#ccc #ccc #fff;color:#2c2c2c;font-weight:700;padding:10px 30px}.tabs-nav{border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:left;list-style:none;margin:0;padding:0;width:100%}.tabs-nav li{padding-left:10px;text-align:center;text-transform:uppercase}.tabs-nav li a{border:0 solid #e0e0e0;border-top-left-radius:10px;border-top-right-radius:10px;color:#888;display:block;font-size:12px;padding:10px 0;text-decoration:none;width:12vw}.tabs-nav li.active a{background-color:#fff;border:1px solid #e0e0e0;border-bottom-color:#fff;color:#333;font-size:12px;line-height:12px;padding:10px 0;position:relative;top:2px}.search-bar-container{font-family:Inter,sans-serif;position:relative;width:50%}.search-input::placeholder{color:#2c2c2c}.search-dropdown-options{-ms-overflow-style:none;background-color:#eaeef5;border-radius:8px;box-sizing:border-box;left:0;max-height:30vh;overflow-y:auto;padding:10px 0;position:absolute;scrollbar-width:none;top:110%;width:100%;z-index:1000}.search-dropdown-options::-webkit-scrollbar{box-sizing:border-box;cursor:pointer;display:none;font-size:14px;padding:10px 16px}.search-dropdown-option{box-sizing:border-box;cursor:pointer;font-family:Effra;font-size:14px;padding:10px 20px;transition:color .3s ease-in-out}.search-dropdown-option:hover{color:#e65c5c}.search-input-wrapper{align-items:center;background-color:#eaeef5;border:1px solid #eaeef5;border-radius:25px;box-sizing:border-box;display:flex;max-height:40px;padding:0;transition:transform .2s ease,box-shadow .2s ease-in-out}.search-input-wrapper.active{background-color:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.search-input-wrapper .search-icon{height:16px;width:16px}.search-input-wrapper .search-input{background:#0000;border:none;flex:1 1;font-family:Effra;font-size:14px;outline:none}.user-circle{align-items:center;background:linear-gradient(to top left,#98002a,#120633);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;text-align:center;width:35px}.user-circle span{color:#fff;font-size:15px;text-align:center}.column-last{gap:15px}.button-container,.column-last{display:flex;flex-direction:column}.button-container{gap:25px;height:-webkit-fit-content;height:fit-content;margin:auto 0 0}.button-container .input-group{width:100%}.button{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:1em;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:7px 25px;transition:background-color .3s ease-in-out;width:40%}.button,.button .button-text{position:relative}.button .progress-bar{background-color:#0000004d;height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:1}.remove-btn{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:11px;font-weight:400;margin:0 0 0 auto;padding:5px 15px;transition:background-color .3s ease-in-out;width:-webkit-fit-content;width:fit-content}.dropdown-new{display:inline-block;position:relative;width:100%}.new-dropdown-options{animation:dropdownFade .15s ease-out;background:#fff;border:none;border-radius:10px;box-shadow:0 6px 16px #0000001f;left:10%;outline:none;padding:6px 0 6px 15px;position:absolute;top:10%;width:150px;z-index:999}.dropdown-estadisticas{position:relative}.new-estadisticas-dropdown-options{animation:dropdownFade .15s ease-out;background:#fff;border:none;border-radius:10px;box-shadow:0 6px 16px #0000001f;left:20%;outline:none;padding:6px 0 6px 15px;position:absolute;top:70%;width:150px;z-index:999}.new-dropdown-option{color:#333;cursor:pointer;font-size:14px;padding:7px 5px;transition:color .15s ease-in-out}.new-dropdown-option:hover{border:none;color:#e65c5c;outline:none}.compras-tabs{border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:left;list-style:none;margin:0;padding:0;width:100%}.compras-tabs li{text-align:center;text-transform:uppercase}.compras-tabs li a{border:0 solid #e0e0e0;border-top-left-radius:10px;border-top-right-radius:10px;color:#888;display:block;font-size:13px;padding:10px 30px;text-decoration:none}.compras-tabs li.active a{background-color:#fff;border:1px solid #e0e0e0;border-bottom-color:#fff;color:#333;line-height:12px;padding:12px 30px;position:relative;top:1px}.inventariotable-container{max-height:500px;overflow-y:auto;width:100%}.table-container{overflow-y:auto;width:100%}.table-full{border-collapse:collapse;padding-bottom:50px;table-layout:fixed;width:100%}.table-full tbody tr,.table-full thead{display:table;table-layout:fixed;width:100%}.table-full thead{background:#fff;position:-webkit-sticky;position:sticky;top:0}.table-full td,.table-full th{word-wrap:break-word;border-bottom:1px solid #ccc;padding:12px;text-align:center}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.compras-card{background-color:#f1f4f9}.input-label{background:#fff;padding:4px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-container{width:300px}.relative{position:relative;z-index:10}.search-button{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:10px 15px;width:100%}.chevron-down{font-size:12px}.search-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;list-style:none;margin-top:5px;max-height:250px;overflow-y:auto;padding:0;position:absolute;width:100%}.search-input-wrapper{border-bottom:1px solid #e2e8f0;padding:10px}.search-input{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;padding:8px}.search-option{align-items:center;cursor:pointer;display:flex;padding:10px 15px}.active-option,.search-option:hover{background-color:#f0f4f8}.no-results-listbox{color:#64748b;padding:10px 15px;text-align:center}.item-icon{color:#3b82f6;height:20px;margin-right:8px;width:20px}.selected-info{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px}.selected-info h3{margin-top:0}.inventario-container{margin-top:1.5rem}.inventario-table-wrapper{overflow-x:auto}.inventario-table{border-collapse:collapse;table-layout:fixed;width:85%}.inventario-header-row{background:none}.inventario-header-cell{border-right:1px solid #e0e3e7;color:#2c2c2c;cursor:default;font-family:Effra;font-weight:500;padding:0 10px;text-align:center}.inventario-header-cell:last-child,.inventario-header-cell:nth-child(6),.inventario-header-cell:nth-child(7){border-right:none}.inventario-body{color:#4b5563;font-size:.875rem;font-weight:300}.inventario-row{border-bottom:1px solid #e5e7eb;cursor:default;transition:background-color .2s ease-in-out}.inventario-cell{cursor:default;margin:auto;padding:15px 1px;text-align:center;white-space:nowrap}.inventario-input{border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem;width:2rem}.inventario-unit{margin-left:.5rem}.inventario-diff-ok{color:#39b54a}.inventario-diff-error{color:#e65c5c;font-weight:400}.table-row{background-color:initial;cursor:pointer;transition:background-color .2s}.table-row:hover{background-color:#f0f1f1;cursor:pointer}.motivo-dropdown-container{display:flex;font-family:inherit;justify-content:center;margin:auto;position:relative;width:100%}.motivo-dropdown-button{align-items:center;background-color:#f6f7fa;border:1px solid #f6f7fa;border-radius:20px;cursor:pointer;display:flex;height:35px;justify-content:space-between;padding:6px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.motivo-dropdown-options{background-color:#f6f7fa;border:1px solid #f6f7fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-height:150px;overflow-y:auto;padding:5px 0;position:fixed;text-align:start;transform:translateY(40px);z-index:999}.motivo-dropdown-button:active,.motivo-dropdown-button:focus,.motivo-dropdown-options:focus{border:none;outline:none}.motivo-dropdown-option{cursor:pointer;padding:6px 20px;transition:background-color .15s}.motivo-dropdown-option:hover{background-color:#f0f0f0}.motivo-dropdown-option.selected{background-color:#e0e0e0;font-weight:500}.inventario-search-bar-container{font-family:Inter,sans-serif;position:relative;width:50%}.inventario-search-input::placeholder{color:#2c2c2c}.inventario-search-dropdown-options{-ms-overflow-style:none;background-color:#f9fafd;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;left:0;max-height:30vh;overflow-y:auto;padding:10px 0;position:absolute;scrollbar-width:none;top:110%;width:100%;z-index:1000}.inventario-search-dropdown-options::-webkit-scrollbar{box-sizing:border-box;cursor:pointer;display:none;font-size:14px;padding:10px 16px}.inventario-search-dropdown-option{box-sizing:border-box;cursor:pointer;font-family:Effra;font-size:14px;padding:10px 20px;transition:color .3s ease-in-out}.inventario-search-dropdown-option:hover{color:#e65c5c}.inventario-search-input-wrapper{align-items:center;background-color:#f9fafd;border-radius:25px;box-sizing:border-box;display:flex;max-height:40px;padding:5px 15px;transition:transform .2s ease,box-shadow .2s ease-in-out}.inventario-search-input-wrapper.active{background-color:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.inventario-search-input-wrapper .inventario-search-icon{height:12px;width:16px}.inventario-search-input-wrapper .inventario-search-input{background:#0000;border:none;flex:1 1;font-family:Effra;font-size:14px;outline:none}.modificar-button{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:1em;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:7px 25px;position:relative;transition:background-color .3s ease-in-out}.modificar-button:disabled{background-color:#f9fafd;color:#eaeef5;cursor:default}.modificar-button.modificado{background-color:#39b54a;color:#fff;cursor:default}.modificar-button.modificado:hover{background-color:#39b54a}.inventario-button{background-color:#e65c5c;color:#fff;cursor:pointer;overflow:hidden;position:relative;transition:background-color .3s ease-in-out}.inventario-button,.inventario-button.disabled{border:none;border-radius:25px;display:flex;font-family:Effra;font-size:1em;font-weight:400;margin:25px 0 0 auto;padding:7px 25px}.inventario-button.disabled{background-color:#f9fafd;color:#eaeef5;cursor:default}.remove-button{align-items:center;background:#eaeef5;border:none;border-radius:10px;color:red;cursor:pointer;display:flex;font-family:Effra;font-size:24px;font-weight:300;height:20px;justify-content:center;line-height:.25px;padding:0;transition:transform .2s ease-in-out;width:20px}.search-container{margin:20px auto;position:relative;width:40%}.search-input{border:1px solid #e0e0e0;border-radius:25px;font-family:Effra,sans-serif;font-size:16px;padding:12px 40px 12px 15px;transition:box-shadow .2s;width:100%}.search-reset-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px}.search-reset-button svg{fill:#999;height:100%;width:100%}.clientes-tabs{border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:left;list-style:none;margin:0;padding:0;width:100%}.clientes-tabs li{text-align:center;text-transform:uppercase}.clientes-tabs li a{border:0 solid #e0e0e0;border-top-left-radius:10px;border-top-right-radius:10px;color:#888;display:block;font-size:15px;padding:10px 45px;text-decoration:none}.clientes-tabs li.active a{background-color:#fff;border:1px solid #e0e0e0;border-bottom-color:#fff;color:#333;line-height:12px;padding:12px 45px;position:relative;top:1px}.clientes-search-bar-container{margin:auto;position:relative;width:50%}.clientes-search-input-wrapper{align-items:center;background-color:#eaeef5;border-radius:25px;box-sizing:border-box;display:flex;height:35px;padding:6px 15px;transition:transform .2s ease,box-shadow .2s ease-in-out;width:100%}.clientes-search-input-wrapper.active{background-color:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.clientes-search-icon-wrapper{align-items:center;display:flex;justify-content:center;margin-right:8px}.clientes-search-icon{color:#666;height:16px;width:18px}.clientes-search-input,.clientes-search-input:focus{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none}.clientes-search-reset-button{background:none;border:none;color:#888;cursor:pointer;font-size:16px}.clientes-search-dropdown-options{background:#eaeef5;border-radius:8px;box-shadow:0 2px 6px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.clientes-search-dropdown-options::-webkit-scrollbar{box-sizing:border-box;cursor:pointer;display:none;font-size:14px;padding:10px 16px}.clientes-search-dropdown-option{cursor:pointer;padding:8px 12px}.alphabet-filter{display:flex;margin:15px auto;width:-webkit-max-content;width:max-content}.letter-button{background-color:initial;border:none;color:#b3b3b3;cursor:pointer;font-family:Effra;font-size:15px;font-weight:400;margin:auto;transition:background-color .3s ease-in-out}.letter-button.active,.letter-button:hover{color:#2c2c2c}.inventarioDetails-table{border-collapse:collapse;text-align:center;width:80%}.inventarioDetails-th{font-family:Effra;font-weight:500;padding:12px;position:relative;text-align:center}.inventarioDetails-th:after{background-color:#e0e3e7;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.inventarioDetails-th:last-child:after{content:none}.inventarioDetails-td{border-bottom:1px solid #ddd;font-family:Effra;font-weight:400;padding:10px}input{border:none;outline:none}.home-table{border-collapse:collapse;font-family:Arial,sans-serif;width:100%}.home-table-header,.home-table-row{border-bottom:1px solid #ccc;display:flex;padding:15px 0}.home-table-header{align-items:center;background-color:#fff;cursor:default;display:flex;font-family:Effra;font-size:.95em;font-weight:500;justify-content:space-between;padding:8px 15px;position:-webkit-sticky;position:sticky;top:0}.home-table-row:hover{background-color:#f9f9f9}.home-table-column{flex:1 1;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.home-table-header .home-table-column:last-child,.home-table-row .home-table-column:last-child{border-right:none}.home-table-row .home-table-column-date{font-family:Effra;font-size:14px;font-weight:400}.home-table-row,.icon-container{align-items:center}.icon-container{background-color:#e65c5c;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:visible;width:32px}.icon-container svg{fill:#fff;margin:auto;overflow:visible;width:19px}.icon-container.icon-compras svg{fill:#fff;height:21px;margin:auto;width:21px}.icon-container.icon-inventario svg{fill:#fff;height:19px;margin:6px auto 5px;width:auto}.icon-container.icon-clientes svg{fill:#fff;height:auto;margin:auto;width:14px}.icon-container.icon-ventas svg{fill:#fff;height:21px;margin:auto;width:21px}.search-input:focus{box-shadow:none;outline:none}.historial-table th{border-bottom:1px solid #ccc;padding:8px}.historial-table td{padding:8px}.historial-table tbody tr:last-child td{border-bottom:none}.historial-table{border-collapse:collapse;border-spacing:10px;font-family:Arial,sans-serif;width:100%}.historial-table th{font-family:Effra;font-weight:500;text-align:center}.historial-table tr{border-bottom:none}.historial-table td,.historial-table tr.ultimo-producto{border-bottom:1px solid #ccc}.historial-table td{align-content:center;align-items:center;align-self:center;color:#333;font-family:Effra;font-size:14px;font-weight:500;justify-content:center;margin:auto;padding:10px 8px;text-align:center;vertical-align:top}.producto-detalle{display:flex;flex-direction:column;padding:5px}.historial-table .monto-total{font-weight:700;text-align:center}.no-compras-mensaje{color:#777;font-style:italic;padding:20px;text-align:center}.historial-header-row{align-items:end;display:flex;justify-content:space-between;margin-top:35px}.historial-header-row h3{color:#e65c5c;font-family:Effra,sans-serif;font-size:18px;font-weight:600;margin:0 0 auto;text-transform:uppercase}.monto-historico{z-index:1}.monto-historico label{color:#666;font-size:16px;margin:auto 0 0}.monto-historico p{color:#2c2c2c;font-size:34px;font-weight:300;margin:0}.general-sidebar{background-color:#fff;border-top-left-radius:20px;box-shadow:-2px 0 5px #0003;display:flex;flex-direction:column;gap:5px;height:100vh;overflow:hidden;position:fixed;right:-300px;top:62px;transition:right .3s ease-in-out;width:350px;z-index:2}.general-sidebar.visible{right:55px;width:350px}.sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #eeeff2;box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;padding:20px 15px 5px;width:100%}.sidebar-header-title{color:#333;font-family:Effra;font-size:18px;font-weight:500;margin:0}.sidebar-search-input{border:0 solid #ccc;border-radius:6px;font-family:Effra;font-size:14px;margin:0 3px 0 10px;outline:none;padding:5px 8px;transition:width .3s ease-in-out,opacity .2s ease-in-out}.sidebar-search-input:focus{border:2px solid red;outline:none}.sidebar-search-input.collapsed{border:none;margin:0 1px;opacity:0;padding-left:0;padding-right:0;width:0}.sidebar-search-input.expanded{border:1px solid #ccc;opacity:1;width:100%}.sidebar-header-actions{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-width:0;overflow:hidden}.sidebar-icon-container{align-content:center;align-items:center;background:none;background-color:initial;border:none;border-radius:50px;color:#2c2c2c;cursor:pointer;height:25px;margin:0;text-align:center;transition:background-color .3s ease-in-out;width:25px}.sidebar-search-icon{background-color:initial;color:#555;height:pointer;margin:5px 0 0;overflow:visible;width:13px}.sidebar-icon-container:hover{background-color:#f1f4f9}.sidebar-close-button{align-content:center;align-items:center;background:none;background-color:initial;border:none;border-radius:50px;color:#2c2c2c;cursor:pointer;font-size:22px;height:25px;margin:0;text-align:center;transition:background-color .3s ease-in-out;width:25px}.sidebar-close-button:hover{background-color:#f1f4f9}.addcontact-container{cursor:pointer;display:flex;gap:5px;margin:20px 15px 0;width:-webkit-fit-content;width:fit-content}.addcontact-icon{align-items:center;display:flex;font-size:25px;font-weight:300;height:1rem;justify-content:center;margin:auto 0;position:relative;width:1rem}.addcontact-icon,.addcontact-txt{color:#e65c5c;font-family:Effra;transition:background-color .2s,color .2s}.addcontact-txt{cursor:pointer;font-size:16px;font-weight:400}.addcontact-container:hover .addcontact-icon,.addcontact-container:hover .addcontact-txt{color:#ba4a4a}.sidebar-filter-section{display:flex;flex-direction:column;max-width:100%;padding:0 20px 7px}.contact-count-label{color:#2c2c2c;font-family:Effra;font-size:14px;margin-bottom:10px}.filter-buttons{display:flex;gap:5px;justify-content:space-between;margin-bottom:15px}.filter-button{background-color:#edf0f2;border:none;border-radius:20px;color:#333;cursor:pointer;flex-grow:1;font-family:Effra;font-size:14px;font-weight:400;transition:background-color .3s ease-in-out,color .3s ease-in-out}.filter-button:hover,.filter-buttons-container .filter-button:hover{background-color:#e2e3e6}.filter-button.active,.filter-buttons-container .filter-button.active{background-color:#fadede}.filter-buttons-container .filter-button{font-size:13px;padding:1px 0;width:-webkit-fit-content;width:fit-content}.sidebar-filter-section .alphabet-filter{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5px,1fr));margin:0 auto;padding-bottom:25px;width:100%}.sidebar-filter-section .letter-button{border:none;color:#b3b3b3;cursor:pointer;font-size:10px;margin:0;padding:0;text-align:center;transition:color .1s ease-in-out}.sidebar-filter-section .letter-button.active,.sidebar-filter-section .letter-button:hover{color:#000}.sidebar-contact-list{height:70vh;overflow-y:auto;padding:0 25px 15px;&::-webkit-scrollbar{width:5px}}.sidebar-contact-ul{list-style:none;margin:0;padding:0}.sidebar-contact-item:last-child{border-bottom:none}.sidebar-contact-text{color:#333;font-size:15px}.sidebar-error,.sidebar-loading,.sidebar-no-results{color:#6c757d;font-style:italic;padding:20px;text-align:center}.contact-group{margin-bottom:20px;padding-left:0}.contact-group-header{align-items:flex-start;display:flex;gap:10px}.group-letter{align-content:center;align-items:center;background-color:#e65c5c;border-radius:50px;color:#fff;font-size:17px;font-weight:400;height:40px;text-align:center;width:40px}.contact-group:nth-child(2n) .group-letter{background-color:#ba4a4a}.contact-group:last-of-type{padding-bottom:100px}.contact-list-by-letter{list-style:none;margin:0;padding:0}.sidebar-contact-item{background-color:#fff;border-radius:8px;cursor:pointer;padding:5px 15px}.sidebar-contact-text{font-family:Effra;font-size:14px;font-weight:300;margin:0;padding:0;transition:color .3s ease-in-out}.sidebar-contact-text:hover{color:#000}.back-button{background:none;border:none;cursor:pointer;height:21.25px;width:-webkit-fit-content;width:fit-content}.contact-details-header{background-color:#fff;margin-bottom:30px;text-align:center}.contact-details-header h3{color:#333;font-size:24px;font-weight:600;margin-bottom:5px}.contact-details-header p{color:#666;font-size:14px}.contact-info-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:15px}.contact-info-container h4{border-bottom:1px solid #eee;color:#555;font-size:16px;margin-bottom:10px;margin-top:0;padding-bottom:5px}.contact-info-container p{color:#444;font-size:14px;line-height:1.6;margin:0}.contact-info-container strong{color:#222}.contact-details{border-left:1px solid #e0e0e0;height:100vh;overflow-y:auto;padding:0 20px 20px}.contact-details-container{background-color:#f9fafd;border-radius:15px;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:10px 15px}.contact-details-container p,.contact-details-container span{color:#2c2c2c;font-family:Effra;font-size:14px;margin:0}.button.compra{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:6px 15px 7px;position:relative;transition:background-color .3s ease-in-out}.button.compra:hover{background-color:#c9302c}.contact-type-dropdown{margin-bottom:20px;position:relative}.contact-type-dropdown .dropdown-label{color:#666;display:block;font-size:14px;margin-bottom:5px}.contact-type-dropdown .custom-listbox-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:10px 15px;transition:all .2s;width:100%}.contact-type-dropdown .custom-listbox-button.placeholder{color:#a0a0a0}.contact-type-dropdown .custom-arrow-container{align-items:center;display:flex;height:15px;justify-content:center;width:15px}.contact-type-dropdown .custom-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;display:inline-block;height:0;transition:transform .2s;width:0}.contact-type-dropdown .custom-listbox-button.open .custom-arrow{transform:rotate(180deg)}.contact-type-dropdown .custom-listbox-options{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;list-style:none;margin:5px 0;padding:5px 0;position:absolute;width:100%;z-index:10}.contact-type-dropdown .custom-listbox-option{cursor:pointer;padding:10px 15px;transition:background-color .2s}.contact-type-dropdown .custom-listbox-option:hover,.contact-type-dropdown .custom-listbox-option[data-headlessui-state~=active]{background-color:#e9e9e9;color:#000}.create-contact-form{display:flex;flex-direction:column;gap:20px}.create-contact-form::-webkit-scrollbar{display:none}.create-contact-form .input-group{display:flex;flex-direction:column;position:relative}.create-contact-form .input-group .input{padding:5px 15px 5px 20px}.create-contact-form .custom-listbox-button,.create-contact-form .input-group .input{align-items:center;background-color:#f6f7fa;border:1px solid #b3b3b3;border-radius:5px;color:#333;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between}.create-contact-form .custom-listbox-button{padding:5px 10px 5px 20px}.create-contact-form .custom-listbox-button.open{border:1px solid #b3b3b3;border-bottom:none;border-radius:5px 5px 0 0}.create-contact-form .custom-listbox-button.placeholder{color:#999}.create-contact-form .custom-listbox-button.selected{color:#333}.create-contact-form .custom-arrow-container{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;transition:background-color .3s ease-in-out;width:24px}.create-contact-form .custom-arrow-container:hover{background-color:#eaeef5}.create-contact-form .custom-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #2c2c2c}.create-contact-form .custom-listbox-options{background-color:#f6f7fa;border:1px solid #b3b3b3;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000000d;left:0;list-style-type:none;max-height:150px;overflow-y:auto;padding:0 0 5px;position:absolute;right:0;top:100%;z-index:1000}.create-contact-form .custom-listbox-option{color:grey;cursor:pointer;font-family:Effra;font-size:13px;padding:5px 20px}.create-contact-form .listbox-group-label{color:#555;cursor:default;font-family:Effra;font-size:13px;font-weight:700;padding:10px 15px;text-transform:uppercase}.input-address-create-client{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.create-contact-form .input-address,.input-address-create-client{background-color:#f6f7fa;border:1px solid #b3b3b3;border-radius:5px;color:#333;font-family:Effra;font-size:13px;padding:8px 15px 8px 20px}.create-contact-form .input-address{text-align:center;width:25%}.create-contact-form .button{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:14px;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:5px 20px;position:relative;transition:background-color .3s ease-in-out;width:-webkit-fit-content;width:fit-content}.create-contact-form .button:hover{background-color:#c9302c}.create-contact-form .sidebar-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;overflow:hidden;padding:20px 0 10px;transform:translateX(-5%);width:110%}.modal-overlay{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10000}.modal-content{border-radius:8px;color:#333;font-family:Effra,sans-serif;max-width:400px;padding:24px;text-align:center;width:60%}.modal-content p{font-size:15px;margin-bottom:20px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.button-confirm{background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 18px;transition:background-color .2s ease,border-color .2s ease-in-out}.button-confirm:hover{background-color:#e5e5e5}.button-cancel{background-color:#e65c5c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 18px;transition:background-color .2s ease-in-out}.button-cancel:hover{background-color:#c9302c}.calendar-tooltip{background:#333;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:4px 8px;position:absolute;right:110%;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.sidebar-icon-container:hover .calendar-tooltip{opacity:1;visibility:visible}.sidebar-right .sidebar-icon-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;transition:background-color .3s ease-in-out;width:40px}.sidebar-right .sidebar-icon-container.active-icon,.sidebar-right .sidebar-icon-container:hover{background-color:#eaeef5}.sidebar-right .sidebar-icon{fill:#777;height:24px;overflow:visible;transition:fill .2s ease-in-out}.calendar-sidebar{background:#fafafa;border-right:1px solid #ccc;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative;width:250px}.hours-container{flex:1 1;height:100vh;margin-left:15px;overflow:auto;position:relative;&::-webkit-scrollbar{display:none}}.hour-row{background-color:#fff;color:#666;cursor:pointer;font-size:12px;height:60px;position:relative;transition:background-color .3s ease-in-out}.hour-row:hover{background-color:#f0f1f1}.hour-row:nth-child(24){border-bottom:none;height:60px;margin-bottom:220px}.hour-label{left:5px;margin-top:10px;top:0}.event,.hour-label{cursor:pointer;position:absolute}.event{background-color:#ff6565;border-radius:6px;color:#fff;display:flex;flex-direction:column;font-size:13px;justify-content:center;padding-left:10px;transition:background-color .3s ease-in-out}.event:hover{background-color:#d94d48}.date-header{border-bottom:1px solid #f9fafd;display:flex;flex-direction:column;gap:10px;padding:10px 20px}.date-buttons{display:flex;flex-direction:row;gap:10px}.date-buttons .arrow{background-color:initial;border:solid #454746;border-width:0 1.5px 1.5px 0;cursor:pointer;display:inline-block;height:10px;padding:1px;transform:rotate(-45deg);width:10px}.date-buttons .arrow.left{transform:rotate(135deg)}.date-text{color:#e65c5c;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:5px}.today-label:hover,.today-row{align-items:center;display:flex;gap:15px}.today-label:hover{background-color:#f0f4f8;cursor:pointer}.today-label{border:1px solid #454746;border-radius:50px;color:#454746;cursor:pointer;font-weight:500;padding:5px 15px;transition:background-color .3s ease-in-out}.createmodal-content{background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 4px 15px #0003;color:#333;font-family:Effra,sans-serif;height:90%;max-width:400px;position:absolute;text-align:center;width:100%}.sidebar-form{display:flex;flex-direction:column;gap:15px}.sidebar-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.sidebar-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff33}.sidebar-form button[type=submit]{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .2s,transform .2s}.sidebar-form button[type=submit]:hover{background-color:#0056b3;transform:translateY(-2px)}.calendar-sidebar-form{display:flex;flex-direction:column;gap:12px;padding:16px}.calendar-sidebar-input{background-color:#eaeef5;border:1px solid #eaeef5;border-radius:6px;box-sizing:border-box;padding:10px 12px;transition:border-color .2s;width:100%}.calendar-sidebar-input,.calendar-sidebar-input::placeholder{color:#454746;font-family:Effra;font-size:14px;font-weight:400}.calendar-sidebar-input:disabled{background-color:#fff;border:1px solid #eaeef5;cursor:not-allowed}.calendar-sidebar-input:focus{border-color:#2c2c2c;outline:none}.calendar-sidebar-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}.calendar-sidebar-checkbox{height:16px;width:16px}.calendar-sidebar-input-group{position:relative;width:100%}.calendar-sidebar-listbox-button{align-items:center;background-color:#eaeef5;border:1px solid #eaeef5;border-radius:6px;cursor:pointer;display:flex;font-family:Effra;font-size:14px;font-weight:400;justify-content:space-between;padding:8px 12px;transition:border .2s,box-shadow .2s;width:100%}.calendar-sidebar-listbox-button.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.calendar-sidebar-listbox-arrow-container{align-items:center;display:flex;margin-left:8px;transition:transform .2s}.calendar-sidebar-listbox-button.open .calendar-sidebar-listbox-arrow-container{transform:rotate(180deg)}.calendar-sidebar-listbox-arrow{border:solid #555;border-width:0 2px 2px 0;display:inline-block;margin-bottom:4px;padding:4px;transform:rotate(45deg)}.calendar-sidebar-listbox-options{background-color:#eaeef5;border:1px solid #eaeef5;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 6px 8px #00000026;font-family:Effra;font-size:14px;font-weight:400;max-height:200px;overflow-y:auto;position:absolute;right:0;text-align:start;top:100%;width:90.75%;z-index:1000}.calendar-sidebar-listbox-option{cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.calendar-sidebar-listbox-option:hover{background-color:#dbdfe6}.event-details .event-details-content{display:flex;flex-direction:column;gap:20px;padding:0 20px}.event-details .event-title-container{display:flex;flex-direction:column;gap:5px;justify-content:left;text-align:left}.event-details .event-title{color:#2c2c2c;cursor:default;font-family:Effra;font-size:22px;font-weight:400;margin:0}.event-details .event-info-section{display:flex;flex-direction:column;gap:5px}.event-details .event-info-section:last-child{border-bottom:none}.event-details .info-row{align-items:flex-start;display:flex;gap:15px}.event-details .info-icon{color:#555;flex-shrink:0;height:20px;margin-top:2px;width:20px}.event-details .info-text-container{display:flex;flex-direction:column}.event-details .info-label{color:#888;font-size:14px;font-weight:700;margin:0}.event-details .info-text{color:#454746;cursor:default;font-size:16px;margin:0;white-space:pre-wrap}.event-details .event-actions{display:flex;gap:10px;margin-top:20px}.event-details .delete-button,.event-details .edit-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.event-details .edit-button{background-color:#007bff;color:#fff}.event-details .edit-button:hover{background-color:#0056b3}.event-details .delete-button{background-color:#dc3545;color:#fff}.event-details .delete-button:hover{background-color:#c82333}.clima-container{font-family:Arial,sans-serif;padding:20px}.clima-bloque-celeste{border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:20px}.clima-title{font-weight:500}.clima-subtitle,.clima-title{color:#fff;font-family:Effra;font-size:18px;margin:0;text-align:center}.clima-subtitle{font-weight:200}.clima-fila{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;width:80%}.clima-item{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:100px;padding:5px}.clima-valor{color:#fff;font-family:Effra;font-size:25px;font-weight:400;margin:0}.clima-icon{fill:#f1f1f1;height:40px;margin:0;width:40px}.clima-label{color:#fff;font-family:Effra;font-size:18px;font-weight:400;margin:0}.fila-cuadrados{display:flex;gap:5px;justify-content:space-between;margin:20px auto 0;width:100%}.cuadrado-container{gap:7px;width:33.33%}.cuadrado,.cuadrado-container{display:flex;flex-direction:column;overflow:hidden}.cuadrado{background-color:#f9fafd;border-radius:10px;min-height:325px}.custom-listbox-options:focus{outline:none}.cuadrado-siete-dias{background:linear-gradient(to top left,#2e3192,#1b1439);display:flex;flex-direction:column;gap:20px;height:55%;margin:auto auto 0;width:100%}.cuadrado-siete-dias::-webkit-scrollbar{height:6px}.cuadrado-siete-dias::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.cuadrado-siete-dias::-webkit-scrollbar-track{border-radius:3px}.dia-clima{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:7px;width:14.2857%}.dia-clima p.nombre-dia{color:#fff;font-family:Effra;font-size:13px;font-weight:400;margin:0;text-transform:uppercase}.dia-clima .icono-dia,.dia-clima .icono-noche{height:23px;margin:auto;overflow:auto}.dia-clima p.temp{font-family:Effra}.dia-clima p.temp,.dia-clima p.temp-noche{color:#fff;font-size:13px;margin:0}.dia-clima p.descripcion{color:#333;font-size:11px;font-weight:400;margin:2px 0 0}.calendar-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.calendar-modal-overlay.visible{opacity:1;visibility:visible}.calendar-modal-content{background-color:#eaeef5;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#333;display:flex;flex-direction:column;font-family:Effra,sans-serif;gap:20px;margin-bottom:60px;padding:15px 20px}.calendar-navigation{align-items:center;display:flex;flex-direction:row;gap:10px;margin:auto auto 15px}.calendar-container{display:flex;flex-direction:column}.calendar-header{align-items:center;display:flex;justify-content:space-between}.calendar-navigation button{background:none;border:none;border-radius:4px;color:grey;cursor:pointer;font-size:15px;transition:background-color .2s ease}.calendar-navigation button:hover{background-color:#eaeef5}.calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-navigation span{color:#2c2c2c;font-size:13px}.calendar-navigation span,.day-of-week{font-family:Effra;font-weight:400;text-align:center}.day-of-week{color:grey;font-size:15px;width:27px}.calendar-day{align-content:center;align-items:center;background-color:#eaeef5;border-radius:100px;color:grey;cursor:pointer;font-family:Effra;font-size:15px;font-weight:400;height:25px;margin:2px;transition:background-color .3s ease;width:25px}.calendar-day:hover{background-color:#dbdfe6}.calendar-day.empty{background-color:initial;cursor:default}.calendar-day.today{background-color:#e65c5c;color:#fff}.calendar-day.has-task{background-color:#ffc107;color:#333}.calendar-day.selected{background-color:#e65c5c;color:#fff}.time-input-container{gap:10px;margin:0 auto;overflow:auto;width:94%}.task-time-input,.time-input-container{align-items:center;display:flex;flex-direction:row}.task-time-input{background-color:#cfd3d9;border:none;border-radius:4px;color:grey;font-family:Effra;font-size:13px;justify-content:space-between;overflow:visible;padding:10px 7px;position:relative;width:100%}.time-input-icon{height:20px;overflow:visible}.modal-actions{display:flex;flex-direction:row;gap:10px;justify-content:flex-end}.modal-actions .modal-close-button{background-color:initial;border:none;border-radius:25px;color:#e65c5c;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0;overflow:hidden;padding:5px 10px;position:relative;transition:background-color .3s ease-in-out}.modal-actions .modal-close-button:hover{background-color:#dbdfe6}.modal-actions .done-button{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0;overflow:hidden;padding:5px 12px;position:relative;transition:background-color .3s ease-in-out}.modal-actions .done-button:hover{background-color:#ba4a4a}.done-button:hover{background-color:#0097a7}.selection-info{font-size:14px;margin-top:15px;text-align:center}.add-task-button{border:none;border-radius:50px;color:#e65c5c;cursor:pointer;font-family:Effra;font-size:16px;margin:10px;padding:5px 7px;transition:color .2s ease;transition:background-color .2s ease-in-out}.add-task-button:hover{background-color:#fae0e0}.task-form-container{background-color:#eaeef5;display:flex;flex-direction:column;gap:5px;padding:10px 15px 10px 45px}.task-input,.task-textarea{background-color:initial;border:none;box-sizing:border-box;color:#454746}.task-textarea::placeholder{color:grey;font-family:Effra;font-size:14px;margin:0;padding:0}textarea::placeholder{color:grey}.task-input{font-family:Effra;font-size:16px;margin:0;padding:0}.task-input,.task-input::placeholder{color:#454746}.task-form-container .task-date-buttons{display:flex;gap:5px}.task-form-container .task-date-buttons .date-button{align-content:center;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#2c2c2c;cursor:pointer;display:flex;font-family:Effra;font-size:13px;font-weight:400;justify-content:center;padding:3px 12px;transition:background-color .2s ease,border-color .2s ease}.date-button:hover{background-color:#dbdfe6}.date-button-icon{height:15px;margin:0 auto;overflow:visible}.save-task-button{align-content:center;align-items:center;background-color:#e65c5c;border:1px solid #e65c5c;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;justify-content:center;margin:0 0 0 auto;padding:3px 12px;transition:background-color .2s ease,border-color .2s ease}.save-task-button:hover{background-color:#ba4a4a}.save-task-button:disabled{background-color:#f9fafd;border:1px solid #f9fafd;color:#eaeef5;cursor:default}.selected-date{color:#454746;cursor:default;font-family:Effra;font-size:14px;font-weight:500;margin:1px 15px;width:90%}.date-button.today-button.selected-button,.date-button.tomorrow-button.selected-button{background-color:#dbdfe6;border:1px solid #ccc;color:#e65c5c}.date-button.calendar-button.selected-button{fill:#e65c5c;background-color:#dbdfe6;border:1px solid #ccc}.task-list{display:flex;flex-direction:column;overflow:auto;&::-webkit-scrollbar{width:5px}}.task-item{display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s ease}.task-item.done{opacity:0;transform:translateX(20px)}.task-date{color:#454746}.task-date,.task-date.today{cursor:default;font-family:Effra;font-size:14px;font-weight:500;margin:1px 15px;width:90%}.task-date.today{color:#e65c5c}.task-content{background-color:#fff;display:flex;flex-direction:row;gap:10px;padding:10px 15px;transition:background-color .2s ease,border-color .2s ease}.task-content:hover{background-color:#eaeef5}.task-icons{align-items:center;display:flex;flex-direction:row;gap:3px;height:-webkit-fit-content;height:fit-content;margin:0 0 0 auto}.task-icons .delete-task-button{fill:#454746;transition:background-color .2s ease-in-out}.task-icons .delete-task-button,.task-icons .star-icon{border-radius:50px;cursor:pointer;height:12px;overflow:visible;padding:5px}.task-icons .star-icon{stroke:#454746;fill:none;transition:fill .2s ease-in-out,stroke .2s ease-in-out,transform .3s ease-in-out}.star-icon path{fill:none;stroke:#454746;transition:stroke .2s,fill .2s}.star-icon.favorited path{fill:#e65c5c;stroke:#e65c5c}.task-icons .delete-task-button:hover{background-color:#dbdfe6}.star-icon:hover{transform:scale(1.05)}.task-icons .star-icon:hover{background-color:#dbdfe6}.task-info{display:flex;flex-direction:column;gap:5px}.task-content h4{color:#454746;font-size:16px}.task-content h4,.task-content p{cursor:default;font-family:Effra;font-weight:400;margin:0}.task-content p{color:grey;font-size:14px}.task-day-group{display:flex;flex-direction:column}.task-day-group:last-child{margin-bottom:150px}.task-time{background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:default;font-size:13px;padding:5px 12px;transition:background-color .2s ease,border-color .2s ease;width:-webkit-fit-content;width:fit-content}.check-circle{align-items:center;background-color:initial;border:2px solid #454746;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease-in-out;width:20px}.check-circle.done{background-color:#dbdfe6;border-color:#dbdfe6;color:#fff;font-size:14px;font-weight:700}.check-circle.done:after{color:#e65c5c;content:"✓"}.sidebar-spinner-overlay{align-items:center;display:flex;height:90vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:8888}.sidebar-spinner{animation:spin 1s linear infinite;background:conic-gradient(#95002a 15%,#200532 50%,#95002a 85%);border-radius:50%;height:50px;position:relative;width:50px}.sidebar-spinner:before{background-color:#fff;border-radius:50%;content:"";height:42px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px;z-index:5}.todos-archivos-section{margin-top:2em}.biblio-recent-card>div{display:flex;flex-direction:row;gap:10px;max-width:100%;padding:5px 10px;text-decoration:none}.biblio-recent-card span{font-size:18px;margin:0}.todos-archivos-grid{grid-row-gap:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));margin-top:20px;row-gap:0}.todos-archivos-grid .document-card{background-color:#fff;border-radius:0;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:space-between;padding:1em;text-decoration:none;width:100%}.todos-archivos-grid .document-card .doc-id{white-space:nowrap}.todos-archivos-grid .document-card .biblio-doc-id,.todos-archivos-grid .document-card .doc-id{color:#e65c5c;font-family:Effra;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;width:100%}.todos-archivos-grid .card-creator-container{display:flex;flex-direction:column;justify-content:space-between;margin:10px 0 0}.todos-archivos-grid .document-card .card-creator,.todos-archivos-grid .document-card .card-date{color:#555;font-size:.85em;margin:0}.all-card{cursor:pointer;flex-direction:column;padding:10px 0;text-decoration:none}.all-card,.all-card>div{display:flex;height:100%;width:100%}.all-card>div{align-items:start;gap:10px}.all-card .card-content{border-bottom:1px solid #e0e3e7;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 0 10px;width:100%}.all-card .biblio-doc-id{margin:0;max-width:225px;overflow:hidden;text-overflow:ellipsis}.all-card .card-autor{margin-top:3px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-card .card-description{color:#2c2c2c;font-size:13px}.all-card .card-creator-container{display:flex;flex-direction:column;justify-content:space-between;margin-top:10px}.all-card .card-creator,.all-card .card-date{color:#555;font-size:.85em;margin:0}.recent-card .card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.biblioteca-boton{align-items:center;background-color:#f1f4f9;border:none;border-radius:50px;color:#2c2c2c;cursor:pointer;display:flex;flex-direction:row;font-family:Effra;font-size:13px;font-weight:400;gap:5px;height:-webkit-fit-content;height:fit-content;margin:auto 0;padding:5px 15px;transition:transform .2s ease,box-shadow .2s ease-in-out}.biblioteca-listbox-container{display:flex;flex-direction:column;margin:auto 0;position:relative;width:100px}.biblioteca-listbox-button{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:8px;color:#e65c5c;cursor:pointer;display:flex;font-family:Effra;font-size:15px;font-weight:500;justify-content:space-between;padding:10px 15px;transition:all .2s ease-in-out;width:100%}.biblioteca-arrow-container{align-items:center;display:flex;margin-left:10px}.biblioteca-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #e65c5c;height:0;position:relative;transition:transform .2s ease;width:0}.biblioteca-listbox-button.open .biblioteca-arrow{transform:rotate(180deg)}.biblioteca-listbox-button:hover{border-color:#bbb}.biblioteca-listbox-button.open{border:1px solid;border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#ddd #ddd #fff;border-top-left-radius:8px;border-top-right-radius:8px}.biblioteca-listbox-options{background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px #0000001a;left:0;list-style:none;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:38px;width:148px;z-index:10}.biblioteca-listbox-option{color:#555;cursor:pointer;font-family:Effra,sans-serif;font-size:14px;padding:12px 15px;transition:background-color .15s ease-in-out}.biblioteca-listbox-options::-webkit-scrollbar{background-color:#f1f1f1;width:0}.biblioteca-listbox-option[aria-selected=true]{background-color:#f0f1f1}.biblioteca-boton:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-3px)}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:450px;padding:30px;width:90%}.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-size:14px;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.cancel-button{background-color:#f4f4f4;color:#555}.cancel-button,.submit-button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.submit-button{background-color:#007bff;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.biblioteca-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.biblioteca-modal-content{background-color:#f1f4f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;gap:0;height:-webkit-fit-content;height:fit-content;max-width:300px;padding:1em}.biblioteca-modal-close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;padding:0}.biblioteca-modal-close-icon{color:#555;font-size:30px;line-height:20px;margin:auto}.biblioteca-modal-title{font-family:Effra,sans-serif;font-size:23px;font-weight:300;margin:0 0 20px 20px;text-align:start;width:70%}.biblioteca-modal-form{display:flex;flex-direction:column;gap:15px;height:-webkit-fit-content;height:fit-content}.biblioteca-form-group{display:flex;flex-direction:column;position:relative}.biblioteca-form-input,.biblioteca-form-textarea{border:1px solid #eeeff2;border-radius:10px;box-sizing:border-box;color:#000;font-family:Effra;font-size:14px;font-weight:400;margin:0 auto;padding:10px 15px;width:90%}.biblioteca-form-textarea{min-height:100px;resize:none}.biblioteca-form-textarea:focus{border:none;outline:none}.biblioteca-form-input::placeholder,.biblioteca-form-textarea::placeholder{color:#000;outline:none}.biblioteca-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.biblioteca-submit-btn{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:1em;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:7px 25px;position:relative;transition:background-color .3s ease-in-out}.biblioteca-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.biblioteca-submit-btn{background-color:#c9302c}.biblioteca-modal-message{color:#555;font-style:italic;margin-top:15px;text-align:center}.card-description{-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#555;display:-webkit-box;font-size:12px;overflow:hidden;padding-top:10px}.monto-listbox-button{align-items:center;background-color:initial;border:none;border-radius:5rem;color:#666;cursor:pointer;display:flex;font-family:Effra;font-size:16px;gap:10px;justify-content:center;text-align:center}.monto-listbox-button.open,.monto-listbox-button.placeholder{outline:none}.monto-listbox-button.selected{color:#333}.monto-arrow-container{align-items:center;background-color:initial;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:0;transition:background-color .3s ease-in-out;width:24px}.monto-arrow-container:hover{background-color:#eaeef5}.monto-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;transition:transform .2s ease}.monto-listbox-button.open .monto-arrow{transform:rotate(180deg)}.monto-listbox-options{background-color:#f9fafd;border-radius:0 0 8px 8px;box-shadow:0 5px 6px #0003;left:0;list-style-type:none;overflow-y:auto;padding:5px 0 5px 3px;position:absolute;right:0;top:120%;z-index:1000}.monto-listbox-options::-webkit-scrollbar{background-color:initial;width:4px}.monto-listbox-options::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.monto-listbox-option{color:#b3b3b3;cursor:pointer;font-family:Effra;font-size:16px;padding:5px 0}.monto-listbox-option:hover{background-color:#ecf0f7}.monto-listbox-button:focus{box-shadow:none;outline:none}.monto-listbox-option{outline:none}.monto-listbox-option:focus{box-shadow:none;outline:none}.monto-listbox-option[data-headlessui-state=active]{background-color:#f3f3f3;box-shadow:none;outline:none}.monto-listbox-options,.monto-listbox-options:focus{box-shadow:none;outline:none}.monto-listbox-options[data-headlessui-state=active]{background-color:#f3f3f3;box-shadow:none;outline:none}.input-group .textarea{align-items:center;background-color:#f6f7fa;border:1px solid #b3b3b3;border-radius:5px;color:#333;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between;padding:5px 15px 5px 20px;resize:none}.input-group .textarea::placeholder{color:#999}.input-group .textarea:focus{outline:none}.doc-listbox-button{align-items:center;background-color:#fff;border:1px solid #eeeff2;border-radius:5rem;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:Effra;font-size:14px;font-weight:400;justify-content:space-between;margin:0 auto;padding:5px 7px 5px 20px;width:90%}.doc-listbox-button.open{border:1px solid #eeeff2;border-bottom-color:#fff;border-radius:.7rem .7rem 0 0}.doc-listbox-button.placeholder{color:#999}.doc-listbox-button.selected{color:#333}.doc-arrow-container{align-items:center;background-color:#eaeef5;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.doc-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #2c2c2c;transition:transform .2s ease}.doc-listbox-button.open .doc-arrow{transform:rotate(180deg)}.doc-listbox-options{background-color:#fff;border:1px solid #eeeff2;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 5px 6px #0003;left:0;list-style-type:none;margin:auto;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:89.5%;z-index:1000}.doc-listbox-option{color:#333;cursor:pointer;font-family:Effra;font-size:13px;padding:10px 15px}.eventos-form-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.eventos-form-title{color:#333;margin-bottom:30px;text-align:center}.eventos-form-grid-container{display:flex;gap:50px}.eventos-form-main-column{display:flex;flex:1 1;flex-direction:column;gap:10px}.eventos-form-secondary-column{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:100%}.eventos-form-grid-row-top{display:flex;flex:1 1;flex-direction:row;gap:15px;width:100%}.eventos-form-grid-row-bottom{display:flex;gap:15px}.eventos-form-grid-row-bottom>*,.eventos-form-grid-row-top>*{flex:1 1}.eventos-form-sub-column{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow:auto;&::-webkit-scrollbar{width:0}}.eventos-form-input-group{color:#2c2c2c;display:flex;flex-direction:column;width:100%}.eventos-form-input-group.number{align-items:center;background-color:#f6f7fa;border:none;border-radius:7px;color:#2c2c2c;color:#333;display:flex;flex-direction:row;font-family:Effra;font-size:13px;justify-content:space-between;overflow:visible;position:relative}.eventos-form-input-group.number .unit{color:#999;position:absolute;right:15px}.eventos-form-input{align-items:center;background-color:#f6f7fa;border:none;border-radius:7px;color:#2c2c2c;cursor:pointer;display:flex;font-family:Effra;font-size:13px;justify-content:space-between;padding:8px 15px}.eventos-form-input.textarea{color:#2c2c2c;min-height:30px;resize:none}biblioteca-form-textarea
.eventos-form-input.textarea:focus,textarea:focus{border:none;outline:none}.eventos-form-input-group.textarea{background-color:#f6f7fa;border:none;border-radius:7px;color:#2c2c2c;display:flex;font-family:Effra;font-size:13px;width:100%}.eventos-form-input.textarea::placeholder,.eventos-form-input::placeholder{color:#2c2c2c}textarea.eventos-form-large-input{resize:none}.eventos-form-input-group.eventos-form-array{display:flex;flex-direction:column;gap:10px}.eventos-form-array-item{align-items:center;display:flex;gap:5px}.eventos-form-input-group.number .add-fecha{align-content:center;align-items:center;background-color:#dbdfe6;border:none;border-radius:50%;color:#2c2c2c;cursor:pointer;font-family:Effra;font-size:15px;height:20px;justify-content:center;line-height:20.8px;position:absolute;right:10px;text-align:center;transition:background-color .3s ease-in-out;width:20px}.eventos-form-input-group.number .add-fecha:hover{background-color:#ced1d9}.eventos-form-array-item .eventos-form-input{flex:1 1}.eventos-form-add-btn,.eventos-form-remove-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 12px}.eventos-form-add-btn{background-color:#28a745;color:#fff}.eventos-form-remove-btn{background-color:#dc3545;color:#fff}.eventos-form-submit-btn{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0 auto;overflow:hidden;padding:7px 30px;position:relative;transition:background-color .3s ease-in-out;width:-webkit-fit-content;width:fit-content}.eventos-form-submit-btn .progress-bar{background-color:#0000004d;height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:1}.eventos-form-submit-btn:hover{background-color:#c9302c}.eventos-form-submit-btn .button-text{position:relative;z-index:2}.eventos-form-label-container{align-items:center;border-bottom:1px solid #e0e3e7;display:flex;flex-direction:row;gap:10px;margin-bottom:5px;padding:10px 5px}.eventos-form-label{cursor:pointer;font-family:Effra;font-size:15px;font-weight:300}.eventos-form-icon{stroke:#454746;fill:none;border-radius:50px;cursor:pointer;height:16px;overflow:visible;transition:fill .2s,stroke .2s}.eventos-form-invitados-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;height:100%;justify-content:center;margin:0 auto auto;position:relative;width:-webkit-fit-content;width:fit-content}.eventos-form-invitados-col{align-items:space-between;display:flex;flex-direction:column;height:100%;justify-content:space-between}.eventos-form-invitado-circle{align-items:center;background-color:#dbdfe6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Effra;font-size:35px;font-weight:100;height:37px;justify-content:center;line-height:0px;position:relative;transition:transform .2s ease,background-color .2s ease;width:37px}.eventos-form-invitado-circle:hover{background-color:#ced1d9;transform:scale(1.1)}.eventos-form-invitado-circle.filled{background:linear-gradient(to top left,#98002a,#120633);font-size:16px;font-weight:400;line-height:10px;text-align:center}.eventos-form-invitado-circle.active{background-color:#b5b9bf}.eventos-form-remove-client{align-items:center;background:#ff1744;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.eventos-form-middle-rect{background-color:#fff;border:1px solid #e0e3e7;border-radius:10px;height:100%;width:200px}.invitados-listbox-container{background:#f6f7fa;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0003;padding:0;position:absolute;top:10px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);width:220px;z-index:1000}.invitados-listbox-container.hidden{opacity:0;pointer-events:none;transform:scale(.2)}.invitados-listbox-container.left-col{left:20px;transform-origin:top left}.invitados-listbox-container.right-col{right:20px;transform-origin:top right}.invitados-listbox-container.bottom-listbox{bottom:0;top:auto}.invitados-listbox-container.right-col.bottom-listbox{transform-origin:bottom right}.invitados-listbox-container.left-col.bottom-listbox{transform-origin:bottom left}.invitados-listbox-search-input{background-color:#f6f7fa;border-radius:6px;font-size:13px;outline:none;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.invitados-listbox-search-input:focus{border:none;outline:none}.invitados-listbox-options{list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0 0 5px;&::-webkit-scrollbar{width:0}}.invitados-listbox-option{color:"#2c2c2c";cursor:pointer;font-family:Effra;font-size:13px;padding:5px 15px;transition:background-color .3s}.invitados-listbox-option:hover{background-color:#dbdfe6}.no-results-message{color:#777;font-size:13px;margin:0}.eventos-grid{display:flex;flex-direction:column;gap:20px}.evento-card{background-position:50%;background-size:cover;border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;height:185px;overflow:hidden;padding:20px 30px;position:relative;transition:transform .2s ease,box-shadow .2s ease-in-out}.banda-roja{background-color:#e53935;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:10}.banda-roja:after{background-color:initial;border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #e53935;bottom:0;content:"";height:10px;left:0;position:absolute;transform:translateY(100%);width:10px;z-index:11}.custom-tooltip{background-color:#333;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 4px 8px #0000001a;color:#fff;font-size:14px;opacity:0;padding:8px 12px;pointer-events:none;transition:opacity .3s ease-in-out;white-space:nowrap;z-index:10}.custom-tooltip,.custom-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.custom-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";top:100%}.eventos-form-invitado-circle:hover+.custom-tooltip{opacity:1}.evento-card:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-3px)}.evento-columna{display:flex;flex-direction:column;gap:10px}.fechas-precio{flex:1 1;flex-direction:column;justify-content:space-between}.titulo-descripcion{flex:2 1}.evento-columna.coleccion{display:flex;flex:1 1;flex-direction:column;font-family:Effra;justify-content:left;max-width:300px}.evento-data{cursor:default;font-family:Effra;font-size:20px;font-weight:400;margin:0;max-width:175px}.evento-precio{font-weight:700;margin-top:10px}.titulo-descripcion .evento-titulo{font-size:30px;max-width:470px}.evento-descripcion,.titulo-descripcion .evento-titulo{color:#fff;cursor:default;font-family:Effra;font-weight:400;margin:0}.evento-descripcion{font-size:17px;max-width:500px}.coleccion-title{cursor:default;font-family:Effra;font-size:11px;font-weight:400;margin:0;max-width:195px}.coleccion-list{display:flex;flex-direction:column;gap:10px;list-style:none;list-style-type:none;margin:0;padding:0;text-align:left}.coleccion-list li{text-wrap:wrap;cursor:default;font-family:Effra;font-weight:400;margin:0;text-align:left}.event-details-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.event-details-header{align-items:flex-end;background-position:50%;background-size:cover;border-radius:10px;color:#fff;display:flex;height:300px;margin-bottom:20px;padding:20px;text-shadow:2px 2px 4px #000000b3}.event-title{cursor:default;font-family:Effra;font-size:30px;font-weight:400;margin:0}.main-content-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:3fr 1fr}.info-column{display:flex;flex-direction:column;max-width:90%}.event-description{cursor:default;font-family:Effra;font-size:17px;font-weight:300;margin:10px 0 30px;max-width:73%}.details-subgrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);overflow:hidden}.details-item{display:flex;flex-direction:column;gap:10px;height:auto;overflow:auto;padding-bottom:100px;width:100%}.details-item p{cursor:default;font-family:Effra;font-size:18px;margin:0}.details-item::-webkit-scrollbar{display:none}.personas-list{display:flex;flex-direction:column;gap:5px;width:100%}.details-item label{background-color:#fff;cursor:default;font-family:Effra;font-size:12px;font-weight:600;margin:0;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;width:100%}.details-item ul{margin:0;padding:0}.details-item li{border-radius:5px;cursor:default;font-family:Effra;font-size:16px;margin-bottom:5px;margin-left:15px}.pre-formatted-text{cursor:default;font-family:Effra;font-size:14px;white-space:pre-line}.post-mortem-column{gap:20px}.post-mortem-column,.post-mortem-section{display:flex;flex-direction:column;width:100%}.post-mortem-section{gap:10px;margin-left:auto;margin-right:0}.post-mortem-section label{cursor:default;font-family:Effra;font-size:18px;font-weight:500;margin:0}.post-mortem-textarea-group{background-color:#f1f4f9;border-radius:10px;color:#454746;display:flex;flex-direction:column;padding:10px}.post-mortem-textarea{background-color:#f1f4f9;border:none;border-radius:10px;box-sizing:border-box;color:#454746;cursor:default;font-family:Effra;font-size:14px;height:100%;resize:none}.post-mortem-textarea:focus{border:none;outline:none}.post-mortem-textarea::-webkit-scrollbar{display:none}.event-details-error,.event-details-not-found{color:#dc3545;font-size:1.5em;padding:50px;text-align:center}.postmortem{align-content:center;align-items:center;align-self:center;background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Effra;font-size:16px;font-weight:400;gap:10px;justify-content:center;margin:auto auto 0;overflow:hidden;padding:7px 25px;position:relative;transition:background-color .3s ease-in-out;width:100%}.postmortem.finished{background-color:#79c90d}.postmortem.finished:hover{background-color:#6fb512}.postmortem:hover{background-color:#c9302c}.postmortem p{margin:0}.postmortem-btn{background-color:#e65c5c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:8px 25px 10px;position:relative;transition:background-color .3s ease-in-out}.postmortem-btn:disabled{background-color:#f9fafd;color:#eaeef5;cursor:default}.postmortem-btn:hover{background-color:#c9302c}.postmortem-btn:disabled:hover{background-color:#f9fafd;color:#eaeef5;cursor:default}.profile-page-container{color:#333;font-family:Arial,sans-serif;padding:2rem}.profile-page-title{color:#004c8c;margin-bottom:1.5rem}.profile-main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);overflow:hidden;padding:0 10px}.profile-column{display:flex;flex-direction:column;gap:10px}.profile-column-title{border-bottom:1px solid #e0e3e7;color:#454746;cursor:default;font-family:Effra;font-size:12px;font-weight:500;margin:0;padding:10px 0 5px;text-transform:uppercase}.profile-name{color:#e53935;font-size:20px;font-weight:300}.profile-cuil,.profile-name{cursor:default;font-family:Effra;margin:0 auto;text-align:center}.profile-cuil{color:#454746;font-size:17px;font-weight:400}.profile-data-box{background-color:#f9fafd;border-radius:6px;padding:10px 15px}.profile-data-label{margin:0}.profile-data-label,.profile-data-value{color:#454746;cursor:default;font-family:Effra;font-size:12px;font-weight:500}.profile-data-value{margin:5px 0}.responsibility-list{display:flex;flex-direction:column;gap:10px;list-style-type:none;margin:0;padding:0;position:relative;text-align:left}.responsibility-list-item:before{color:#454746;content:"-";margin:0}.responsibility-list-item{border-radius:6px;cursor:default;display:flex;flex-direction:row;font-family:Effra;font-size:17px;font-weight:400;gap:10px;margin:0;text-align:left}.profile-contract-list{display:flex;flex-direction:column;gap:10px;height:100%;list-style-type:none;margin:0;padding:0;position:relative;text-align:left;&::-webkit-scrollbar{width:0}}.profile-contract-list li{display:flex;flex-direction:row;gap:10px;position:relative}.profile-contract-list li a{color:#2c2c2c;font-family:Effra;font-size:15px;font-weight:400;margin:0;text-decoration:none}.logout-btn{background-color:#fff;border:1px solid #e65c5c;border-radius:25px;color:#e65c5c;cursor:pointer;font-family:Effra;font-size:13px;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:5px 25px 7px;position:relative;transition:background-color .3s ease-in-out;width:-webkit-fit-content;width:fit-content}.logout-btn:hover{background-color:#e65c5c;color:#fff}.estadisticas-container{display:flex;flex-direction:column}.estadisticas-charts-row{display:flex;flex-wrap:wrap;gap:20px}.chart-container{border-radius:8px;flex:1 1;min-width:300px;padding:10px}.chart-subtitle{color:#000;cursor:default;display:flex;flex-direction:row;font-family:Effra;font-size:17px;font-weight:400;gap:10px;margin:0}.top-lists-row{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-top:30px;width:100%}.top-list-items,.top-list-title{cursor:default;font-family:Effra;font-size:17px;font-weight:400;margin:0}.top-list-items{background-color:#f9fafd;border-radius:10px;counter-reset:top-list-counter;list-style:none;padding:5px 0;transition:all .2s ease-in-out}.custom-combobox-input::placeholder{color:#2c2c2c;opacity:1}.top-list-items:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-3px)}.top-list-item{color:#e53935;counter-increment:top-list-counter;cursor:default;display:flex;flex-direction:column;font-family:Effra;font-size:17px;font-weight:400;margin:0;padding:5px 15px 5px 35px;position:relative}.item-name:hover{color:grey;cursor:pointer}.top-list-item:before{content:counter(top-list-counter);cursor:default;font-family:Effra;font-size:17px;font-weight:400;left:0;padding-left:10px;position:absolute;top:5px}.top-list-item:last-child{border-bottom:none}.item-value{font-size:17px}.item-name,.item-value{font-family:Effra;font-weight:400;margin:0}.item-name{color:#2c2c2c;font-size:14px;transition:color .3s ease-in-out}.add-fieldd{background-color:#e65c5c;color:#fff;font-size:1em;font-weight:400;margin:0 0 0 auto;overflow:hidden;padding:7px 25px;width:100%}.add-field,.add-fieldd{border:none;border-radius:25px;cursor:pointer;display:flex;font-family:Effra;position:relative;transition:background-color .3s ease-in-out}.add-field{align-items:center;background-color:#fbe7e7;color:#e65c5c;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:3px 0;text-align:center}.add-field:hover{background-color:#fbdada}.contact-details-group{&::-webkit-scrollbar{width:0}}.contact-details-container:last-child{margin-bottom:200px}.monto-historico{background-color:#f9fafd;border-radius:20px;color:#333;cursor:default;display:flex;flex-direction:column;font-family:Effra,sans-serif;justify-content:space-around;margin:0 0 0 auto;padding:10px 50px;position:relative;text-align:center;transition:all .2s ease-in-out;width:20%}.monto-historico:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-3px)}.clear-search-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.2rem;position:absolute;right:15px;z-index:10}textarea::placeholder{color:#999}.currency-selector-container{align-items:center;display:flex;gap:8px;padding:15px 0 10px}.currency-selector-container span{font-family:Effra;font-size:16px;font-weight:400;margin:0}.exchange-rate-display{color:#666;font-size:12px;margin-bottom:0;margin-right:15px;margin-top:0}.currency-button{background:#fff;border:1px solid #e53935;border-radius:25px;cursor:pointer;font-family:Effra;font-size:12px;font-weight:400;margin:0;padding:1px 0;transition:all .2s;width:40px}.currency-button.active{background:#e53935;border-color:#e53935;color:#fff;font-family:Effra;font-size:12px}.currency-button:disabled{cursor:not-allowed;opacity:.6}.chat-wrapper{box-sizing:border-box;overflow:visible;position:relative}.chat-container{display:flex;flex-direction:column;margin:0 auto;overflow:visible;width:70%}.chat-header{align-items:center;background-color:initial;color:#333;display:flex;gap:6px;padding:15px 25px}.chat-header h1{cursor:default;font-family:Effra;font-size:clamp(.9rem,1.75vw,1.2rem);margin:0 0 0 .25%}.chat-header .header-icon{fill:url(#stellaGradient);width:clamp(1rem,1.75vw,1.2rem)}.initial-title{color:#4d4d4d;cursor:default;font-family:Effra;font-size:24px;font-weight:300;margin:0;text-align:center}.messages-list-wrapper{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-height:55vh;overflow:auto;padding:0 0 10px;scrollbar-width:none;z-index:1}.messages-list{display:flex;flex-direction:column}.scroll-fade-effect{background:linear-gradient(0deg,#fff 0,#0000);bottom:170px;height:70px;pointer-events:none;position:absolute;width:55%;z-index:1}.message-bubble-container{align-items:flex-end;cursor:default;display:flex;margin:10px 0;overflow:visible}.message-bubble-container.user{justify-content:flex-end}.main-chat-layout{display:flex;height:100%}.chat-sidebar{background-color:#fff;border-right:1px solid #eaeef5;border-top:1px solid #eaeef5;border-top-right-radius:15px;overflow:hidden;padding:25px 5px 7px 7px;width:250px}.thread-list-container{display:flex;flex-direction:column;flex-grow:0;max-height:40vh;overflow-y:auto;padding-bottom:150px}.thread-list-container::-webkit-scrollbar{background-color:initial;width:4px}.thread-list-container::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.new-chat-button{align-items:center;background-color:initial;border-radius:20px;color:#4d4d4d;cursor:pointer;display:flex;flex-direction:row;font-family:Effra;font-size:16px;font-weight:400;gap:10px;margin-bottom:20px;padding:7px 15px;transition:background-color .2s ease-in-out}.new-chat-button:hover{background-color:#f9fafd}.thread-list{display:flex;flex-direction:column}.thread-list::-webkit-scrollbar{background-color:initial;width:4px}.thread-list::-webkit-scrollbar-thumb{background-color:#eaeef5;border-radius:4px}.thread-list label{font-size:13px;padding:7px 15px 10px}.thread-item,.thread-list label{color:#4d4d4d;font-family:Effra;font-weight:400}.thread-item{align-items:center;background-color:initial;border-radius:25px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;gap:0;margin:0;overflow:hidden;padding:5px 5px 5px 15px;transition:background-color .3s ease-in-out}.thread-item.active,.thread-item:hover{background-color:#f9fafd}.thread-item.active{color:#4d4d4d}.thread-title{margin:0}.delete-thread-button{align-content:center;align-items:center;background:none;background-color:initial;border:none;border-radius:50px;color:#2c2c2c;cursor:pointer;height:25px;margin:0;opacity:0;padding:0;text-align:center;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,background-color .3s ease-in-out;visibility:hidden;width:25px}.delete-thread-button:hover{background-color:#eaeef5}.thread-item:hover .delete-thread-button{opacity:1;visibility:visible}@keyframes scaleInAgent{0%{opacity:0;transform:scale(.5) translateX(-20px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes scaleInUser{0%{opacity:0;transform:scale(.5) translateX(20px)}to{opacity:1;transform:scale(1) translateX(0)}}.message-bubble-container.agent.animated-message .message-bubble{animation:scaleInAgent .4s ease-in-out;transform-origin:left top}.message-bubble-container.user.animated-message{animation:scaleInUser .4s ease-in-out;transform-origin:right top}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.agent-icon.loading-animation{animation:spin 1.5s linear infinite}.agent-icon{align-self:flex-start;height:20px;margin:3px 0 0;overflow:visible;width:20px}@keyframes pulse-rotation{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.message-bubble{border-radius:15px;font-size:18px;max-width:75%;padding:0 15px}.message-bubble.agent p{line-height:24px;margin-top:0}.message-bubble.agent{color:#4d4d4d;max-width:100%}.message-bubble-container.user .message-bubble{background-color:#f6f7fa;border-top-right-radius:1px;color:#4d4d4d;margin:0;padding:15px 20px}.loading-text{font-family:Effra;font-weight:550;opacity:1;transition:opacity .5s ease-in-out}.fade-text{animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.loading-text.fading-text{opacity:0}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.input-form{z-index:1}.input-container-wrapper,.input-form{background-color:initial;display:flex}.input-container-wrapper{align-items:flex-end;flex-grow:1;position:relative;z-index:0}.input-container-wrapper textarea{-ms-overflow-style:none;background-color:initial;border:1px solid #ccc;border-radius:25px;box-shadow:0 2px 5px #0000001a;color:#4d4d4d;flex-grow:1;font-family:Effra;font-size:18px;margin-right:0;max-height:110px;min-height:110px;overflow:visible;padding:15px 45px 15px 25px;resize:none;scrollbar-width:none;transition:box-shadow .3s ease-in-out,border-color .3s ease-in-out;width:100%}.input-form textarea:focus{border:1px solid #0000;box-shadow:inset 0 1px 0 0 #120633,inset 1px 0 0 0 #120633,inset -1px 0 0 0 #98002a,inset 0 -1px 0 0 #98002a;outline:#98002a}.textarea-wrapper{background:#0000;background-color:initial;border-radius:12px;flex-grow:1;position:relative;transition:background .3s ease;z-index:0}.textarea-wrapper:has(textarea:focus){background:linear-gradient(90deg,#7f00ff,#ff008c)}.send-button{align-items:center;background-color:#f2f2f2;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;transition:background-color .3s,opacity .1s;width:30px;z-index:2}.send-arrow{fill:#4d4d4d;margin-left:2px;width:50%}.send-button:disabled{cursor:default;opacity:0}.send-button:hover{background-color:#f2f2f2}@media (max-width:1000px){.sidebar-left{flex:0 0 10px;flex-direction:column;padding:20px}.sidebar-left,.sidebar-right{background-color:#f9fafd;color:#fff;display:flex}.sidebar-right{flex:0 0 55px;flex-direction:column;gap:30px}.sidebar-right .menu-icon:first-of-type{margin:20px auto 0;overflow:visible;transition:fill .3s ease-in-out}.sidebar-right .menu-icon{cursor:pointer;margin:0 auto;overflow:visible;transition:fill .3s ease-in-out;width:25px}.new-button{background-color:#fff;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#2c2c2c;cursor:pointer;display:none;font-family:Effra;font-size:15px;font-weight:400;margin:0 auto 1rem 0;padding:1rem 0;text-align:center;transition:background-color .3s;width:65%}.plus-icon{display:inline-block;height:1rem;margin-bottom:.2rem;margin-right:.5rem;position:relative;vertical-align:middle;width:1rem}.plus-icon:before{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.plus-icon:after,.plus-icon:before{background-color:currentColor;content:"";position:absolute}.plus-icon:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.new-button:hover{background-color:#f9fafd}.menu-button{align-items:center;background-color:initial;border:none;color:#2c2c2c;cursor:pointer;display:flex;display:none;font-family:Effra;font-size:17px;gap:10%;overflow:visible;padding:7px 15px;text-align:left;text-decoration:none;transition:color .3s ease-in-out}.menu-button.active{color:#e65c5c}.menu-button:hover{color:#808284}.menu-icon{fill:#2c2c2c;overflow:visible;transition:fill .3s ease-in-out;width:15px}.menu-button:hover .menu-icon{fill:#808284}.menu-button.active .menu-icon{fill:#e65c5c}.menu-button.active:hover .menu-icon{fill:#808284}}@font-face{font-family:Courier New;font-style:normal;font-weight:400;src:url(/static/media/Courier_New_Regular.9b3b351ee1f518d6f02e.ttf) format("truetype")}@font-face{font-family:Courier New;font-style:normal;font-weight:700;src:url(/static/media/Courier_New_Bold.361abdfc6c31e785b080.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:400;src:url(/static/media/Effra_Regular.a61bd29d8e438691fa9c.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:700;src:url(/static/media/Effra_Bold.4c1372599172e63105df.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:700;src:url(/static/media/Effra_Bold_Italic.4d5e754a394a21bd3e76.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:100;src:url(/static/media/Effra_Hairline.96abef20567257e5a82a.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:100;src:url(/static/media/Effra_Hairline_Italic.63010a47b27187af4780.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:400;src:url(/static/media/Effra_Italic.af00a8e92636a7088d25.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:300;src:url(/static/media/Effra_Light.dc3c29b1ba2d24267e94.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:300;src:url(/static/media/Effra_Light_Italic.8bc7cad8c0f91124bc41.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:500;src:url(/static/media/Effra_Medium.a811373a48024a6c94d6.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:500;src:url(/static/media/Effra_Medium_Italic.ad9c9e75dee89f3d86b4.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:600;src:url(/static/media/Effra_SemiBold.513761ed15227b288092.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:600;src:url(/static/media/Effra_SemiBold_Italic.e0f703517c4d521c0f70.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:100;src:url(/static/media/Effra_Thin.eda381facddcb3a24d0c.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:100;src:url(/static/media/Effra_Thin_Italic.dd2fd8be75975860a8f1.ttf) format("truetype")}@font-face{font-family:Effra;font-style:normal;font-weight:800;src:url(/static/media/Effra_XBold.a6d4793f948a5b0e248e.ttf) format("truetype")}@font-face{font-family:Effra;font-style:italic;font-weight:800;src:url(/static/media/Effra_XBold_Italic.abff568d919c1693633c.ttf) format("truetype")}
/*# sourceMappingURL=main.46359884.css.map*/