.search { padding: 0; z-index: 10; margin-right: 25px; } @media only screen and (max-width: 991px) { .search { display: none; } } .search .search-toggle { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; color: #252220; line-height: 32px; text-decoration: none; display: block; } .search .search-toggle .iput-search-icon .icon-itaufonts_busca_consulta { padding: 2px; color: #EC7000; } [data-segment='varejo'] .search .search-toggle { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle { color: #FFFFFF; } .search .search-toggle span { font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; margin-right: 8px; width: 32px; height: 32px; } [data-segment='varejo'] .search .search-toggle span { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle span { color: #FFFFFF; } .search .search-wrapper { width: 100%; left: 0; top: 0; position: fixed; background-color: #FFFFFF; z-index: 10; } @media only screen and (min-width: 768px) { .search .search-wrapper { background-color: rgba(0, 0, 0, 0.8); } } @media only screen and (min-width: 992px) { .search .search-wrapper { display: none; height: 100%; } } @media only screen and (min-width: 768px) { .search .search-wrapper .search-input-container { background-color: #FFFFFF; max-width: 100%; display: flex; justify-content: center; } } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px 0; } } .search .search-wrapper .search-form .icon { font-size: 24px; color: #73706E; letter-spacing: 0; text-align: center; position: relative; padding: 0; line-height: 32px; } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon { padding: 28px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon { padding: 20px 0; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon { padding: 16px 0; } } .search .search-wrapper .search-form .icon.close { right: 0; top: 0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; color: #252220; line-height: 32px; opacity: 1; margin: 0 0 3px 30px; } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon.close { padding: 24px 0; line-height: 18px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close { line-height: 24px; margin: 0 0 0 5px; } } .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 24px; text-align: center; height: 32px; font-weight: 700; } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 18px; height: 24px; } } .search .search-wrapper .search-form .icon.close .text_fechar { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; margin-left: 8px; line-height: 28px; } @media only screen and (max-width: 319px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.open { visibility: visible; } } .search .search-wrapper .search-form .itauSearch { width: 100%; padding: 25px 43px; box-sizing: border-box; border: none; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #252220; background-color: transparent; font-size: 32px; line-height: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { padding: 18px 40px; } } @media screen and (min-width: 576px) and (max-width: 991px) { .search .search-wrapper .search-form .itauSearch { padding: 25px 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding: 5px; } } @media only screen and (min-width: 320px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding-left: 13px; } } @media only screen and (min-width: 576px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 40px; } } @media only screen and (min-width: 768px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 10px; } } @media only screen and (min-width: 992px) { .search .search-wrapper .search-form .itauSearch { font-size: 32px; line-height: 48px; padding-left: 31px; } } @media only screen and (min-width: 1200px) { .search .search-wrapper .search-form .itauSearch { padding-left: 43px; } } .search .search-wrapper .search-form .itauSearch::placeholder { color: #73706E !important; } .search .search-wrapper .search-form .itauSearch:focus { outline: none; } .search .search-wrapper div.search-wrapper-container { width: 100vw; height: calc(100vh - 86px); background-color: #FFFFFF; border-top: 1px solid #D9D3CF; overflow: hidden; padding-bottom: 24px; overflow-y: scroll; left: 0; } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container { display: none; height: calc(100vh - 104px); } } .search .search-wrapper div.search-wrapper-container .search-doubt p { color: #312D2B; font-size: 18px; font-family: "ItauText-Light", "Myriad Pro", Arial; } @media only screen and (min-width: 320px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media only screen and (min-width: 992px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 18px; } } .search .search-wrapper div.search-wrapper-container .search-doubt p a { text-decoration: underline; } .search .search-wrapper div.search-wrapper-container .search-content { width: 100%; padding-top: 24px; } @media only screen and (min-width: 992px) { .search .search-wrapper div.search-wrapper-container .search-content { padding-top: 32px; } } .search .search-wrapper div.search-wrapper-container .search-content .links-list { margin-top: 16px; } @media only screen and (min-width: 768px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list { margin-top: 32px; } } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a, .search .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; color: #252220; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 40px; } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a strong, .search .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a strong { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; } @media only screen and (min-width: 768px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list li a, .search .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a { font-size: 20px; } } .search .search-wrapper div.search-wrapper-container .search-content .search-content-auto-complete { display: none; } .search .search-wrapper div.search-wrapper-container .search-content span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; color: #EC7000; line-height: 28px; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up { margin: 28px 0 44px 0; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; color: #000000; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up span.text, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text span.text { font-weight: 700; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up .icon-itaufonts_busca_consulta, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text .icon-itaufonts_busca_consulta { color: #252220; margin-right: 8px; } @media only screen and (min-width: 768px) { .search .new-modules-search .search-wrapper-container { left: 0 !important; width: 100% !important; } } .search .new-modules-search .search-wrapper-container .search-content { padding-top: 16px !important; } .search .new-modules-search .search-wrapper-container .search-content hr { display: none !important; } .search .new-modules-search .search-wrapper-container .search-content .input-text-key-up, .search .new-modules-search .search-wrapper-container .search-content .search-doubt { display: none !important; } .search .new-modules-search .search-wrapper-container .search-content .links-list { margin-top: 16px !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } .search .new-modules-search .search-wrapper-container .search-content .links-list li { height: 34px; margin-bottom: 16px; margin-right: 8px; } .search .new-modules-search .search-wrapper-container .search-content .links-list li a { background: #106EB0 !important; border-radius: 16px !important; font-family: "ItauText-Regular", "Myriad Pro", Arial !important; font-size: 16px !important; color: #FFFFFF !important; line-height: 24px !important; padding: 4px 16px !important; border: 1px solid #106EB0 !important; } .search .new-modules-search .search-wrapper-container .search-content .links-list li a:hover { color: #106EB0 !important; background: #E4F5FC !important; } .search .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container { margin-top: 16px !important; } .search .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .cards-container-search__title h2 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; } @media only screen and (min-width: 768px) { .search .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 500px !important; } } @media only screen and (min-width: 992px) { .search .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 670px !important; } } @media only screen and (min-width: 1400px) { .search .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 850px !important; } } .search .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container { margin-top: 8px !important; } .search .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container .cards-container-search__title { margin-bottom: 24px !important; } .search .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container .cards-container-search__title h2 { font-size: 20px !important; line-height: 32px !important; } .search .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container hr { display: none !important; } .search .new-modules-search .search-wrapper-container .search-cards-offers .cards-container-search__title { margin-bottom: 24px !important; } .search .new-modules-search .search-wrapper-container .search-cards-offers .cards-container-search__title h2 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; } .search .new-modules-search .search-wrapper-container .link-all-cards { margin-top: 8px !important; } @media only screen and (min-width: 992px) { .search .new-modules-search .search-wrapper-container .link-all-cards { padding-right: 0 !important; width: 685px !important; } } @media only screen and (min-width: 1400px) { .search .new-modules-search .search-wrapper-container .link-all-cards { width: 745px !important; } } @media only screen and (min-width: 768px) { .search .new-modules-search .search-box-features { margin: auto; } } .search .new-modules-search .search-box-features .search-wrapper-container { border-radius: 4px; } .search .new-modules-search .search-result-title { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; font-weight: 100 !important; } .search .search-result-title { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 18px; color: #EC7000; line-height: 28px; margin-bottom: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .search a:focus, .search input:focus, .search button:focus { outline: none; } } body.wcmmode-escope .search .cq-placeholder { height: 0; } [data-segment='search_result'], [data-segment='generic_search_result'] { display: block; } [data-segment='search_result'] .search, [data-segment='generic_search_result'] .search { position: fixed; } [data-segment='search_result'] .search a.search-toggle.d-flex, [data-segment='generic_search_result'] .search a.search-toggle.d-flex { display: none !important; } [data-segment='search_result'] .search form, [data-segment='generic_search_result'] .search form { background: #FFFFFF; } [data-segment='search_result'] a.search-toggle, [data-segment='generic_search_result'] a.search-toggle { display: none !important; } [data-segment='search_result'] .not-target, [data-segment='generic_search_result'] .not-target { background: #D9D3CF; } [data-segment='search_result'] .not-target .search-wrapper, [data-segment='generic_search_result'] .not-target .search-wrapper { border-bottom: 1px solid #D9D3CF !important; } [data-segment='search_result'] .not-target div.search-wrapper-container, [data-segment='generic_search_result'] .not-target div.search-wrapper-container { display: none; } [data-segment='search_result'] .not-target div.search-wrapper, [data-segment='generic_search_result'] .not-target div.search-wrapper { height: auto !important; position: fixed; } [data-segment='search_result'] div.search-wrapper, [data-segment='generic_search_result'] div.search-wrapper { display: block !important; } [data-segment='search_result'] div.search-wrapper, [data-segment='generic_search_result'] div.search-wrapper { border-top: none; } @media only screen and (min-width: 768px) { [data-segment='generic_search_result'] .not-target .search-wrapper { background-color: rgba(0, 0, 0, 0.8) !important; } } [data-segment='search_result'] .not-target .search-wrapper { background-color: #FFFFFF; } .search-form-toggle { color: #EC7000; display: flex; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; text-decoration: none; } @media only screen and (min-width: 320px) { .search-form-toggle { display: none; } } .search-form-toggle .iput-search-icon { font-size: 30px; letter-spacing: 0; line-height: 32px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-icon { display: none; } } @media only screen and (max-width: 767px) { .search-form-toggle .iput-search-icon { font-size: 21px; letter-spacing: 0; line-height: 28px; } } .search-form-toggle .iput-search-text { color: #EC7000; font-size: 18px; line-height: 32px; margin-left: 7px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-text { display: none; } } .search-form-toggle:hover { color: #EC7000; text-decoration: none; } .search-form form img { width: 50px; height: 50px; } .search-form form img.logo-mobile { width: 40px; height: 40px; } @media only screen and (max-width: 319px) { .search-form form img { width: 40px; height: 40px; } } .search-form form .search-toggle { width: 100%; } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 319px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } .icon-busca-mobile { display: none; } hr { margin: 0; } .container-list-credit .section-list-credit { margin-top: 24px; } @media only screen and (min-width: 992px) { .container-list-credit .section-list-credit { margin-top: 32px; } } .container-list-credit .section-list-credit .div-title-container-list-credit { margin-bottom: 32px; } .container-list-credit .section-list-credit .div-title-container-list-credit h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; color: #EC7000; line-height: 27px; } .container-list-credit .cards-api-credit-card { margin-bottom: 16px; margin-left: 10px; margin-right: 15px; width: 100%; } .container-list-credit .cards-api-credit-card:first-child { margin-left: 15px; } @media only screen and (min-width: 768px) { .container-list-credit .cards-api-credit-card { margin-right: 0; width: auto; } } @media only screen and (min-width: 1400px) { .container-list-credit .cards-api-credit-card { margin-left: 30px; } } .container-list-credit .cards-api-credit-card .container-api-credit-card { background: #FFFFFF; border: 1px solid #EFE9E5; box-shadow: 0 1px 2px 0 rgba(91, 81, 73, 0.2); border-radius: 8px; border-left: 5px solid transparent; width: 100%; height: 100%; } @media only screen and (min-width: 768px) { .container-list-credit .cards-api-credit-card .container-api-credit-card { display: flex; align-items: flex-end; width: 150px !important; margin: 0; } } @media only screen and (min-width: 992px) { .container-list-credit .cards-api-credit-card .container-api-credit-card { width: 160px !important; } } .container-list-credit .cards-api-credit-card .img-api-credit-card img { display: table; margin: auto; max-width: 87px; margin-top: 16px; } @media only screen and (min-width: 576px) { .container-list-credit .cards-api-credit-card .img-api-credit-card img { max-width: 100%; max-height: 145px; } } @media only screen and (min-width: 768px) { .container-list-credit .cards-api-credit-card .img-api-credit-card img { max-height: 110px; } } @media only screen and (min-width: 768px) { .container-list-credit .cards-api-credit-card .img-api-credit-card { height: 100%; display: flex; align-items: flex-end; } } .container-list-credit .cards-api-credit-card .img-api-credit-card .title_api-credit-card { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 18px; color: #231D19; text-align: left; line-height: 27px; margin-top: 16px; margin-bottom: 8px; } .container-list-credit .cards-api-credit-card .img-api-credit-card .box-topics-cards-api li { font-size: 14px; line-height: 20px; display: flex; padding-bottom: 8px; align-items: center; } .container-list-credit .cards-api-credit-card .img-api-credit-card .box-topics-cards-api li p { font-family: "ItauDisplay-Regular", "Myriad Pro", Arial; color: #231D19; text-align: left; } .container-list-credit .cards-api-credit-card .img-api-credit-card .box-topics-cards-api li i { margin-right: 8px; } [data-segment='varejo'] .container-list-credit .cards-api-credit-card .img-api-credit-card .box-topics-cards-api li i:before { color: #EC7000; } [data-segment='empresas'] .container-list-credit .cards-api-credit-card .img-api-credit-card .box-topics-cards-api li i:before { color: #003767; } .container-list-credit .cards-api-credit-card .btn_api-credit-card { border: 1px solid #EC7000; background-color: #EC7000; border-radius: 4px; width: 126px; height: 48px; justify-content: center; margin-bottom: 16px; } @media only screen and (min-width: 576px) { .container-list-credit .cards-api-credit-card .btn_api-credit-card { width: 110px; margin-bottom: 24px; } } @media only screen and (min-width: 992px) { .container-list-credit .cards-api-credit-card .btn_api-credit-card { width: 98px; margin-bottom: 16px; } } @media only screen and (min-width: 1200px) { .container-list-credit .cards-api-credit-card .btn_api-credit-card { width: 126px; } } .container-list-credit .cards-api-credit-card .btn_api-credit-card a { text-decoration: none; } .container-list-credit .cards-api-credit-card .btn_api-credit-card span { width: 100%; height: 100%; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #FFFFFF; line-height: 26px; } .loader-results-list-credit { display: none; border-radius: 50%; border: 4px solid #D9D3CF; border-top: 4px solid #EC7000; width: 45px; height: 45px; margin: auto; margin-top: 50px; animation: spin 2s linear infinite; } .link-all-cards { margin-bottom: 24px; } .link-all-cards a { text-decoration: none; } .link-all-cards span { font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; color: #106EB0; line-height: 24px; } .link-all-cards span:hover { text-decoration: underline #106EB0; } .link-all-cards i { margin-left: 8px; } .link-all-cards i:before { color: #106EB0; } .search-wrapper-display { display: none; } @media only screen and (min-width: 768px) { .search-cards-offers .four-cards, .search-cards-offers .more-than-four-cards, .search-cards-offers .two-cards, .search-cards-offers .one-card, .search-cards-offers .three-cards { width: 510px !important; } } @media only screen and (min-width: 992px) { .search-cards-offers .four-cards, .search-cards-offers .more-than-four-cards, .search-cards-offers .two-cards, .search-cards-offers .one-card, .search-cards-offers .three-cards { width: 215px !important; } } @media only screen and (min-width: 1200px) { .search-cards-offers .four-cards, .search-cards-offers .more-than-four-cards, .search-cards-offers .two-cards, .search-cards-offers .one-card, .search-cards-offers .three-cards { width: 255px !important; } } .search-cards-offers .cards-container-search__cards { margin-left: 0px !important; } .search-cards-offers .cards-container-search__cards li { margin: 0px 0px 24px 0 !important; } @media only screen and (min-width: 992px) { .search-cards-offers .cards-container-search__cards li { margin: 0px 12px 24px 0 !important; } } @media only screen and (min-width: 1200px) { .search-cards-offers .cards-container-search__cards li { margin: 0px 16px 24px 0 !important; } } .box-search-wrapper-new-modules { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .box-search-wrapper-new-modules { margin-left: 15px; margin-right: 15px; } } .box-search-wrapper { width: 100%; } .container-autocomplete-faqs { margin-top: 24px; } .container-autocomplete-faqs h3 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #231D19; text-align: left; line-height: 30px; margin-bottom: 16px; } .container-autocomplete-faqs .list-search-autocomplete-faqs li { margin-top: 16px; margin-bottom: 16px; border-bottom: 1px solid #D6D0CC; } .container-autocomplete-faqs .list-search-autocomplete-faqs li .description-faq-autocomplete { font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #231D19; font-size: 16px; line-height: 24px; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .container-autocomplete-faqs .list-search-autocomplete-faqs li .description-faq-autocomplete { font-size: 16px; } } .container-autocomplete-faqs .list-search-autocomplete-faqs li a { text-decoration: none; } .container-autocomplete-faqs .list-search-autocomplete-faqs li a .title-faq-autocomplete { color: #231D19; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; line-height: 32px; } .container-autocomplete-faqs .list-search-autocomplete-faqs li:hover { text-decoration: none; } .container-autocomplete-faqs .list-search-autocomplete-faqs li .icon-seta-autocomplete { margin-bottom: 16px; } .container-autocomplete-faqs .list-search-autocomplete-faqs li .icon-seta-autocomplete i { color: #EC7000; line-height: 32px; font-size: 32px; } .container-autocomplete-faqs .list-search-autocomplete-faqs .div-ellipsis .description-faq-autocomplete { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 576px) { .container-autocomplete-faqs .list-search-autocomplete-faqs .div-ellipsis .description-faq-autocomplete { -webkit-line-clamp: 1; } } .container-autocomplete-faqs .list-search-autocomplete-faqs .div-ellipsis .title-faq-autocomplete { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 576px) { .container-autocomplete-faqs .list-search-autocomplete-faqs .div-ellipsis .title-faq-autocomplete { -webkit-line-clamp: 2; } } @media only screen and (min-width: 992px) { .container-autocomplete-faqs .list-search-autocomplete-faqs .div-ellipsis .title-faq-autocomplete { -webkit-line-clamp: 1; } } .container-quick-message h3 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #231D19; text-align: left; line-height: 30px; } .container-quick-message .list-quick-message li { text-decoration: none; margin-top: 16px; border-bottom: 1px solid #D6D0CC; } .container-quick-message .list-quick-message li .texts-quick-message { margin-right: 64px; } @media only screen and (min-width: 576px) { .container-quick-message .list-quick-message li .texts-quick-message { width: 100%; } } .container-quick-message .list-quick-message li h4 { font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 19px; color: #EC7000; line-height: 32px; } .container-quick-message .list-quick-message li p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #231D19; line-height: 24px; margin-bottom: 16px; } .container-quick-message .list-quick-message li a { text-decoration: none; height: 48px; width: 100%; border: 1px solid #DD6100; border-radius: 4px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; color: #FFFFFF; text-align: center; line-height: 32px; background: #EC7000; } @media only screen and (min-width: 576px) { .container-quick-message .list-quick-message li a { width: 172px; } } .container-quick-message .list-quick-message li img { width: 100px; height: auto; } .container-quick-message .list-quick-message li .container-link-img-quick { margin-bottom: 16px; } html.mobile-overflow { overflow: hidden; } html.mobile-overflow .navbar-wrapper-mobile { overflow: auto; z-index: 1050; } body { padding-top: 120px; } @media only screen and (min-width: 992px) { body { padding-top: 80px; } } body.scroll-none { overflow: hidden; } header { width: 100%; z-index: 1040; position: fixed; top: 0; } header .navigation-top { height: 40px; } header .navigation-top > .container { margin: 0 !important; } [data-segment='personnalite'] header .navigation-top { display: flex !important; align-items: center; color: #252220; } @media only screen and (min-width: 992px) { [data-segment='personnalite'] header .navigation-top { display: none !important; } } [data-segment='varejo'] header .navigation-top > .container, [data-segment='cartoes'] header .navigation-top > .container, [data-segment='empresas'] header .navigation-top > .container { padding: 0 !important; } [data-segment='uniclass'] header .navigation-top { background-color: #757575; } [data-segment='uniclass'] header .navigation-top .navigation-button { line-height: 24px; margin-right: 8px; } header .navigation-top-list-item { width: 100%; max-width: 160px; } header .navigation-top-list-item p, header .navigation-top-list-item a { font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; height: 40px; display: flex !important; align-items: center; justify-content: center; width: 100%; } header .smart-banner-app { transition: all 500ms ease; } @media only screen and (min-width: 992px) { header .smart-banner-app { display: none; } } header .smart-banner-app .wrapper { height: 80px; min-height: 80px; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper { height: 104px; min-height: 104px; } } header .smart-banner-app .wrapper-logo { float: left; display: none; } header .smart-banner-app .wrapper-logo img { height: 48px; width: 48px; float: left; display: flex; margin: 16px 0; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-logo img { height: 64px; width: 64px; margin: 20px 0; } } header .smart-banner-app .wrapper-app-name { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; color: #252220; line-height: 32px; margin: 24px 0px 24px 8px; width: 136px; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-app-name { font-size: 24px; line-height: 36px; margin: 34px 0px 34px 24px; width: 203px; } } header .smart-banner-app .wrapper-align-right { display: flex; margin: 28px 0; float: right; } @media only screen and (max-width: 575px) { header .smart-banner-app .wrapper-align-right { margin: 24px 0; } } header .smart-banner-app .wrapper-align-right a.cta { text-align: center; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 28px; padding: 2px 0; } [data-segment='empresas'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment="personnalite"] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='varejo'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='cartoes'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='uniclass'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='private'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-align-right a.cta { border-radius: 4px; padding: 10px 24px; height: 48px; width: 97px; } [data-segment='empresas'] header .smart-banner-app .wrapper-align-right a.cta { background: #003767; color: #FFFFFF; } [data-segment="personnalite"] header .smart-banner-app .wrapper-align-right a.cta { background: #876632; color: #FFFFFF; } [data-segment='varejo'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='cartoes'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='uniclass'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='private'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } } header .smart-banner-app .wrapper-align-right .close-btn { font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; height: 32px; width: 32px; padding: 2px; border: none; background-color: transparent; margin: 8px 0 8px 24px; } @media only screen and (max-width: 575px) { header .smart-banner-app .wrapper-align-right .close-btn { margin: 0 0 0 8px; } } header .navbar-wrapper { position: relative; width: 100%; background-color: #FAF7F5 !important; } [data-segment='varejo'] header .navbar-wrapper, [data-segment='cartoes'] header .navbar-wrapper { background-color: #EC7000 !important; } header .navbar-wrapper > .container-fluid, header .navbar-wrapper > .container { max-width: 1280px; } header .navbar-wrapper .navigation-menu-container { position: initial; } header .navbar-wrapper .navigation-menu { padding-left: 0 !important; } header .navbar-wrapper .navigation-menu-list { border: none !important; padding: 0; } header .navbar-wrapper .navigation-menu-list > :first-child { padding-left: 0; } header .navbar-wrapper .navigation-menu-list-item { position: initial; padding: 0 8px !important; } header .navbar-wrapper .navigation-menu-list-item a { font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 18px; } header .navbar-wrapper .navigation-menu-list-item .dropdown-mega-menu { top: 80px; left: 0 !important; } header .navbar-wrapper .navigation-menu-list-item .dropdown-mega-menu .navigation-cta a.show { position: absolute; bottom: 0; display: block; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item .dropdown-mega-menu, [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item .dropdown-mega-menu { background-color: #FAF8F7 !important; } header .navbar-wrapper .navigation-menu-list-item .dropdown-mega-menu .common-links-shared.cmp-common__box.section.cmp-common__basic li a { display: flex; align-items: center; } header .navbar-wrapper__login-container { position: initial; } @media only screen and (min-width: 992px) { header .navbar-wrapper__login-container { padding: 0 32px; } } header .navbar-wrapper__login-container .mobile-access-tp2-0 .login-zoom { height: calc(100vh - 100px); overflow: scroll; position: absolute; width: 100%; left: 0; background-color: #FFFFFF; } header .navbar-wrapper__login-container .mobile-access-tp2-0 .login-zoom_content { max-width: 448px; width: 100%; } header .navbar-wrapper__login-container .btn-access-tp2-0 { width: 48px; height: 100%; margin-left: 15px; font-size: 24px; color: #252220; letter-spacing: 0; border: none; background-color: transparent; position: relative; cursor: pointer; } [data-segment='varejo'] header .navbar-wrapper__login-container .btn-access-tp2-0, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-access-tp2-0 { color: #FFFFFF; } [data-segment='empresas'] header .navbar-wrapper__login-container .btn-access-tp2-0 { color: #231D19; } [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-access-tp2-0 { color: #FFFFFF; } @media only screen and (min-width: 576px) { header .navbar-wrapper__login-container .btn-access-tp2-0 span[class*=icon] { width: 40px; display: inline-block; } } header .navbar-wrapper__login-container .btn-access-tp2-0.show::after { content: ''; border-top: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #FFFFFF; border-right: 15px solid transparent; position: absolute; left: 11px; } [data-segment='varejo'] header .navbar-wrapper__login-container, [data-segment='cartoes'] header .navbar-wrapper__login-container, [data-segment='private'] header .navbar-wrapper__login-container, [data-segment='uniclass'] header .navbar-wrapper__login-container, [data-segment='empresas'] header .navbar-wrapper__login-container, [data-segment='personnalite'] header .navbar-wrapper__login-container { height: 80px; } [data-segment='varejo'] header .navbar-wrapper__login-container > :first-child, [data-segment='cartoes'] header .navbar-wrapper__login-container > :first-child, [data-segment='private'] header .navbar-wrapper__login-container > :first-child, [data-segment='uniclass'] header .navbar-wrapper__login-container > :first-child, [data-segment='empresas'] header .navbar-wrapper__login-container > :first-child, [data-segment='personnalite'] header .navbar-wrapper__login-container > :first-child { padding-right: 0px; display: flex; align-items: center; } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container > :first-child, [data-segment='cartoes'] header .navbar-wrapper__login-container > :first-child, [data-segment='private'] header .navbar-wrapper__login-container > :first-child, [data-segment='uniclass'] header .navbar-wrapper__login-container > :first-child, [data-segment='empresas'] header .navbar-wrapper__login-container > :first-child, [data-segment='personnalite'] header .navbar-wrapper__login-container > :first-child { max-width: fit-content; } } [data-segment='varejo'] header .navbar-wrapper__login-container .logo, [data-segment='cartoes'] header .navbar-wrapper__login-container .logo, [data-segment='private'] header .navbar-wrapper__login-container .logo, [data-segment='uniclass'] header .navbar-wrapper__login-container .logo, [data-segment='empresas'] header .navbar-wrapper__login-container .logo, [data-segment='personnalite'] header .navbar-wrapper__login-container .logo { padding: 16px 0; } [data-segment='varejo'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='cartoes'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='private'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='uniclass'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='empresas'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='personnalite'] header .navbar-wrapper__login-container .logo .logo-primary { height: 40px; } @media only screen and (min-width: 768px) { [data-segment='varejo'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='cartoes'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='private'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='uniclass'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='empresas'] header .navbar-wrapper__login-container .logo .logo-primary, [data-segment='personnalite'] header .navbar-wrapper__login-container .logo .logo-primary { height: 48px; } } [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list { margin: 0; height: 100%; } [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list a, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list a, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list a, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list a, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list a, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list a { font-size: 18px !important; line-height: 28px; } @media only screen and (min-width: 1200px) { [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list { margin-left: 36px; } } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"], [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"], [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"], [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"], [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"], [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list-item[data-inner-type="acesse-sua-conta"] { display: none; } } [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle { padding: 0; } [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='varejo'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='cartoes'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='private'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='uniclass'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='empresas'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:focus, [data-segment='personnalite'] header .navbar-wrapper__login-container .navigation-menu-list-item a.dropdown-toggle:hover { padding: 24px 0 28px; vertical-align: unset !important; } [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 { line-height: 12px; text-align: unset; display: flex; justify-content: center; } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0, [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 { justify-content: flex-end; } } [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0, [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0, [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0, [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0, [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0, [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 { border: none; background: transparent; width: 32px !important; } [data-segment='varejo'] [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='varejo'] [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='varejo'] [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='varejo'] [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='varejo'] [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='varejo'] [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='cartoes'] [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line { background: #FFFFFF !important; } [data-segment='empresas'] [data-segment='varejo'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='empresas'] [data-segment='cartoes'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='empresas'] [data-segment='private'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='empresas'] [data-segment='uniclass'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='empresas'] [data-segment='empresas'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line, [data-segment='empresas'] [data-segment='personnalite'] header .navbar-wrapper__login-container .content-nav-end .actions_tp2-0 #hamburguer-menu_tp2-0 .line { background: #231D19 !important; } [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; padding-right: 8px !important; } @media only screen and (min-width: 768px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta { margin-right: 0; padding-right: 0 !important; } } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta { margin-left: 0; max-width: fit-content; } } [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container { width: 116px; } @media only screen and (min-width: 768px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container { display: flex; justify-content: flex-end; width: 140px; } } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container { width: 154px; } } [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container { padding-top: 0; width: 100%; display: flex; justify-content: flex-end; } [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a { font-size: 14px; border-radius: 4px; text-align: center; text-decoration: none; max-width: 140px; width: 100%; height: 32px; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a { line-height: 24px; } } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='cartoes'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='private'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='uniclass'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='empresas'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a, [data-segment='personnalite'] header .navbar-wrapper__login-container .btn-abra-conta .shared-button-container .shared-button-link-container a { max-width: 154px; height: 40px; font-size: 18px; } } [data-segment='varejo'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='cartoes'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='private'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='uniclass'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='empresas'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='personnalite'] header .navbar-wrapper__login-container .menu-mais-acessos { margin-left: 0; width: 48px; max-width: 48px; } @media only screen and (min-width: 768px) { [data-segment='varejo'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='cartoes'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='private'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='uniclass'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='empresas'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='personnalite'] header .navbar-wrapper__login-container .menu-mais-acessos { width: 32px; max-width: initial; margin-left: 0; } } @media only screen and (min-width: 992px) { [data-segment='varejo'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='cartoes'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='private'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='uniclass'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='empresas'] header .navbar-wrapper__login-container .menu-mais-acessos, [data-segment='personnalite'] header .navbar-wrapper__login-container .menu-mais-acessos { margin-left: auto; } } [data-segment='empresas'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='empresas'] header .navbar-wrapper .seeMore-link { font-size: 16px; color: #106EB0; line-height: 24px; } [data-segment='empresas'] header .navbar-wrapper .btn-acessos { color: #231D19 !important; } [data-segment='empresas'] header .navbar-wrapper .btn-abra-conta a { color: #003767; border: 1px solid #003767; } [data-segment='empresas'] header .navbar-wrapper .btn-abra-conta a:hover, [data-segment='empresas'] header .navbar-wrapper .btn-abra-conta a:focus { color: #FFFFFF; background-color: #003767; } [data-segment='empresas'] header .navbar-wrapper .dropdown-toggle:hover, [data-segment='empresas'] header .navbar-wrapper .dropdown-toggle:focus { border-bottom: 4px solid #0D1733 !important; } [data-segment='empresas'] header .navbar-wrapper .dropdown-toggle.open { border-bottom: 4px solid #0D1733 !important; } [data-segment='empresas'] header .navbar-wrapper .send { background: #D6D0CC !important; color: #FFFFFF !important; } [data-segment='empresas'] header .navbar-wrapper .send.active { background: #003767 !important; } [data-segment='empresas'] header .navbar-wrapper .send.active::before { color: #FFFFFF !important; } [data-segment="personnalite"] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment="personnalite"] header .navbar-wrapper .btn-acessos { color: #231D19 !important; } [data-segment="personnalite"] header .navbar-wrapper .btn-abra-conta a { color: #0D1733; border: 1px solid #0D1733; } [data-segment="personnalite"] header .navbar-wrapper .btn-abra-conta a:hover, [data-segment="personnalite"] header .navbar-wrapper .btn-abra-conta a:focus { color: #DDAE60; background: #0D1733; } [data-segment="personnalite"] header .navbar-wrapper .dropdown-toggle:hover, [data-segment="personnalite"] header .navbar-wrapper .dropdown-toggle:focus { border-bottom: 4px solid #0D1733 !important; } [data-segment="personnalite"] header .navbar-wrapper .dropdown-toggle.open { border-bottom: 4px solid #0D1733 !important; } [data-segment="personnalite"] header .navbar-wrapper .send { background: #D6D0CC !important; color: #FFFFFF !important; } [data-segment="personnalite"] header .navbar-wrapper .send.active { background: #0D1733 !important; } [data-segment="personnalite"] header .navbar-wrapper .send.active::before { color: #DDAE60 !important; } [data-segment='varejo'] header .navbar-wrapper, [data-segment='cartoes'] header .navbar-wrapper { color: #FFFFFF; background-color: #EC7000; } [data-segment='varejo'] header .navbar-wrapper .btn-abra-conta a, [data-segment='cartoes'] header .navbar-wrapper .btn-abra-conta a { color: #FFFFFF; border: 1px solid #FFFFFF; } [data-segment='varejo'] header .navbar-wrapper .btn-abra-conta a:hover, [data-segment='varejo'] header .navbar-wrapper .btn-abra-conta a:focus, [data-segment='cartoes'] header .navbar-wrapper .btn-abra-conta a:hover, [data-segment='cartoes'] header .navbar-wrapper .btn-abra-conta a:focus { color: #EC7000; background: #FFFFFF; } [data-segment='uniclass'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='uniclass'] header .navbar-wrapper .btn-acessos { color: #252220 !important; } [data-segment='uniclass'] header .navbar-wrapper .btn-abra-conta a { color: #706A66; border: 1px solid #706A66; } [data-segment='uniclass'] header .navbar-wrapper .btn-abra-conta a:hover, [data-segment='uniclass'] header .navbar-wrapper .btn-abra-conta a:focus { color: #FFFFFF; background: #757575; } [data-segment='uniclass'] header .navbar-wrapper .send { background: #D6D0CC !important; color: #FFFFFF !important; } [data-segment='uniclass'] header .navbar-wrapper .send.active { background-color: #D6D0CC !important; } [data-segment='private'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='private'] header .navbar-wrapper .btn-acessos { padding-right: 0; color: #231D19 !important; } [data-segment='private'] header .navbar-wrapper .btn-acessos i { color: #231D19 !important; } [data-segment='private'] header .navbar-wrapper .menu-mais-acessos { margin-left: auto; } [data-segment='private'] header .navbar-wrapper .menu-mais-acessos .access-control_tp2-0 { margin-right: 0 !important; } [data-segment='private'] header .navbar-wrapper .btn-abra-conta { display: none; } [data-segment='private'] header .navbar-wrapper .send { background-color: #D6D0CC !important; color: #FFFFFF !important; } [data-segment='private'] header .navbar-wrapper .send.active { background-color: #7C746C !important; } [data-segment='private'] header .navbar-wrapper .send.active::before { color: #FFFFFF !important; } [data-segment='todos-pela-saude'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } header .navbar-wrapper .logo { padding: 27px 0; display: flex; max-width: 152px; } @media only screen and (max-width: 991px) { header .navbar-wrapper .logo { padding: 19px 0; } } @media only screen and (max-width: 575px) { header .navbar-wrapper .logo { padding: 16px 0; } } header .navbar-wrapper .logo a, header .navbar-wrapper .logo h1 { display: inline-flex; } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a:nth-child(2), [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1:nth-child(2) { border-left: 1px solid #221718; padding-left: 20.2px; } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a .logo--secondary, [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1 .logo--secondary { height: 30px; width: 30px; margin: 10px 25px 0px 0px; } header .navbar-wrapper .logo a img, header .navbar-wrapper .logo h1 img { height: 50px; } @media only screen and (min-width: 992px) { header .navbar-wrapper .logo a img, header .navbar-wrapper .logo h1 img { max-width: 152px; height: unset; } } [data-segment='private'] header .navbar-wrapper .logo a img, [data-segment='empresas'] header .navbar-wrapper .logo a img, [data-segment='uniclass'] header .navbar-wrapper .logo a img, [data-segment='private'] header .navbar-wrapper .logo h1 img, [data-segment='empresas'] header .navbar-wrapper .logo h1 img, [data-segment='uniclass'] header .navbar-wrapper .logo h1 img { max-width: 95px; height: auto !important; } @media only screen and (min-width: 768px) { [data-segment='private'] header .navbar-wrapper .logo a img, [data-segment='private'] header .navbar-wrapper .logo h1 img { max-width: 152px; height: auto !important; object-fit: contain; } [data-segment='uniclass'] header .navbar-wrapper .logo a img, [data-segment='uniclass'] header .navbar-wrapper .logo h1 img { max-width: 152px; height: auto !important; object-fit: contain; } [data-segment='empresas'] header .navbar-wrapper .logo a img, [data-segment='empresas'] header .navbar-wrapper .logo h1 img { max-width: 152px; object-fit: contain; } } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a img:not(.logo--secondary), [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1 img:not(.logo--secondary) { width: 50px; } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper .logo a img, header .navbar-wrapper .logo h1 img { height: 40px; } } body.wcmmode-escope header .navbar-wrapper .logo { display: inline-table; padding: 27px 32px 27px 0; } header .navbar-wrapper .navigation-menu { height: 100%; padding-left: 32px; } @media only screen and (max-width: 991px) { header .navbar-wrapper .navigation-menu { display: none; } } header .navbar-wrapper .navigation-menu-list { height: 40px; margin: 32px 32px 32px 0; border-left: 1px solid #D9D3CF; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; padding-left: 12px; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list { border-left: 1px solid #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list { border-left: 1px solid #FFFFFF; } header .navbar-wrapper .navigation-menu-list-item { padding: 0 20px; line-height: 32px; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #252220; font-size: 19px; font-weight: 700; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #FFFFFF; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { will-change: transform, transition; text-decoration: none; vertical-align: bottom !important; padding: 37px 0; cursor: pointer; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #FFFFFF; } [data-segment='todos-pela-saude'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='todos-pela-saude'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='todos-pela-saude'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #D27000; } [data-segment='empresas'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='empresas'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='empresas'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #003767; } [data-segment="personnalite"] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment="personnalite"] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment="personnalite"] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #876632; } [data-segment='private'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='private'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='private'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #7C746C; } [data-segment='uniclass'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='uniclass'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover, [data-segment='uniclass'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:focus { border-bottom: 3px solid #757575; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:after { display: none; } .dropdown-toggle.open + .dropdown-mega-menu { max-height: 100vh; visibility: visible; } .dropdown-mega-menu { position: absolute; left: 0; top: 68px; z-index: 1; width: 100vw; max-height: 0; overflow: hidden; visibility: hidden; background-color: #FFFFFF; border-top: 1px solid #D9D3CF; } [data-segment='todos-pela-saude'] .dropdown-mega-menu { background-color: #FAF8F7; } .common-links.cmp-common__basic .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 16px; display: block; color: #252220; } .common-links.cmp-common__basic ul li { line-height: 30px; } @media only screen and (max-width: 991px) { .common-links.cmp-common__basic ul li { line-height: 48px; } } .common-links.cmp-common__basic ul li span { display: none; } .common-links.cmp-common__basic ul li a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 30px; text-decoration: underline; display: inline-block; color: #252220; } .common-links.cmp-common__basic ul li a:hover { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__basic ul li a:hover { color: #13100E; cursor: pointer; } .common-links.cmp-common__basic ul li a:hover::after { font-family: 'itau-icon'; content: '\e9cd'; margin-left: 8px; margin-top: -2px; } .common-links.cmp-common__basic ul li a.more-links { margin-top: 8px; display: inline-block; height: 30px; font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 16px; color: #106EB0; line-height: 30px; } .common-links.cmp-common__basic ul li a.more-links:hover { color: #106EB0 !important; text-decoration: underline; } .common-links.cmp-common__basic ul li a.more-links:hover::after { display: none; } .common-links.cmp-common__basic.extra-space { margin-bottom: 24px; } .common-links.cmp-common__box .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 32px; display: block; color: #252220; } .common-links.cmp-common__box ul .commom-link-list { line-height: 40px; height: 72px; cursor: pointer; transition: padding-left 500ms ease; border-bottom: 1px solid #D9D3CF; } @media only screen and (max-width: 991px) { .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo { background-color: #EC7000; } .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas { background-color: #003767; } .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite { background-color: #D0A967; } .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass { background-color: #747679; } .common-links.cmp-common__box ul .commom-link-list.hover-color-private { background-color: #DCD7D2; } .common-links.cmp-common__box ul .commom-link-list.hover-color-tps { background-color: #7C746C; } } @media only screen and (min-width: 992px) { .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo:focus { background-color: #EC7000; } .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas:focus { background-color: #003767; } .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite:focus { background-color: #D0A967; } .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass:focus { background-color: #747679; } .common-links.cmp-common__box ul .commom-link-list.hover-color-private:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-private:focus { background-color: #DCD7D2; } .common-links.cmp-common__box ul .commom-link-list.hover-color-tps { background-color: #7C746C; } } .common-links.cmp-common__box ul .commom-link-list:first-of-type { border-top: 1px solid #D9D3CF; } .common-links.cmp-common__box ul .commom-link-list:hover { padding-left: 32px; } .common-links.cmp-common__box ul .commom-link-list:hover a { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #FFFFFF; } .dropdown-mega-menu .common-links.cmp-common__box ul .commom-link-list:hover span[class*=icon-itaufonts_seta_right] { display: inline-block; } .common-links.cmp-common__box ul .commom-link-list span { display: none; float: right; padding: 24px 32px 24px 0; line-height: 23px; color: #FAF8F7; } .common-links.cmp-common__box ul .commom-link-list a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 73px; text-decoration: none; color: #252220; display: block; } .common-links.cmp-common__list .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 32px; display: block; color: #252220; } .common-links.cmp-common__list ul li { line-height: 40px; height: 72px; box-shadow: 0 0 3px 0 rgba(122, 109, 96, 0.24); border-radius: 4px; margin-bottom: 8px; cursor: pointer; } [data-segment='empresas'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment="personnalite"] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li { background-color: #FAF8F7; } .common-links.cmp-common__list ul li span { width: 32px; height: 32px; margin: 23px 0 20px 24px; float: left; letter-spacing: 0; text-align: center; font-size: 24px; } [data-segment='empresas'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment="personnalite"] .common-links.cmp-common__list ul li span { color: #D0A967; } [data-segment='varejo'] .common-links.cmp-common__list ul li span, [data-segment='cartoes'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='uniclass'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='private'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li span { color: #7C746C; } .common-links.cmp-common__list ul li span:before { vertical-align: middle; } .common-links.cmp-common__list ul li a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 30px; padding: 24px 16px 18px; display: inline-block; color: #252220; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment="personnalite"] .common-links.cmp-common__list ul li:hover { background-color: #876632; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='private'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover { background-color: #7C746C; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment="personnalite"] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } .common-links.cmp-common__list ul li:hover a { text-decoration: none; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment="personnalite"] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } .dropdown-mega-menu .container .row .col .hover-color-tps a { color: #FFFFFF; } body.wcmmode-escope .dropdown-mega-menu:first-of-type { padding-top: 0; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); background-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 0.125rem; margin: 0.125rem; display: inline-block; width: 99.5%; text-align: center; font-family: adobe-clean,Helvetica,Arial,sans-serif; font-weight: normal; font-style: normal; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder span[class*=icon] { font-size: 1.5em; vertical-align: middle; margin-left: 0.3em; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder strong { font-weight: bold; } body.wcmmode-escope header .navbar-wrapper .navigation-menu { display: flex; padding: 0 32px 0 0; } body.wcmmode-escope header .navbar-wrapper .navigation-menu + .cq-placeholder { display: flex; } header .navbar-wrapper .content-nav-end { height: 100%; } header .navbar-wrapper .content-nav-end .login { border: none; width: 100%; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 { text-align: right; } @media only screen and (min-width: 768px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 { text-align: unset; } } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper { display: inline-flex; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #252220; line-height: 32px; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 { width: 100%; height: auto; display: none; } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 { display: flex; margin-right: 16px; height: auto; width: auto; } } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form { width: fit-content; height: 48px; margin: 0; display: flex; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .divisoria { height: 24px; width: 1px; margin: 0 7px 0 6px; background: #D9D3CF; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send { position: unset; margin: 0 8px; padding: 10px; border: transparent; border-radius: 4px; background-color: #D9D3CF; font-size: 24px; letter-spacing: 0; color: #9A9693; text-align: center; line-height: 24px; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { cursor: pointer; color: #FFFFFF; } [data-segment='empresas'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #003767; } [data-segment="personnalite"] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #D0A967; } [data-segment="personnalite"] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active::before { color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #FFFFFF; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active::before { color: #EC7000; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active::before { color: #EC7000; } [data-segment='uniclass'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #747679; } [data-segment='private'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active { background-color: #DCD7D2; } [data-segment='private'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.send.active::before { color: #252220; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.btn-acessos { background: transparent; font-size: 16px; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 24px; color: #FFFFFF; display: flex; align-items: center; border: none; padding-left: 0; cursor: pointer; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.btn-acessos i { margin-right: 8px; } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form button.btn-acessos { font-size: 18px; } } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito { line-height: 28px; height: 100%; background: #FFFFFF; border: 1px solid #D9D3CF; border-radius: 4px; padding: 11px 16px; display: flex; align-items: center; max-width: 182px; width: 100%; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta input, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input { height: 24px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 28px; color: #252220; border: none; background-color: transparent; width: 100%; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta input#agencia_tp2-0, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta input#conta_tp2-0, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input#agencia_tp2-0, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input#conta_tp2-0 { width: 67px; height: 100%; padding: 0; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta input#conta_tp2-0, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input#conta_tp2-0 { text-align: center; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .agencia-conta input::placeholder, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input::placeholder { color: #73706E; font-size: 16px; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito { padding: 12px 16px; position: relative; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito .login-input-label { position: absolute; font-size: 16px; z-index: 2; font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #706A66; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito .login-input-label.invisible-label { opacity: 0; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form .cartao-credito input { position: relative; z-index: 3; background: transparent; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper .access-control_tp2-0 .line-form #btnLoginSubmit_tp2-0 { color: #FFFFFF !important; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 { height: 32px; width: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: inline-flex; float: right; display: none; text-decoration: none; position: relative; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu[aria-expanded='true']::after, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0[aria-expanded='true']::after { content: ''; border-top: 15px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; position: absolute; top: 27px; left: 4px; } @media only screen and (min-width: 576px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu[aria-expanded='true']::after, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0[aria-expanded='true']::after { top: 33px; } } @media only screen and (max-width: 991px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 { display: inline-flex; } } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div { top: 8px; left: 3px; position: absolute; width: 24px; height: 16px; margin-right: 12px; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line { display: block; position: absolute; height: 2px; width: 24px; margin: 0px 4px; background: #252220; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line, [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line { background: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line, [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line { background: #FFFFFF; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line:nth-child(1), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line:nth-child(2), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu > div span.line:nth-child(3), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0 > div span.line:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu.open, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0.open { width: 83px; } @media only screen and (max-width: 575px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu.open, header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0.open { width: 31px; } } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu.open span.line:nth-child(1), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0.open span.line:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; height: 1px; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu.open span.line:nth-child(2), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0.open span.line:nth-child(2) { width: 0; opacity: 0; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu.open span.line:nth-child(3), header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper #hamburguer-menu_tp2-0.open span.line:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 16px; left: 4px; height: 1px; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button.option-access__inner { color: #252220; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button:not(.option-access__inner) { color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button:not(.option-access__inner) { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button:not(.option-access__inner) { color: #FFFFFF; } header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button:not(.option-access__inner).label { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; line-height: 32px; width: 100%; padding-top: 1px; text-align: right; } @media only screen and (max-width: 575px) { header .navbar-wrapper .content-nav-end .login .actions_tp2-0 .wrapper button:not(.option-access__inner).label { display: none; } } body.wcmmode-escope header .navbar-wrapper .container .row-header { display: block; } header .navbar-wrapper .btn-access[aria-expanded='true'] { position: relative; } header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::after { content: ''; border-top: 15px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; position: absolute; left: 0; top: 27px; } @media only screen and (min-width: 576px) { header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::after { top: 33px; } } header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::before { transition: .5s ease-in-out; content: '\e956'; } header .navbar-wrapper .outside-position { position: absolute; top: -9999px; left: -9999px; } header .navbar-wrapper .absolute-top { position: absolute !important; top: 0 !important; } header .navbar-wrapper-mobile { z-index: 1; height: calc(100vh - 104px); width: 100%; background-color: #FFFFFF; top: 104px; padding: 0 0 64px; } header .navbar-wrapper-mobile.collapsing { -webkit-transition: none; transition: none; display: none; } [data-segment='varejo'] header .navbar-wrapper-mobile #menuItemsMobile section:last-child, [data-segment='cartoes'] header .navbar-wrapper-mobile #menuItemsMobile section:last-child { display: none; } [data-segment='empresas'] header .navbar-wrapper-mobile .seeMore-link { font-size: 16px; color: #106EB0; line-height: 24px; } [data-segment='varejo'] header .navbar-wrapper-mobile, [data-segment='cartoes'] header .navbar-wrapper-mobile { background-color: #FFFFFF; } header .navbar-wrapper-mobile .search-wrapper { width: 100%; left: 0; top: 0; position: fixed; background-color: #FFFFFF; z-index: 10; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper { background-color: rgba(0, 0, 0, 0.8); } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper { display: none; height: 100%; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper .search-input-container { background-color: #FFFFFF; max-width: 100%; display: flex; justify-content: center; } } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form { padding: 10px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form { padding: 10px 0; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon { font-size: 24px; color: #73706E; letter-spacing: 0; text-align: center; position: relative; padding: 0; line-height: 32px; } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 28px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 20px 0; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 16px 0; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { right: 0; top: 0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; color: #252220; line-height: 32px; opacity: 1; margin: 0 0 3px 30px; } @media screen and (min-width: 576px) and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { padding: 24px 0; line-height: 18px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { line-height: 24px; margin: 0 0 0 5px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 24px; text-align: center; height: 32px; font-weight: 700; } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 18px; height: 24px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; margin-left: 8px; line-height: 28px; } @media only screen and (max-width: 319px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.open { visibility: visible; } } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { width: 100%; padding: 25px 43px; box-sizing: border-box; border: none; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #252220; background-color: transparent; font-size: 32px; line-height: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding: 18px 40px; } } @media screen and (min-width: 576px) and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding: 25px 10px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding: 5px; } } @media only screen and (min-width: 320px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding-left: 13px; } } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 40px; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 10px; } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 32px; line-height: 48px; padding-left: 31px; } } @media only screen and (min-width: 1200px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding-left: 43px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch::placeholder { color: #73706E !important; } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch:focus { outline: none; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container { width: 100vw; height: calc(100vh - 86px); background-color: #FFFFFF; border-top: 1px solid #D9D3CF; overflow: hidden; padding-bottom: 24px; overflow-y: scroll; left: 0; } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container { display: none; height: calc(100vh - 104px); } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { color: #312D2B; font-size: 18px; font-family: "ItauText-Light", "Myriad Pro", Arial; } @media only screen and (min-width: 320px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 18px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p a { text-decoration: underline; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { width: 100%; padding-top: 24px; } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { padding-top: 32px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list { margin-top: 16px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list { margin-top: 32px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; color: #252220; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 40px; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a strong, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a strong { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list .search-options a { font-size: 20px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .search-content-auto-complete { display: none; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; color: #EC7000; line-height: 28px; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up { margin: 28px 0 44px 0; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; color: #000000; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up span.text, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text span.text { font-weight: 700; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up .icon-itaufonts_busca_consulta, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text .icon-itaufonts_busca_consulta { color: #252220; margin-right: 8px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container { left: 0 !important; width: 100% !important; } } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content { padding-top: 16px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content hr { display: none !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .input-text-key-up, header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .search-doubt { display: none !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .links-list { margin-top: 16px !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .links-list li { height: 34px; margin-bottom: 16px; margin-right: 8px; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .links-list li a { background: #106EB0 !important; border-radius: 16px !important; font-family: "ItauText-Regular", "Myriad Pro", Arial !important; font-size: 16px !important; color: #FFFFFF !important; line-height: 24px !important; padding: 4px 16px !important; border: 1px solid #106EB0 !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-content .links-list li a:hover { color: #106EB0 !important; background: #E4F5FC !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container { margin-top: 16px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .cards-container-search__title h2 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 500px !important; } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 670px !important; } } @media only screen and (min-width: 1400px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-default .cards-container-search__container .card-with-image-and-link__card { width: 850px !important; } } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container { margin-top: 8px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container .cards-container-search__title { margin-bottom: 24px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container .cards-container-search__title h2 { font-size: 20px !important; line-height: 32px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-autocomplete .cards-container-search__container hr { display: none !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-offers .cards-container-search__title { margin-bottom: 24px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .search-cards-offers .cards-container-search__title h2 { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; } header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .link-all-cards { margin-top: 8px !important; } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .link-all-cards { padding-right: 0 !important; width: 685px !important; } } @media only screen and (min-width: 1400px) { header .navbar-wrapper-mobile .new-modules-search .search-wrapper-container .link-all-cards { width: 745px !important; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .new-modules-search .search-box-features { margin: auto; } } header .navbar-wrapper-mobile .new-modules-search .search-box-features .search-wrapper-container { border-radius: 4px; } header .navbar-wrapper-mobile .new-modules-search .search-result-title { font-family: "ItauDisplay-Light", "Myriad Pro", Arial !important; font-size: 20px !important; color: #231D19 !important; text-align: left !important; line-height: 30px !important; font-weight: 100 !important; } header .navbar-wrapper-mobile .search-result-title { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 18px; color: #EC7000; line-height: 28px; margin-bottom: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { header .navbar-wrapper-mobile a:focus, header .navbar-wrapper-mobile input:focus, header .navbar-wrapper-mobile button:focus { outline: none; } } header .navbar-wrapper-mobile .search-wrapper { top: auto; position: relative; border-bottom: 1px solid #D9D3CF; } header .navbar-wrapper-mobile .search-wrapper .logo { display: none; } header .navbar-wrapper-mobile .search-wrapper span.icon-busca-mobile { display: block; } header .navbar-wrapper-mobile .search-wrapper .container { padding: 0 16px; max-width: 100%; } header .navbar-wrapper-mobile .card { border-left: none; border-right: none; border-radius: 0; margin-top: -2px; border-top: 1px solid #D9D3CF; border-bottom: 1px solid #D9D3CF; } header .navbar-wrapper-mobile .card:last-of-type { border-bottom: none; } header .navbar-wrapper-mobile .card-header { padding: 20px 0; background-color: #FFFFFF !important; border-bottom: 1px solid #D9D3CF; } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .card-header { padding: 16px 8px 16px 0; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .card-header > .container { padding: 0 16px; max-width: 100%; } } [data-segment='empresas'] header .navbar-wrapper-mobile .card-header { border-bottom: 1px solid #D9D3CF; } [data-segment='varejo'] header .navbar-wrapper-mobile .card-header[id^=heading], [data-segment='cartoes'] header .navbar-wrapper-mobile .card-header[id^=heading], [data-segment='varejo'] header .navbar-wrapper-mobile .card-header[id*=headingSub], [data-segment='cartoes'] header .navbar-wrapper-mobile .card-header[id*=headingSub] { background-color: #FFFFFF !important; } header .navbar-wrapper-mobile .card-header[id^=heading] .anchor-menu, header .navbar-wrapper-mobile .card-header[id^=heading] span > button, header .navbar-wrapper-mobile .card-header[id*=headingSub] .anchor-menu, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button { font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; width: 100%; text-align: left; border: none; text-decoration: none; font-weight: 700; color: #231D19; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .card-header[id^=heading] .anchor-menu, header .navbar-wrapper-mobile .card-header[id^=heading] span > button, header .navbar-wrapper-mobile .card-header[id*=headingSub] .anchor-menu, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button { font-size: 18px; line-height: 28px; } } header .navbar-wrapper-mobile .card-header[id^=heading] .anchor-menu::before, header .navbar-wrapper-mobile .card-header[id^=heading] span > button::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] .anchor-menu::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button::before { display: none; } header .navbar-wrapper-mobile .card-header[id^=heading] .anchor-menu .icon-itaufonts_seta_up, header .navbar-wrapper-mobile .card-header[id^=heading] span > button .icon-itaufonts_seta_up, header .navbar-wrapper-mobile .card-header[id*=headingSub] .anchor-menu .icon-itaufonts_seta_up, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button .icon-itaufonts_seta_up { font-family: 'itau-icon'; float: right; transition: all 0.5s; font-size: 24px; text-align: center; color: #231D19; } header .navbar-wrapper-mobile .card-header[id^=heading] .anchor-menu:focus, header .navbar-wrapper-mobile .card-header[id^=heading] span > button:focus, header .navbar-wrapper-mobile .card-header[id*=headingSub] .anchor-menu:focus, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button:focus { text-decoration: none; outline: -webkit-focus-ring-color auto 5px; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button.collapsed .icon-itaufonts_seta_up, header .navbar-wrapper-mobile .card-header[id^=heading] span > button.collapsed .icon-itaufonts_seta_up { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } header .navbar-wrapper-mobile .card-header[id*=headingSub] { background-color: #FFFFFF !important; } header .navbar-wrapper-mobile .card-header[id*=headingSub][id^=heading] span > button.collapsed .icon-itaufonts_seta_up, header .navbar-wrapper-mobile .card-header[id*=headingSub][id*=headingSub] span > button.collapsed .icon-itaufonts_seta_up { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } header .navbar-wrapper-mobile .card-body .card .card-header { padding: 16px 0 !important; } [data-segment='varejo'] header .navbar-wrapper-mobile .card-body, [data-segment='cartoes'] header .navbar-wrapper-mobile .card-body { background-color: #FFFFFF; } header .navbar-wrapper-mobile .card-body > .container { padding: 0 24px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .card-body > .container { padding: 0 8px; } } header .navbar-wrapper-mobile .card-body .accordion .container { padding: 0; } header .navbar-wrapper-mobile .card-body.__basic { padding: 16px 0 0; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .card-body.__basic { padding: 0 16px 0 12px; } } header .navbar-wrapper-mobile .card-body.__basic .common-links-shared { margin-bottom: 0; } header .navbar-wrapper-mobile .card-body.__basic .common-links-shared li a { line-height: 24px; } header .navbar-wrapper-mobile .card-body.__box { padding: 16px 0 0; } header .navbar-wrapper-mobile .card-body.__box .container { padding-left: 0; padding-right: 0; } header .navbar-wrapper-mobile .card-body.__box .container li { border-radius: 0; margin-bottom: 0; height: auto; border: unset; } header .navbar-wrapper-mobile .card-body.__box .container li:last-child { margin-bottom: 0px; } header .navbar-wrapper-mobile .card-body.__box .container li:last-child a { margin-bottom: 0px !important; } header .navbar-wrapper-mobile .card-body.__box .container li a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; display: inline-block; width: 100%; padding: 0; } header .navbar-wrapper-mobile .card-body.__box .container li a::before { display: none; } header .navbar-wrapper-mobile .card-body.__box .container li a.commom-link-list { height: auto !important; margin-bottom: 16px; } header .navbar-wrapper-mobile .card-body.__list { padding: 24px 0; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__list { padding: 32px 0; } } header .navbar-wrapper-mobile .card-body.__list .container { padding-left: 0; padding-right: 0; } header .navbar-wrapper-mobile .card-body.__list .container li { height: 64px; border: 1px solid #D6D0CC; margin-bottom: 24px; border-radius: 4px; transition: background-color .5s ease; align-items: start; position: relative; display: flex; align-items: center; } header .navbar-wrapper-mobile .card-body.__list .container li a { display: flex; align-items: center; padding: 0 16px; width: 100%; position: relative; z-index: 3; background: transparent; } header .navbar-wrapper-mobile .card-body.__list .container li span { color: #EC7000; margin-top: 0 !important; margin-bottom: 0 !important; display: flex; align-items: center; } header .navbar-wrapper-mobile .card-body.__list .container li .icon-itaufonts_seta_right { display: none; color: #FFFFFF; position: absolute; right: 32px; z-index: 1; } header .navbar-wrapper-mobile .card-body.__list .container li:focus .icon-itaufonts_seta_right, header .navbar-wrapper-mobile .card-body.__list .container li:hover .icon-itaufonts_seta_right { display: block; } header .navbar-wrapper-mobile .card-body.__list .container li:focus::before, header .navbar-wrapper-mobile .card-body.__list .container li:hover::before { content: ''; width: 4px; height: 100%; background: #EC7000; left: 0; position: absolute; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } header .navbar-wrapper-mobile .card-body.__list .container li:focus span, header .navbar-wrapper-mobile .card-body.__list .container li:hover span { display: flex; align-items: center; color: #EC7000 !important; } header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered { display: flex; align-items: center; } [data-segment='varejo'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered, [data-segment='cartoes'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered { background: #EC7000; } [data-segment='varejo'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered a, [data-segment='varejo'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered span, [data-segment='cartoes'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered a, [data-segment='cartoes'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered span { color: #FFFFFF; } [data-segment='personnalite'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered { background: #0D1733; } [data-segment='personnalite'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered a, [data-segment='personnalite'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered span { color: #DDAE60; } [data-segment='empresas'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered { background: #003767; } [data-segment='empresas'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered a, [data-segment='empresas'] header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered span { color: #FFFFFF; } header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered span { margin-top: 0 !important; margin-bottom: 0 !important; display: flex; align-items: center; } header .navbar-wrapper-mobile .card-body.__list .container li.item-hovered a { padding: 0 16px !important; } header .navbar-wrapper-mobile .card-body.__list .container li a { padding: 20px 16px 14px; } header .navbar-wrapper-mobile .card-body.__list .container li span { vertical-align: middle; margin: 20px 0 20px 32px; } header .navbar-wrapper-mobile .card-body.__list .container li span::before { font-size: 24px; vertical-align: bottom; } header .navbar-wrapper-mobile .card-body .accordion[id*=menuItemsSubMobile] { margin-top: 1px; } header .navbar-wrapper-mobile #smartBannerContainer .container { padding: 0 24px; } header .navbar-wrapper-mobile #smartBannerContainer .card { border: 1px solid #D6D0CC; border-radius: 4px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile #smartBannerContainer .card { width: 663px; } } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2 { height: auto; position: static; margin-top: 0 !important; padding-bottom: 0; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2:not(.edit-mode) { margin-top: 57px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2:not(.edit-mode) { margin-top: 69px; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2 > .container { margin: 0; padding: 0 33px; } } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2 .card-body { padding: 16px !important; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__description { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 22px; margin: 22px 0 20px; } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__description { font-size: 16px; line-height: 24px; margin: 25px 0 13px; position: relative; right: 16px; } } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__title { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 28px; color: #252220; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__subtitle { line-height: 21px; color: #252220; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__button .shared-button__a { width: 240px; height: auto; font-size: 14px; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; padding: 3px 0; margin: 0; color: #106EB0; background: none; border: 1px solid #106EB0; border-radius: 4px; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__link--inner { text-decoration: none; } header .navbar-wrapper-mobile #smartBannerContainer .smart-banner-app-shared-v2__link { color: #106EB0; font-size: 16px; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 24px; text-align: left; padding: 16px 0 24px; margin: 0; } .skip { position: absolute; top: -1000px; z-index: 99999; padding: 12px 20px; overflow: hidden; font-size: 14px; background-color: #003767; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; color: #fff; font-weight: bold; border-bottom-right-radius: 4px; transition: top 0.3s; -ms-transition: top 0.3s; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; } a.skip:active, a.skip:focus, a.skip:hover { top: 0; } @media only screen and (min-width: 992px) { #modal_login_tp2-0 .itau-form.login-body { display: block !important; } } #modal_login_tp2-0 .modal-dialog { margin-top: 87px !important; } #login-modal-content { padding: 24px; } #login-modal-content .modal-header { border: unset; padding: 0; padding-bottom: 30px; } #login-modal-content .modal-header__tittle { position: absolute; top: -2.2em; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 32px; line-height: 40px; color: #231D19; } #login-modal-content .modal-header__close-modal { min-height: 40px; display: flex; align-items: center; justify-content: flex-end; } #login-modal-content .modal-header__close-modal__button { padding: 0; float: unset !important; width: 40px; height: 40px; margin: 0 !important; } #login-modal-content .modal-header .close-login-modal { padding: 24px; } #login-modal-content .modal-body .input-container { height: 56px; position: relative; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; margin: 0 0 16px; color: #56504C; } #login-modal-content .modal-body .input-container.select select { border: 1px solid #706A66; border-radius: 2px; width: 100%; height: 100%; color: #56504C; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 16px; z-index: 1; background: transparent; } [data-segment="varejo"] #login-modal-content .modal-body .input-container.select select:focus, [data-segment="cartoes"] #login-modal-content .modal-body .input-container.select select:focus { border: 1px solid #EC7000 !important; } [data-segment="personnalite"] #login-modal-content .modal-body .input-container.select select:focus { border: 1px solid #0D1733 !important; } [data-segment="empresas"] #login-modal-content .modal-body .input-container.select select:focus { border: 1px solid #003767 !important; } #login-modal-content .modal-body .input-container.select #arrow-icon { position: absolute; right: 0; z-index: 0; } #login-modal-content .modal-body .input-container input { width: 100%; height: 100%; color: #56504C; border: 1px solid #706A66; border-radius: 2px; } #login-modal-content .modal-body .input-container input:focus { box-shadow: none; } [data-segment="varejo"] #login-modal-content .modal-body .input-container input:focus, [data-segment="cartoes"] #login-modal-content .modal-body .input-container input:focus, [data-segment="private"] #login-modal-content .modal-body .input-container input:focus, [data-segment="uniclass"] #login-modal-content .modal-body .input-container input:focus { border: 1px solid #EC7000 !important; } [data-segment="personnalite"] #login-modal-content .modal-body .input-container input:focus { border: 1px solid #0D1733 !important; } [data-segment="empresas"] #login-modal-content .modal-body .input-container input:focus { border: 1px solid #003767 !important; } #login-modal-content .modal-body .input-container__label { position: absolute; z-index: 2; top: 17px; left: 16px; transition: all 0.3s; color: #706A66; font-size: 16px; line-height: 24px; } #login-modal-content .modal-body .input-container__label--active { top: -13px; left: 8px; font-size: 14px; line-height: 22px; background: #FFFFFF; color: #56504C; padding: 0 8px; transform: unset; } #login-modal-content .modal-body .input-container__label#cpfLabelModal { top: 28px; } #login-modal-content .modal-body .input-container__label--active#cpfLabelModal { top: -13px; } #login-modal-content .modal-body .input-container__input--active { border: 1px solid #56504C !important; } #login-modal-content .modal-body .input-container .feedback-message { display: none; } #login-modal-content .modal-body .input-container.select { display: flex; } #login-modal-content .modal-body .input-container.select .icon-itaufonts_seta_down { position: absolute; right: 4px; top: 4px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } #login-modal-content .modal-body .input-container.select .icon-itaufonts_seta_down::before { transform: scale(1.5); } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 { height: auto; margin-bottom: 0; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 { display: flex; align-items: center; padding-bottom: 36px; padding-top: 10px; position: relative; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0 { opacity: 0; width: 24px; height: 24px; cursor: pointer; z-index: 1; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:focus ~ .checkmark { outline: 1px solid #000000 !important; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark { border: none; } [data-segment="varejo"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark, [data-segment="cartoes"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark, [data-segment="private"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark, [data-segment="uniclass"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark, [data-segment="empresas"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark { background: #EC7000; } [data-segment="personnalite"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark { background: #0D1733; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after { content: ""; position: absolute; display: block; left: 7px; top: 2px; width: 8px; height: 13px; -webkit-transform: rotate(45deg); } [data-segment="personnalite"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after { border: solid #DDAE60; border-width: 0 2px 2px 0; } [data-segment="varejo"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after, [data-segment="cartoes"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after, [data-segment="private"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after, [data-segment="uniclass"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after, [data-segment="empresas"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 #rememberData_tp2-0:checked ~ .checkmark:after { border: solid #FFFFFF; border-width: 0 1px 1px 0; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 .checkmark { position: absolute; top: 12px; left: 0; height: 22px; width: 22px; border: 1px solid #252220; border-radius: 4px; color: #FFFFFF; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 > label { padding: 4px 8px 0; cursor: pointer; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .check-radio-container_tp2-0 > label .rememberDat { font-size: 16px; line-height: 24px; color: #231D19; font-family: "ItauText-Regular", "Myriad Pro", Arial; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .mais-acessos-message_tp2-0 { padding-bottom: 86px; font-size: 16px; line-height: 24px; color: #000000; word-spacing: 3px; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0, #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos { height: 48px; width: 100%; padding: 8px; background: unset; background-color: #D6D0CC; color: #89837F; border-radius: 4px; font-size: 20px; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 32px; border: 1px solid #D6D0CC; display: flex; align-items: center; justify-content: center; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0 i, #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos i { padding-right: 8px; font-size: 24px; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0:hover, #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos:hover { text-decoration: none; } #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active { cursor: pointer; background: unset; } [data-segment="varejo"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment="cartoes"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment="private"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment="uniclass"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment='empresas'] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment="varejo"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active, [data-segment="cartoes"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active, [data-segment="private"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active, [data-segment="uniclass"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active, [data-segment='empresas'] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active { border-color: #DD6100; color: #FFFFFF; background-color: #EC7000; } [data-segment="personnalite"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .btnLoginSubmit_tp2-0.active, [data-segment="personnalite"] #login-modal-content .modal-body .input-container.lembrar-dados_tp2-0 .check-radio-handler .linkMaisAcessos.active { background-color: #0D1733; border-color: #0D1733; color: #DDAE60; } #login-modal-content .modal-body .input-container #collapseTypeAccessBody_tp2-0 { background: white; z-index: 1099; position: absolute; top: 64px; width: 100%; box-shadow: 0px 2px 8px rgba(86, 80, 76, 0.24); border-radius: 2px; } #login-modal-content .modal-body .input-container #collapseTypeAccessBody_tp2-0 li { border-radius: unset; height: 56px; display: flex; align-items: center; justify-content: center; color: #56504C; cursor: pointer; } #login-modal-content .modal-body .input-container #collapseTypeAccessBody_tp2-0 li:hover, #login-modal-content .modal-body .input-container #collapseTypeAccessBody_tp2-0 li:focus { border-color: #EC7000; box-shadow: unset; } .login-zoom #login-modal-content { border: 0; padding: 0 24px; margin: 24px 0 32px; } .--hidden { display: none; } .spec-error-messages__error-container { margin-bottom: 32px; } .fixed-top { z-index: 9; }