@import"https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap";@charset "UTF-8";*{box-sizing:border-box}:root{--app-container: #f3f6fd;--main-color: #1f1c2e;--secondary-color: #4A4A4A;--link-color: #1f1c2e;--link-color-hover: #c3cff4;--link-color-active: #fff;--link-color-active-bg: #1f1c2e;--projects-section: #fff;--message-box-hover: #fafcff;--message-box-border: #e9ebf0;--more-list-bg: #fff;--more-list-bg-hover: #f6fbff;--more-list-shadow: rgba(209, 209, 209, .4);--button-bg: #1f1c24;--search-area-bg: #fff;--star: #d9e62d;--message-btn: #fff}.dark:root{--app-container: #1f1d2b;--app-container: #111827;--main-color: #fff;--secondary-color: rgba(255,255,255,.8);--projects-section: #1f2937;--link-color: rgba(255,255,255,.8);--link-color-hover: rgba(195, 207, 244, .1);--link-color-active-bg: rgba(195, 207, 244, .2);--button-bg: #1f2937;--search-area-bg: #1f2937;--message-box-hover: #243244;--message-box-border: rgba(255,255,255,.1);--star: #ffd92c;--light-font: rgba(255,255,255,.8);--more-list-bg: #2f3142;--more-list-bg-hover: rgba(195, 207, 244, .1);--more-list-shadow: rgba(195, 207, 244, .1);--message-btn: rgba(195, 207, 244, .1)}button,a{cursor:pointer}.app-container{width:100%;display:flex;flex-direction:column;height:100%;background-color:var(--app-container);transition:.2s;max-width:1800px}.app-container button,.app-container input,.app-container optgroup,.app-container select,.app-container textarea{font-family:DM Sans,sans-serif}.app-content{display:flex;height:100%;overflow:hidden;padding:16px 24px 24px 0}.app-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;position:relative}.app-header-left,.app-header-right{display:flex;align-items:center}.app-header-left{flex-grow:1}.app-header-right button{margin-left:10px}.app-icon{width:46px;height:46px;position:relative}.app-icon:before,.app-icon:after{content:"";border-radius:4px;background-color:var(--main-color);left:50%;transform:translate(-50%)}.app-icon:before{top:-6px}.app-icon:after{bottom:-6px}.app-name{color:var(--main-color);font-size:20px;line-height:24px;font-weight:700;margin:0 32px}.app-name a,.app-name a:hover{color:var(--main-color);text-decoration:none}.mode-switch{background-color:transparent;border:none;padding:0;color:var(--main-color);display:flex;justify-content:center;align-items:center}.search-wrapper{border-radius:20px;background-color:var(--search-area-bg);padding-right:12px;height:40px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:480px;color:var(--light-font);box-shadow:0 2px 6px #8894ab33,0 24px 20px -24px #47526b1a;overflow:hidden}.search-input{border:none;flex:1;outline:none;height:100%;padding:0 20px;font-size:16px;background-color:var(--search-area-bg);color:var(--main-color)}.search-input:placeholder{color:var(--main-color);opacity:.6}.dropdown-menu{border-radius:5%}.dropdown-item{display:flex;width:100%;justify-content:space-between;flex:1 2;overflow:hidden;align-items:center}.add-btn{padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;margin:20px auto;color:var(--main-color)}span.badge-pill{position:relative;bottom:-5px;margin:0 auto;z-index:1}.agrandar{position:relative;z-index:0}.notification-btn{padding:0;border:0;background-color:transparent;height:32px;display:flex;justify-content:center;align-items:center}.profile-btn{border:0;background-color:transparent;display:flex;align-items:center;padding:0 0 0 12px;border-left:2px solid #ddd}.profile-btn img{width:32px;height:32px;object-fit:cover;border-radius:50%;margin-right:4px}.profile-btn span{color:var(--main-color);font-size:16px;line-height:24px;font-weight:700}.page-content\a0 {flex:1;width:100%}.app-sidebar{padding:40px 16px;display:flex;flex-direction:column;align-items:center}.app-sidebar-link{color:var(--main-color);color:var(--link-color);margin:16px 0;transition:.2s;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.app-sidebar-link:hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.app-sidebar-link.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.projects-section{flex:2;background-color:var(--projects-section);border-radius:32px;padding:32px 32px 0;overflow:hidden;height:100%;display:flex;flex-direction:column}.projects-section-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.projects-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--main-color)}.projects-section-header p{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.dark .projects-section-header p,.dark .item-status span{color:#000}.projects-section-header .time{font-size:20px}.projects-status{display:flex}.item-status{display:flex;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type:after{content:"";position:absolute;right:8px;top:50%;transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions{display:flex;align-items:center}.view-btn{width:36px;height:36px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;transition:.2s}.view-btn.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section{flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);flex:1;width:100%;border-radius:30px;position:relative;overflow:auto;transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show{transform:translate(0);opacity:1;margin-left:0}.messages-section .projects-section-header{position:sticky;top:0;z-index:1;padding:32px 24px 0;background-color:var(--projects-section)}.message-box{border-top:1px solid var(--message-box-border);padding:16px;display:flex;align-items:flex-start;width:100%}.message-box:hover{background-color:var(--message-box-hover);border-top-color:var(--link-color-hover)}.message-box:hover+.message-box{border-top-color:var(--link-color-hover)}.message-box img{border-radius:50%;object-fit:cover;width:40px;height:40px}.message-header{display:flex;align-items:center;justify-content:space-between;width:100%}.message-header .name{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content{padding-left:16px;width:100%}.star-checkbox input{opacity:0;position:absolute;width:0;height:0}.star-checkbox label{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dark .star-checkbox{color:var(--secondary-color)}.dark .star-checkbox input:checked+label{color:var(--star)}.star-checkbox input:checked+label svg{fill:var(--star);transition:.2s}.message-line{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time{text-align:right;margin-bottom:0}.project-boxes{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView{display:flex;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper{width:33.3%}.project-boxes.jsListView .project-box{display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>*{margin-right:24px}.project-boxes.jsListView .more-wrapper{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header{order:1;max-width:120px}.project-boxes.jsListView .project-box-header{order:2}.project-boxes.jsListView .project-box-footer{order:3;padding-top:0;flex-direction:column;justify-content:flex-start}.project-boxes.jsListView .project-box-footer:after{display:none}.project-boxes.jsListView .participants{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper{order:3;flex:1}.project-box{--main-color-card: #dbf6fd;border-radius:30px;padding:16px;background-color:var(--main-color-card)}.project-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header{text-align:center;margin-bottom:16px}.project-box-content-header p{margin:0}.project-box-wrapper{padding:8px;transition:.2s}.project-btn-more{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;flex-shrink:0}.more-wrapper{position:relative}.box-content-header{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader{font-size:14px;line-height:24px;opacity:.7}.box-progress{display:block;height:4px;border-radius:6px}.box-progress-bar{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage{text-align:right;margin:0;font-size:14px;font-weight:700;line-height:16px}.project-box-footer{display:flex;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer:after{content:"";position:absolute;background-color:#fff9;width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants{display:flex;align-items:center}.participants img{width:20px;height:20px;border-radius:50%;overflow:hidden;object-fit:cover}.participants img:not(:first-child){margin-left:-8px}.add-participant{width:20px;height:20px;border-radius:50%;border:none;background-color:#fff9;margin-left:6px;display:flex;justify-content:center;align-items:center;padding:0}.days-left{background-color:#fff9;font-size:12px;border-radius:20px;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon{fill:var(--main-color)}.messages-btn{border-radius:4px 0 0 4px;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);display:flex;justify-content:center;align-items:center;padding:4px;display:none}@media screen and (max-width: 980px){.project-boxes.jsGridView .project-box-wrapper{width:50%}.status-number,.status-type{font-size:14px}.status-type:after{width:4px;height:4px}.item-status{margin-right:0}}@media screen and (max-width: 880px){.messages-section{transform:translate(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close{display:block}.messages-btn{display:flex}}@media screen and (max-width: 720px){.app-name,.profile-btn span{display:none}.add-btn,.notification-btn,.mode-switch{width:20px;height:20px}.add-btn svg,.notification-btn svg,.mode-switch svg{width:16px;height:16px}}@media screen and (max-width: 520px){.projects-section{overflow:auto}.project-boxes{overflow-y:visible}.app-sidebar,.app-icon{display:none}.app-content{padding:16px 12px 24px}.status-number,.status-type{font-size:10px}.view-btn{width:24px;height:24px}.app-header{padding:16px 10px}.search-input{max-width:120px}.project-boxes.jsGridView .project-box-wrapper{width:100%}.projects-section{padding:24px 16px 0}.profile-btn img{width:24px;height:24px}.app-header{padding:10px}.projects-section-header p,.projects-section-header .time{font-size:18px}.status-type{padding-right:4px}.status-type:after{display:none}.search-input{font-size:14px}.messages-btn{top:48px}.box-content-header,.box-content-subheader{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span{font-size:10px}.box-progress-header{font-size:12px}.box-progress-percentage{font-size:10px}.days-left{font-size:8px;padding:6px;text-align:center}.project-boxes.jsListView .project-box>*{margin-right:10px}.project-boxes.jsListView .more-wrapper{right:2px;top:10px}}@media screen and (max-width: 480px){.app-container{padding:0 8px;max-width:100%;overflow-x:hidden}.app-header{flex-direction:column;align-items:flex-start;padding:10px}.app-header-left,.app-header-right{flex-direction:column;align-items:flex-start;width:100%}.app-content{flex-direction:column;padding:12px}.project-boxes,.projects-section{padding:16px}.project-box-wrapper{width:100%!important}.project-box{padding:12px;border-radius:16px}.project-box-content-header p{font-size:16px}.search-wrapper{max-width:100%;height:36px;padding:0 10px}.search-input{font-size:14px;padding:0 10px}.view-btn,.add-btn,.notification-btn,.mode-switch{width:28px;height:28px}.view-btn svg,.add-btn svg,.notification-btn svg,.mode-switch svg{width:20px;height:20px}.app-sidebar,.app-icon,.profile-btn span{display:none!important}footer{padding:10px;font-size:14px}.ty{column-count:1;padding-left:0;font-size:14px}.messages-section{position:static;transform:none;opacity:1;height:auto;overflow-y:visible;padding:16px 0}}.aviso-cookies{display:none;background:#fff;padding:60px 20px 20px;width:calc(100% - 40px);max-width:300px;line-height:150%;border-radius:10px;position:fixed;bottom:20px;left:20px;z-index:100;box-shadow:0 2px 20px 10px #dedede40;text-align:center}.fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:1s}.fadeIn.first{animation-delay:.4s}.fadeIn.second{animation-delay:.6s}.fadeIn.third{animation-delay:.8s}.fadeIn.fourth{animation-delay:1s}.aviso-cookies.activo{display:block}.aviso-cookies .galleta{max-width:100px;position:absolute;top:-50px;left:calc(50% - 50px)}.aviso-cookies .titulo,.aviso-cookies .parrafo{margin-bottom:15px}.aviso-cookies .boton{width:100%;background:#595959;border:none;color:#fff;font-family:Roboto,sans-serif;text-align:center;padding:15px 20px;font-weight:700;cursor:pointer;transition:.3s ease all;border-radius:5px;margin-bottom:15px;font-size:14px}.aviso-cookies .boton:hover{background:#000}.aviso-cookies .enlace{color:#4dbfff;text-decoration:none;font-size:14px}.aviso-cookies .enlace:hover{text-decoration:underline}.fondo-aviso-cookies{display:none;background:rgba(24,23,23,.5607843137);position:fixed;z-index:99;width:100vw;height:100vh;top:0;left:0}.fondo-aviso-cookies.activo{display:block}footer{padding:20px;margin-top:20px;color:#fff;background-color:#d47272;text-align:center;border-radius:4px 0 0 4px;border:none}.ty{padding-right:2px;display:inline;float:left;padding-left:2px;padding-bottom:2px;width:100%;column-count:3;list-style:none;text-align:left}