.menu-conteudo.brxe-block {position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; width: auto; background-color: var(--bricks-color-nmrlsl); border-radius: 10px; box-shadow: 0 1px 2px 0 rgba(22, 7, 64, 0.08); max-width: 270px} .menu-desktop-topo.brxe-block {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: row; justify-content: space-between; align-items: center} @media (max-width: 1180px) { .menu-desktop-topo.brxe-block {flex-direction: row; flex-wrap: nowrap} } .menu-desktop-logo.brxe-image {max-width: 80px} .icon-sino.brxe-icon {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; opacity: 0.2; cursor: pointer; margin-right: -10px; color: var(--bricks-color-ydmchb); fill: var(--bricks-color-ydmchb)} .icon-sino.brxe-icon:hover {opacity: 1; transition: opacity 0.2s ease-in} .icon-sino-ativo.brxe-icon {opacity: 1; color: var(--bricks-color-xmqhoc); fill: var(--bricks-color-xmqhoc)} @media (max-width: 768px) { .icon-sino-ativo.brxe-icon {color: var(--bricks-color-xmqhoc); fill: var(--bricks-color-xmqhoc)} } .menu-poweroff.brxe-icon {width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; opacity: 0.3} .menu-poweroff.brxe-icon:hover {opacity: 1; transition: all 0.2s ease-in} .navbar.brxe-block {display: none} @media (max-width: 768px) { .navbar.brxe-block {position: fixed; right: 0px; bottom: 0px; z-index: 10; left: 0px; flex-direction: row; display: flex; background-color: var(--bricks-color-lrhyzr); box-shadow: 0 0 20px 0 rgba(19, 6, 55, 0.18); flex-wrap: nowrap; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: space-between} } @media (max-width: 768px) { .navebar-e.brxe-block {width: auto; flex-wrap: nowrap; justify-content: center; align-self: center !important; align-items: center; flex-direction: row; padding-left: 15px} } @media (max-width: 768px) { .navbar-logo.brxe-image {height: 35px; margin-top: 15px; margin-bottom: 15px} } .bemvindo-avatar.brxe-block {width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; border: 2px solid var(--bricks-color-ydmchb)} @media (max-width: 768px) { .navbar-avatar.brxe-block {margin-right: 5px; margin-left: 15px} } .bold.brxe-text-basic {font-weight: 600} @media (max-width: 768px) { .navbar-d.brxe-block {width: auto; flex-direction: row; flex-wrap: nowrap} } @media (max-width: 768px) { .navbar-icon.brxe-icon {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; color: var(--bricks-color-dtvzep); fill: var(--bricks-color-dtvzep)} } .links.brxe-block {flex-direction: column} .link.brxe-text-link:hover {opacity: 0.7} .link.brxe-text-link .icon > i {font-size: 12px} .link.brxe-text-link .icon > svg {width: 12px; height: 12px} .link.brxe-text-link .icon {color: var(--bricks-color-ndshel); fill: var(--bricks-color-ndshel)} .link.brxe-text-link {padding-top: 7px; padding-bottom: 7px}