.nav-desktop-app{background-color:var(--color-white);border-right:1px solid var(--color-gray);flex-direction:column;flex:none;justify-content:space-between;width:250px;max-width:80%;height:100vh;padding:15px;display:flex;overflow:auto}.link-logo-app{color:var(--color-black);justify-content:start;align-items:center;padding-bottom:30px;text-decoration:none;display:flex}.link-logo-app img{width:30px;height:30px}.link-logo-app h1{font-size:20px}.div-links-nav-desktop{flex-direction:column;gap:5px;display:flex}.link-nav-desktop{justify-content:baseline;color:#5a5353;z-index:2;align-items:center;gap:10px;padding:15px 10px;text-decoration:none;display:flex;position:relative}.link-nav-desktop:hover{color:#3b82f6;background-color:#dbeafe;border-right:4px solid #3b82f6;border-radius:15px}.link-nav-desktop:hover img{filter:invert(38%)sepia(96%)saturate(748%)hue-rotate(194deg)brightness(96%)contrast(97%)}.link-nav-desktop.active{background-color:var(--color-orange-background);border-right:4px solid var(--color-orange);color:var(--color-orange);border-radius:15px}.link-nav-desktop.active img{filter:invert(55%)sepia(72%)saturate(2784%)hue-rotate(346deg)brightness(99%)contrast(95%)}.link-nav-desktop img{width:25px;display:inline-block}.link-nav-desktop p{text-align:start;font-weight:550}.text-class-links-nav-desktop{text-align:start;color:#9f9999;text-transform:uppercase;padding:16px 0;font-size:13px;font-weight:700}.btn-cerrar-sesion{color:#fff;cursor:pointer;z-index:2;background:#111827;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:30px;margin-bottom:40px;padding:14px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 25px -5px #00000059}.btn-cerrar-sesion:hover{background:#1f2937;box-shadow:0 15px 30px -8px #00000080}.btn-cerrar-sesion:active{opacity:.9}@media (max-width:860px){.nav-desktop-app{z-index:4;position:absolute}}@media (min-width:861px){.nav-desktop-app{width:250px}}.nav-desktop-app{background-color:#fff}@media (max-width:860px){.nav-desktop-app{z-index:100;width:260px;height:100vh;transition:transform .3s,opacity .3s;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0003}.nav-mobile-open{opacity:1;transform:translate(0)}.nav-mobile-closed{opacity:0;pointer-events:none;transform:translate(-100%)}.nav-overlay{z-index:99;background:#0006;width:100%;height:100vh;animation:.3s navFadeIn;position:fixed;top:0;left:0}}@keyframes navFadeIn{0%{opacity:0}to{opacity:1}}
.div-card-level-nav-app{border-top:1px solid var(--color-gray)}.link-card-level-nav-app{text-decoration:none}.card-level-nav-app{cursor:pointer;background-color:var(--color-orange-background);z-index:2;border-radius:10px;margin-top:40px;text-decoration:none;position:relative}.card-level-nav-app-static{padding:15px}.div-status-card-level-nav-app{justify-content:space-between;display:flex}.card-level-nav-app h3{color:var(--color-orange);text-transform:uppercase;text-align:start;padding:5px 0;font-size:13px;font-weight:700;box-shadow:0 25px 50px -12px #00000059}.card-level-nav-app p{color:var(--color-black);text-align:start;padding:5px 0;font-size:13px;font-weight:700}.card-level-nav-app span{color:#968e89;text-align:start;padding:5px 0;font-size:13px;font-weight:700}.progress-card-level-nav-app{border-radius:8px;width:100%;height:8px;margin:5px 0}.progress-card-level-nav-app::-webkit-progress-bar{background-color:var(--color-gray);border-radius:8px}.progress-card-level-nav-app::-webkit-progress-value{background-color:var(--color-orange);border-radius:8px}.skeleton-card{max-height:100px}
.div-header-desktop-app{background-color:var(--color-white);border-bottom:1px solid var(--color-gray);flex-wrap:nowrap;place-content:center space-between;align-items:center;gap:20px;padding:10px;display:flex}.div-search-main-header-desktop-app{flex:auto;display:flex}.div-icon-menu-movile-header{place-content:center end;align-items:center;display:flex}.icon-menu-movile-header{cursor:pointer}.div-search-input-header-desktop-app{background-color:var(--color-orange-background);border-radius:25px;flex-wrap:nowrap;flex:auto;place-content:center;align-items:center;gap:7px;padding:5px 15px;display:flex}.div-search-input-header-desktop-app label{flex-shrink:0}.div-search-input-header-desktop-app img{cursor:pointer}.div-search-input-header-desktop-app input{text-align:start;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;outline:none;flex:auto;font-size:16px;overflow:hidden}.div-search-input-header-desktop-app{position:relative}.suggestions-container{z-index:3;background-color:#fff;border-radius:10px;max-height:250px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.suggestion-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:10px 15px;font-size:14px;overflow:hidden}.suggestion-item:hover{background-color:#f2f2f2}.div-header-desktop-app-div-icons-and-perfil{display:flex}.div-header-desktop-app-div-icons{border-right:1px solid var(--color-gray);place-content:center;align-items:center;gap:10px;padding-right:15px;display:flex}.div-header-desktop-app-div-icons img{aspect-ratio:1;border-radius:50%;padding:5px;display:inline-block}.icon-header.active{background-color:var(--color-orange-background);border-radius:10px}.icon-header.active img{filter:invert(55%)sepia(72%)saturate(2784%)hue-rotate(346deg)brightness(99%)contrast(95%)}.icon-header:hover{background-color:#dbeafe;border-radius:10px}.icon-header:hover img{filter:invert(38%)sepia(96%)saturate(748%)hue-rotate(194deg)brightness(96%)contrast(97%)}.div-span-icon-header-desktop{cursor:pointer}.div-header-desktop-app-div-perfil{padding:0 15px}.div-perfil-header-desktop-app{background-color:var(--color-orange-background);border-radius:25px;place-content:center;align-items:center;gap:10px;padding:5px 15px;display:flex}.div-perfil-header-desktop-app span{color:var(--color-black);font-size:14px;font-weight:700}.div-perfil-header-desktop-app img{object-fit:cover;aspect-ratio:1;border:2px solid var(--color-white);border-radius:50%}.div-icon-menu-movile{cursor:pointer;display:flex}.div-icon-menu-movile img:hover{filter:invert(55%)sepia(72%)saturate(2784%)hue-rotate(346deg)brightness(99%)contrast(95%)}