Proyectos de Subversion LeadersLinked - Antes de SPA

.header__option{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:gray;position:relative;padding:10px 0;height:100%}.header__option:hover,.header__option.active,.nav__options-dropdown.show~.header__option{color:#000}.header__option:hover::after,.header__option.active::after,.nav__options-dropdown.show~.header__option::after{transform:scaleX(1)}.header__option::after{border-bottom:2px solid #000;content:"";bottom:-1px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease-in-out;width:100%}.header__option>span{display:none;margin:0;font-size:12px;font-weight:400}@media(min-width: 768px){.header__option{min-width:60px;display:flex}.header__option>span{display:flex;align-items:center}}
.user__options-dropdown,.nav__options-dropdown{position:absolute;right:0;min-width:220px;top:calc(100% + 10px);background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.3);transition:all .2s ease-in-out;transform-origin:top}.user__options-dropdown.fadeOut,.nav__options-dropdown.fadeOut{transform:scaleY(0);opacity:0}.user__options-dropdown.fadeIn,.nav__options-dropdown.fadeIn{transform:scaleY(1);opacity:1}.user__options-dropdown ul,.nav__options-dropdown ul{display:flex;flex-direction:column;gap:.5rem}.user__options-dropdown ul a,.nav__options-dropdown ul a{white-space:nowrap}.user__options-dropdown{border-top-right-radius:0}.user__options-item{padding:1rem 10px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.5rem}.user__options-item h3{font-weight:600}.user__options-item ul{display:flex;flex-direction:column;gap:.5rem}.user__options-item ul a{color:gray !important}.user__options-item ul a:hover{text-decoration:underline !important}.nav__options-dropdown{transform:scaleY(0);right:-10%;opacity:0;padding:1rem;min-width:fit-content}.nav__options-dropdown ul{display:flex;flex-direction:column}.nav__options-dropdown ul a{color:gray !important}.nav__options-dropdown ul a:hover{text-decoration:underline !important}.nav__options-dropdown ul li:not(:last-child){padding-bottom:.5rem}.nav__options-dropdown ul li:hover .navigation-level_three{display:block}.nav__options-dropdown.mobile{top:initial;bottom:99%;left:50%;transform-origin:bottom}.nav__options-dropdown.show{transform:scaleY(1);opacity:1}li:hover .header__option.mobile~.nav__options-dropdown.mobile{transform:scaleY(1) translateX(-50%);opacity:1}.user__options-description{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:10px;left:0;right:initial}.user__options-description .btn__profile{padding:2px;border:1px solid #7405f9;width:100%;border-radius:30px;color:#7405f9;font-size:.9rem;text-align:center;transition:all .1s ease-in}.user__options-description .btn__profile:hover{border:2px solid #7405f9}.user__options-info{display:flex;align-items:center;gap:.5rem;width:100%}.user__options-info h3{font-weight:600;font-size:1.1rem}.user__option-icon{height:16px;width:16px}@media(min-width: 768px){.nav__options-dropdown{right:0;border-top-right-radius:0}}
#app{padding-top:4.5rem;padding-bottom:4.5rem;min-height:80vh}@media(min-width: 768px){#app{padding-top:5.5rem;padding-bottom:initial}}body{position:relative;background-color:#f3f2ef !important}.header,.mobile-menu{background-color:#fff;width:100%;z-index:999}.header{top:0;position:fixed;border-bottom:1px solid rgba(0,0,0,.06)}.header__nav{display:flex;justify-content:space-between;gap:.5rem}.header__left{align-items:center;display:flex;gap:1rem;flex:1}.header__left a>img{object-fit:cover;display:none}.header__left.show{width:-webkit-fill-available}.header__search{display:flex;align-items:center;border-radius:5px;height:34px;color:gray;cursor:pointer;transition:all .2s;width:-webkit-fill-available}.header__search:hover{color:#000}.header__search>input{display:none;border:none;outline:none;background:none;width:100%}.header__search.show{padding:.5rem;margin:10px 0;background-color:#eef3f0;flex:1}.header__search.show>input{display:initial}.header__right{align-items:center;flex:1;display:flex}.header__right>ul{display:flex;flex:1;justify-content:space-evenly;gap:.5rem}.header__right>ul li{position:relative}.header__right.hide{display:none}.MuiAccordionSummary-content{align-items:center;margin:.5rem 0 !important;gap:2.5rem;color:rgba(0,0,0,.54)}@media(min-width: 768px){.header__nav{gap:initial}}@media(min-width: 992px){.header__right{flex-grow:initial}.header__right>ul{display:flex !important;justify-content:initial;gap:1.5rem}.header__left{flex:1}.header__left a>img{display:flex;height:50px;width:50px;object-fit:scale-down}.header__search{padding:.5rem;background-color:#eef3f0}.header__search>input{display:initial}}