.header-app{z-index:20;background-color:var(--color-surface);align-items:center;gap:12px;padding:20px;display:flex;position:sticky;top:0;box-shadow:0 25px 50px -12px #00000059}.button-menu{cursor:pointer;background:0 0;border:none;display:none}.button-menu img{filter:var(--filter-black)}@media (max-width:900px){.button-menu{display:flex}}
.nav{background-color:var(--color-surface-container-low);z-index:50;flex-direction:column;place-content:center space-between;align-items:center;gap:10px;width:300px;min-width:300px;min-height:100vh;padding:40px 20px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.div-top-nav{flex-direction:column;gap:20px;display:flex}.link-title-nav{color:var(--color-on-surface);border-radius:14px;padding:14px 16px;text-decoration:none;transition:all .2s}.link-title-nav:hover{background-color:var(--color-surface-container-high)}.div-nav-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.button-close-nav{display:none}@media (max-width:900px){.nav{position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:0 10px 40px #0000001f}.nav.active{transform:translate(0%)}.button-close-nav{display:flex}}.div-title-nav{flex-direction:column;place-content:center;align-items:center;gap:20px;display:flex}.div-icon-title-nav{background-color:var(--color-surface-container-highest);border-radius:10px}.div-icon-title-nav img{margin:8px}.section-links-nav{flex-direction:column;gap:15px;padding:0 10px;display:flex}.section-links-nav a{color:var(--color-on-surface-variant);font-family:var(--font-body);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,transform .15s;display:flex;position:relative;overflow:hidden}.section-links-nav a:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.section-links-nav a:hover img{opacity:1;transform:scale(1.05)}.section-links-nav a p{align-items:center;gap:14px;margin:0;display:flex}.section-links-nav a.active{background-color:var(--color-primary);color:var(--color-background)}.section-links-nav a img{filter:var(--filter-black)}.section-links-nav a.active img{opacity:1;filter:var(--filter-white)}.div-span-info{flex-direction:column;place-content:center;align-items:center;gap:15px;margin:0 0 30px;display:flex}