.t-body, .t-heading-6, .footer-nav-wrapper { font-family: Montserrat; font-weight: 400; text-transform: none; letter-spacing: 0; } .no-underline { text-decoration: none; } .c-base, .c-on-base { color: #001428; } .w-100 { width: 100%; } .flex-grow-1 { -webkit-box-flex: 1; flex-grow: 1; } .flex-column { -webkit-box-orient: vertical; flex-direction: column; } .flex { display: -webkit-box; display: flex; } .main-components-container { max-width: 1366px; margin: 0 auto; } .justify-start { -webkit-box-pack: start; justify-content: flex-start; } .items-stretch { -webkit-box-align: stretch; align-items: stretch; height: min-content; } .h-100 { height: 100%; } .flex-column { -webkit-box-orient: vertical; flex-direction: column; } .list { list-style-type: none; } ul li, ol li { list-style: none; } .institutional-menu-nav--main .institutional-menu-item .institutional-link-container .institutional-link-content { color: #001428; font-size: 16px; white-space: break-spaces; } .institutional-arrow-icon { display: none; } .nowrap { white-space: nowrap; } .justify-between { -webkit-box-pack: justify; justify-content: space-between; } .c-muted-2 { color: #979899; } @font-face { font-family: Montserrat; src: url(https://p3-ofp.static.pub/MOTO/Columbia/Montserrat-Bold___ade91f473255991f410f61857696434b.8fa0e69eb7ff1a69.ttf); font-weight: 700 } @font-face { font-family: Montserrat; src: url(https://p3-ofp.static.pub/MOTO/Columbia/Montserrat-Regular___ee6539921d713482b8ccd4d0d23961bb.67ceddb9a06c4756.ttf); font-weight: 400 } @media (min-width: 1025px) { .mobile-menu-area { display: none  !important; } .institutional-flex-col--menu { margin-right: 26px !important; } .main-components-container { padding: 0 15px; } .institucional-section { background-color: #f5f5f5; } .institutional-menu-nav--main { width: 324px; background-color: #fff; border-radius: 5px; padding: 40px 20px; margin-bottom: 40px; } .institutional-menu-nav--main .institutional-menu-item { line-height: 1.5; margin-bottom: 20px; } .institutional-menu-nav--main .institutional-menu-item .institutional-link-container { padding: 8px 0; margin: 0; } .institutional-menu-nav--main .institutional-menu-item:first-child .institutional-link-content { color: #ff554d; font-weight: 700; } .institutional-row-container { padding-bottom: 8rem; } .pv2 { padding-top: .25rem; padding-bottom: .25rem; } .mh6 { margin-left: 1.5rem; margin-right: 1.5rem; } .pt9 { padding-top: 4rem; } } @media (max-width: 1024px) { .footer-nav-container { display: flex; flex-grow: 1; width: 100%; flex-direction: column; background-color: #f5f5f5; } .institutional-menu-item--mobile .institutional-link-container .institutional-link-content .accordion-icon--mobile--isOpen:before { content: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); font-size: 14px; filter: invert(1); transition: .3s; } .institutional-menu-item--mobile .institutional-link-container .institutional-link-content .accordion-icon--mobile--isClosed:before { content: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); font-size: 14px; filter: invert(1); transition: .3s; } .institutional-menu-item--mobile .institutional-link-container .institutional-link-content .accordion-icon--mobile--isOpen { transform: rotate(180deg); } #menuList-mobile li { display: none; border-bottom: 1px solid hsla(0, 0%, 83.9%, .75); padding: 15px; cursor: pointer; } #menuList-mobile li:first-child { display: block; } #menuList-mobile li:first-child, #menuList-mobile li:last-child { border-bottom: 0px; } #menuList-mobile.expanded li { display: block; } .main-components-container { padding: 0 15px; padding-top: 30px; } .institutional-row { background-color: #fff; box-shadow: 2px 5px 10px .5px rgba(0, 0, 0, .2); border-radius: 5px; margin-bottom: 20px; } .institutional-arrow-icon { display: block; width: 16px; height: 11px; filter: invert(1); transition: .1s; } #menuList-mobile.expanded .institutional-arrow-icon { transform: rotate(180deg); } .mobile-full-width { width: 100%; } .institutional-menu-nav--main .institutional-menu-item .institutional-link-container .institutional-link-content { align-items: center; } .institutional-menu-container { padding: 8px 0; } }