/*Banner link promo*/ body.categoria.body--internal-page h3.board__title, body.categoria.body--internal-page h2.board__title { padding: 3% 0 !important; } /*Styles for badges*/ #flag-badge .flag, #axo-promo .flag { visibility: hidden; height: 0; } #flag-badge p, #axo-promo p { margin-bottom: 0; } #axo-promo, #flag-badge .flag[class*="2"], #flag-badge .flag[class*="3"], #flag-badge .flag[class*="4"], #flag-badge .flag[class*="5"], #flag-badge .flag[class*="6"], #axo-promo .flag[class*="2"], #axo-promo .flag[class*="3"], #axo-promo .flag[class*="4"], #axo-promo .flag[class*="5"], #axo-promo .flag[class*="6"] { position: absolute; width: auto; max-width: 100%; left: 0; /* bottom: auto; top: 0px; */ bottom: 0; top: auto; text-align: left; font-size: 1.2em; font-weight: 700; padding: 8px 25px; z-index: 3; color: #fff; visibility: hidden; } #flag-badge .flag[class*="new"] { position: absolute; width: auto; max-width: 100%; font-size: 0.8em; padding: 8px 15px; color: #fff; visibility: hidden; left: 0; bottom: auto; top: 0px; } #flag-badge .flag[class*="3"] { background-color: rgba(0, 23, 79, 0.8); } #flag-badge .flag[class*="4"] { background-color: rgba(0, 23, 79, 0.5); margin: 0; } #flag-badge .flag[class*="2x1"]:after, #axo-promo .flag[class*="2x1"]:after { content: "2x1"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #flag-badge .flag[class*="3x2"]:after, #axo-promo .flag[class*="3x2"]:after { content: "3x2"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #flag-badge .flag[class*="3x1"]:after, #axo-promo .flag[class*="3x1"]:after { content: "3x1"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #axo-promo .flag[class*="promo-mayo"]:after, #flag-badge .flag[class*="3-2---todo"]:after { content: "3x2 o 30% Off"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #flag-badge .flag[class*="4x2"]:after, #axo-promo .flag[class*="4x2"]:after { content: "4x2"; visibility: visible; /* background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; */ background-color: #323952; padding: .2rem .3rem; left: .3125rem; /* top: .4rem; */ bottom: 0; text-align: left; color: #fff; position: absolute; white-space: nowrap; font-size: .8rem; font-weight: 400; } #flag-badge .flag[class*="new"]:after { content: "NUEVO"; visibility: visible; background-color: #fff; padding: 5px 5px; text-align: left; color: #323952; position: absolute; left: 5px; -webkit-font-smoothing: antialiased; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; border: 0.8px solid #edece6; } #flag-badge .flag[class*="40off"]:after, #axo-promo .flag[class*="40off"]:after { content: "La segunda 40% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0px; bottom: 0px; right: auto; top: auto; text-align: left; color: rgb(255, 255, 255); position: absolute; width: 140px; } #flag-badge .flag[class*="bogo20"]:after, #axo-promo .flag[class*="bogo20"]:after { content: "2DA PRENDA AL 20%"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 6px; left: 0px; bottom: 0px; right: auto; top: auto; text-align: left; color: rgb(255, 255, 255); position: absolute; width: auto; font-size: 0.7em !important; white-space: nowrap; } #flag-badge .flag[class*="bogo40"]:after, #axo-promo .flag[class*="bogo40"]:after { content: "2DA PRENDA AL 40%"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 6px; left: 0px; bottom: 0px; right: auto; top: auto; text-align: left; color: rgb(255, 255, 255); position: absolute; width: auto; font-size: 0.7em !important; white-space: nowrap; } #flag-badge .flag[class*="bogo50"]:after, #axo-promo .flag[class*="bogo50"]:after { content: "2DA PRENDA AL 50%"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 6px; left: 0px; bottom: 0px; right: auto; top: auto; text-align: left; color: rgb(255, 255, 255); position: absolute; width: auto; font-size: 0.7em !important; white-space: nowrap; } #flag-badge .flag[class*="10-off"]:after, #axo-promo .flag[class*="10-off"]:after, #axo-promo .flag[class*="10--off"]:after, #axo-promo .flag[class*="10---off"]:after { content: "10% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #flag-badge .flag[class*="20-off"]:after, #axo-promo .flag[class*="20---off"]:after, #axo-promo .flag[class*="20-off"]:after, #flag-badge .flag[class*="20-0ff-summer"]:after { /* content: "20% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; */ content: "20% OFF"; visibility: visible; background-color: #323952; padding: .2rem .3rem; left: .3125rem; /* top: .4rem; */ bottom: 0; text-align: left; color: #fff; position: absolute; white-space: nowrap; font-size: .8rem; font-weight: 400; } #flag-badge .flag[class*="25-off"]:after, #axo-promo .flag[class*="25---off"]:after, #axo-promo .flag[class*="25--off"]:after, #axo-promo .flag[class*="25-off"]:after, #axo-promo .flag[class*="25--off"]:after { content: "25% OFF"; /* visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; width: 105px; white-space: nowrap; */ visibility: visible; background-color: #323952; padding: .2rem .3rem; left: .3125rem; /* top: .4rem; */ bottom: 0; text-align: left; color: #fff; position: absolute; white-space: nowrap; font-size: .8rem; font-weight: 400; } #flag-badge .flag[class*="30-off"]:after, #axo-promo .flag[class*="30---off"]:after, #axo-promo .flag[class*="30--off"]:after, #axo-promo .flag[class*="30-off"]:after, #flag-badge .flag[class*="30-0ff-summer"]:after { content: "30% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; } #flag-badge .flag[class*="40-off"]:after, #axo-promo .flag[class*="40---off"]:after, #axo-promo .flag[class*="40--off"]:after, #axo-promo .flag[class*="40-off"]:after, #flag-badge .flag[class*="40-0ff-summer"]:after { content: "40% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0px; bottom: 0px; right: auto; top: auto; text-align: left; color: rgb(255, 255, 255); position: absolute; white-space: nowrap; } #flag-badge .flag[class*="50-off"]:after, #axo-promo .flag[class*="50---off"]:after, #axo-promo .flag[class*="50--off"]:after, #flag-badge .flag[class*="50-0ff-summer"]:after { content: "50% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; } #flag-badge .flag[class*="60-off"]:after, #axo-promo .flag[class*="60--off"]:after, #axo-promo .flag[class*="60---off"]:after { content: "60% OFF"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; } #axo-promo .flag[class*="30----10--adicional"]:after { content: "30% + 10% adicional"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; } #axo-promo .flag[class*="40----10--adicional"]:after { content: "40% + 10% adicional"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; } #axo-promo .flag[class*="50----10--adicional"]:after { content: "50% + 10% adicional"; visibility: visible; background-color: rgba(0, 23, 79, 0.8); padding: 8px 15px; left: 0; bottom: 0; right: auto; top: auto; text-align: left; color: #fff; position: absolute; white-space: nowrap; } #flag-badge .flag[class*="promo-a"]:after { content: "+2 items +20%"; visibility: visible; background-color: rgba(0, 23, 79, 1); padding: 10px 1px; text-align: center; color: #fff; position: absolute; border-radius: 45px; width: 4em; height: 4em; font-size: 10px; bottom: 9%; left: 0; float: left; } #flag-badge .flag[class*="promo-b"]:after { content: "+3 items +30%"; visibility: visible; background-color: rgba(0, 23, 79, 1); padding: 10px 1px; text-align: center; color: #fff; position: absolute; border-radius: 45px; width: 4em; height: 4em; font-size: 10px; bottom: 9%; left: 18%; float: left; } #flag-badge .flag[class*="promo-c"]:after { content: "+4 items +40%"; visibility: visible; background-color: rgba(0, 23, 79, 1); padding: 10px 1px; text-align: center; color: #fff; position: absolute; border-radius: 45px; width: 4em; height: 4em; font-size: 10px; bottom: 9%; left: 35%; float: left; } @media screen and (max-width: 1023px) { #axo-promo .flag[class*="promo-mayo"]:after, #flag-badge .flag[class*="3-2---todo"]:after { width: 135px; font-size: 15px; } #flag-badge .flag[class*="40-off"]:after, #axo-promo .flag[class*="40---off"]:after { width: 105px; font-size: 15px; } #flag-badge .flag[class*="promo-a"]:after { left: 0; } #flag-badge .flag[class*="promo-b"]:after { left: 25%; } #flag-badge .flag[class*="promo-c"]:after { left: 50%; } .nav-item--level-1 > a { font-weight: 500; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } } @media screen and (min-width: 1024px) { #axo-promo .flag[class*="promo-mayo"]:after, #flag-badge .flag[class*="3-2---todo"]:after { width: 145px; font-size: 20px; } #flag-badge .flag[class*="40-off"]:after, #axo-promo .flag[class*="40---off"]:after { width: 125px; font-size: 20px; } .nav-item--level-1 > a { font-size: 0.875rem !important; font-weight: 600; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } } @media screen and (max-width: 767px) { #axo-promo .flag[class*="30----10--adicional"]:after { padding: 8px 5px; } } /***** IMAGE NL POPUP *******/ /*.bg-popup-newsletter { background-image: url(https://brooksbrothers.myvtex.com/arquivos/100122-BB-PopUp-Newsletter.jpg) !important; /*23-Marzo*/ /*background-image: url(https://brooksbrothers.myvtex.com/arquivos/popup-brooks-1-111122.jpg) !important; }*/ .bg-popup-newsletter { background-image: url(https://brooksbrothers.myvtex.com/arquivos/BrooksBrothers_Newsletter_PopUp_230323.jpg) !important; } @media screen and (max-width: 767px) { .modalNewsletter__wrapper .modal-dialog { min-width: 80% !important; } .bg-popup-newsletter { /*background-size: contain !important;*/ background-size: cover; background-position: right; background-repeat: no-repeat; box-shadow: none; } .sign-up__title { font-size: 1.5em !important; } .sign-up__subtitle { font-size: 0.75em !important; } .control-wrapper label { line-height: 0 !important; font-size: 12px !important; } .modalNewsSub .img { padding: 23px !important; } } /***** IMAGE ON MENU *******/ @media screen and (min-width: 1024px) { .nav-item--image img { width: 327px; /*height: 400px;*/ } } /***** PAGINATION AND LANDING TITLE ON PLP *******/ .pager.bottom .page-number.pgCurrent { top: 0 !important; } .re-cien #titleLanding { display: block !important; } #titleLanding.category-name { display: block !important; } #titleLanding h1 { text-align: center !important; display: block; } #titleLanding h2 { display: none !important; } @media screen and (max-width: 767px) { .product-view-mode, #pager-top { display: none; } } @media screen and (min-width: 1024px) { .re-cien #titleLanding { text-align: center !important; } .new-men-ul { column-count: 1 !important; -webkit-column-count: 1 !important; } } /***** MENU HEADER *******/ @media screen and (min-width: 1024px) and (min-width: 1280px) { .nav-list--level-2.nav-accordion__content { padding: 0px 5% !important; } } /***** PRODUCT LIST CONTAINER *******/ @media screen and (min-width: 1024px) { .page-main--product-list { padding-top: 137px; } } /*.page-main--home-page .product-item__flags--collections{ display:none; }*/ /***** ARROW UNDER TITLE DEPARTMENT MENU *******/ @media screen and (min-width: 1024px) { .site-header { border-bottom: 1px solid #707070; /*reduccion de header*/ } .re-ul-principal > .nav-item--level-1:hover > a:not(:last-child)::after { border-color: rgba(247, 249, 246, 0); border-bottom-color: #f7f9f6; border-width: 8px; margin-left: -8px; bottom: -1px; } .re-ul-principal > .nav-item--level-1:hover > a:not(:last-child)::before { border-color: rgba(112, 112, 112, 0); border-bottom-color: #707070; border-width: 8px; margin-left: -8px; bottom: 0; } .re-ul-principal > li:hover > a:after, .re-ul-principal > li:hover > a:before { bottom: 0; top: auto; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: block; z-index: 9999; } ul.re-ul-principal > li:hover > ul { border-top: 1px solid #707070; } .nav-list--level-2.nav-accordion__content { padding-top: 1.5em !important; } .nav-item--image { margin-top: 0px !important; } } /***** PRODUCT DETAIL *******/ .product-detail__sku-selection .topic.Talla .select.skuList label { width: 44px !important; height: 44px; padding-top: 0.25em; font-family: "proxima-nova", sans-serif; font-size: 14px; } .product-detail__sku-selection .topic.Talla .select.skuList label { border: 1px solid #707070 !important; } .product-detail__sku-selection .topic.Talla .select.skuList label:hover { border: 1px solid #bca578; background: #bca578; color: #fff; font-weight: bold; } .product-detail__sku-selection .topic.Talla .select.skuList label.active:not(.item_unavaliable), .product-detail__sku-selection .topic.Talla .select.skuList label.checked:not(.item_unavaliable) { background: rgb(188, 165, 120); color: rgb(255, 255, 255); font-weight: bold; border: 2px solid rgb(189, 165, 113) !important; } /***** FAQS *******/ .faqs__answer { text-align: justify; } .static-layout__item--level-1:first-child { border-top: 1px solid #666666; } .internal-page__summary li { color: #333333; list-style: disc; } .static-layout__item--level-1 { border-bottom: 2px solid #e6e6e6; transition: background-color 0.1s; } .static-layout__item--level-1 > .static-layout__link { padding-top: 1em; padding-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; } .accordion__trigger { cursor: pointer; } .static-layout__link { display: block; position: relative; font-size: 1.25em; font-weight: 400; color: #000000; } .faqs__answer { text-align: justify; } .static-layout__item--level-1 { border-bottom: 2px solid #e6e6e6; transition: background-color 0.1s; } /***** ALINING SEARCHBOX ON HEADER *******/ @media screen and (min-width: 1024px) { #searchbar-wrapper .search-form { top: 15px !important; } } /***** HOME PRODUCT SLIDER *******/ @media screen and (min-width: 1280px) { .product-list.grid-view .product-item-wrapper { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } } .products-slider__wrapper--home .prateleira.vitrine > h2 { margin-left: 25px; } /***** FOOTER ICON PAYMENTS *******/ @media screen and (min-width: 1024px) { .containerPayments { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(35px, auto); } } .icon-amex { width: 18px; height: 18px; background-position: 0 0px; } .icon-visa { width: 37.2px; height: 12px; background-position: 0 -21px; } .icon-mastercard { width: 23.4px; height: 18px; background-position: 0 -36px; } .icon-paypal { width: 53.4px; height: 13.8px; background-position: 0 -57px; } .icon-mercadopago { width: 60px; height: 15.6px; background-position: 0 -75px; } .icon-oxxo { width: 30px; height: 15px; background-position: 0 -159px; } @media screen and (min-width: 768px) { .icon-amex { width: 21px; height: 21px; background-position: 0 0px; } .icon-visa { width: 43.4px; height: 14px; background-position: 0 -24.5px; } .icon-mastercard { width: 27.3px; height: 21px; background-position: 0 -42px; } .icon-paypal { width: 62.3px; height: 16.1px; background-position: 0 -66.5px; } .icon-mercadopago { width: 70px; height: 18.2px; background-position: 0 -87.5px; } .icon-oxxo { width: 35px; height: 17.5px; background-position: 0 -185.5px; } } @media screen and (min-width: 1024px) { .icon-amex { width: 21px; height: 21px; background-position: 0 0px; } .icon-visa { width: 43.4px; height: 14px; background-position: 0 -24.5px; } .icon-mastercard { width: 27.3px; height: 21px; background-position: 0 -42px; } .icon-paypal { width: 62.3px; height: 16.1px; background-position: 0 -66.5px; } .icon-mercadopago { width: 70px; height: 18.2px; background-position: 0 -87.5px; } .icon-oxxo { width: 35px; height: 17.5px; background-position: 0 -185.5px; } } @media screen and (min-width: 1440px) { .icon-amex { width: 30px; height: 30px; background-position: 0 0px; } .icon-visa { width: 62px; height: 20px; background-position: 0 -35px; } .icon-mastercard { width: 39px; height: 30px; background-position: 0 -60px; } .icon-paypal { width: 89px; height: 23px; background-position: 0 -95px; } .icon-mercadopago { width: 100px; height: 26px; background-position: 0 -125px; } .icon-oxxo { width: 50px; height: 25px; background-position: 0 -265px; } } /****************** DO NOT DELETE, STYLE FOR SEO ************************************/ .x-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /****************** DO NOT DELETE, STYLE FOR SEO END ************************************/ #axo-promo p:nth-child(2):after { bottom: 45px !important; } /* Ajuste de fuente en Menu - Inicio */ .nav-item--level-1 > a { font-weight: 700; color: #323952 !important; } /* Ajuste de fuente en Menu - Final */ /* Ajuste de Fuente de PLP - Inicio */ .product-item-price .price-old { font-size: 1rem !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; color: #323952 !important; line-height: 1.63rem; font-weight:600; } .product-item-price .price-new { font-size: 1rem !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; color: #323952 !important; line-height: 1.63rem; font-weight:600; } .product-item-price .price-promo { font-size: 1rem !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; color: #ff0000 !important; line-height: 1.63rem; font-weight:600; } .product-item-price .price-old:after { background-color: #323952; } .product-list.grid-view .product-item-name { font-size: 1rem !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; color: #323952 !important; line-height: 1.63rem; font-weight: 400; } /* Ajuste de Fuente de PLP - Final */ /* Ajuste de Fuente de PDP - Inicio */ .product-detail-action .button-wrapper .button-flat { width : 100%; background : #323952 !important; -webkit-transition: all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; color : #fff; border : solid 2px #323952; } .product-detail-action .button-wrapper .button-flat:hover { color : #323952 !important; background: #fff !important; } a#ci-action { color : #323952; background: #fff; border : solid 2px #323952; } a#ci-action:hover { color : #fff; background: #323952; } .product-detail__size-guide-button { color: #323952; } #triggerSizingGuide{ color: #323952 !important; } .skuBestPrice{ color: #001f37 !important; } .skuListPrice { color: #ff0000 !important; } .product-detail-price .valor-de strong:after{ background-color: #ff0000 !important; } .product-detail__trigger-modal { color: #001f37 !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .topic li.specification{ color: #001f37 !important; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } /* Ajuste de Fuente de PDP - Final */ /* Ajuste de Espacios PLP - Inicio */ .product-list.grid-small div[id*=ResultItems_]>div.prateleira.vitrine>ul>li{ padding-left: 0%; } @media screen and (min-width: 768px){ .product-list.grid-view .product-item-wrapper { padding-left:.2rem; padding-right: .2rem; margin-bottom: 1rem; } } @media screen and (max-width: 768px){ .product-list.grid-view .product-item-wrapper { padding-left:.1rem; padding-right: .1rem; margin-bottom: .5rem; } .category-name { padding-top: 1rem; padding-bottom: .5rem; font-size: 1.25rem; } #titleLanding h1 { font-size: 1.5rem; } } #titleLanding.category-name{ display: inline-block!important; width: 100%; padding-block: .2rem; } h1.category-name { padding-block:.7rem; } /* espacios */ .product-list.grid-view .product-item-name{ padding-bottom: 0 !important; } .product-item__flags--attributes{ margin-top: 0; } /* @media screen and (max-width: 768px){ */ figcaption.product-item-caption{ min-height: fit-content !important; } /* } */ .product-list.grid-view .product-item-price { margin: 0.5rem 0; min-height: fit-content !important; } /* Ajuste de Espacios PLP - Final */ /* Ajuste Boton Compra Rapida - Inicio */ .select-size .product-modal .button-wrapper .add-to-cart:before { font-size: 1rem; line-height: 1em; } @media screen and (min-width: 1024px){ .product-item__quick-view__trigger { color: white !important; background-color: #001f37 !important; } } .product-modal-info .product-modal-price .price-old { color: #001f37; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-price .price-new.price-promo { color: #ff0000; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-price .price-new { color: #001f37; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-price .price-discount { color: #001f37; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal.modal-dialog .modal-content .modal-header .modal-title { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal.modal-dialog .qv-link { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-size-wrapper .title{ font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-size .size-wrapper .size { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal-info .product-modal-size .size-wrapper .size:hover { border-color: #001f37; } .product-modal__quantity-txt{ font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; /*color: #001f37;*/ } .product-modal__quantity-current{ font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .product-modal__quantity-option{ font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } /* Ajuste Boton Compra Rapida - Final */ /* Ajuste PopUp NL - Inicio */ @media screen and (min-width: 767px){ .modalNewsletter__wrapper .modal-dialog { min-width: 30rem !important; } .modalNewsletter__content-bg-w { width: 100%; height: 100%; } .modalNewsletter__content { width: 30rem; height: 40rem; } .modalNewsSub .modalNewsletter { min-width: fit-content; } } /* Ajuste PopUp NL - Final */ /* Imagenes Menu - Inicio */ @media screen and (min-width: 1024px){ .nav-item--image img { max-width: 95%; } } /* @media screen and (min-width: 1440px){ .nav-item--image { margin: 0 1rem; } } */ /* Imagenes Menu - Final */ /*************** KueskiPay BEGING***************/ .kueskipay-widget { display: none !important; } /*************** KueskiPay END***************/ /*************** Search MenuBEGING***************/ @media screen and (min-width: 1024px){ #searchbar-wrapper .search-form .control-wrapper input { border: 1px solid #001f37 !important; } } /*************** Search Menu END***************/ /*************** Rediseño Top Menu Menu BEGING***************/ @media screen and (min-width: 1024px) { a.Brand-v2 { position: absolute; /* webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); bottom: 0; */ line-height: 4rem; padding-left: 1rem; } .middle-bar--right { bottom: 0 !important; } body.has-cintillo .site-header { min-height: 6rem; } } @media screen and (min-width: 1024px) { .dl-menuwrapper button { right: 20px; } } svg.svg-icon-logo-bb-large.brand__svg { width: 10rem; } /********/ .site-header { position: relative; width: 100%; display: block; } #blueCintillo { position: relative; width: 100%; display: block; } body.has-cintillo.page-scroll-on .site-header { position: sticky; top: 0 !important; } body.has-cintillo .site-header { min-height: 5rem !important; } body.page-scroll-on .middle-bar { bottom: initial; height: 4rem; } @media screen and (min-width: 1024px) { body.has-cintillo .site-header { min-height: 4rem !important; } svg.svg-icon-logo-bb-large.brand__svg { height: auto; padding-bottom: 1rem; } .page-main--product-list { padding-top: 0 !important; } } @media screen and (max-width: 767px) { body.has-cintillo .page-main--home-page { padding-top: 0 !important; } } body.has-cintillo .page-main--home-page { padding-top: 0 !important; } @media screen and (min-width: 1024px) { .Sub-content .nav-list--level-3 { float: left; } .nav-list--level-3 { font-size: 0.875rem; color: #737681; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 500; } .site-nav .re-nav-color{ width: 58%; } .nav-item--level-1>a{ line-height: 4rem; } /* ul.middle-bar__list{ vertical-align: text-top; } */ ul.nav-list--level-2.Sub-content.nav-accordion__content{ padding: 1rem .5rem !important; } } @media screen and (max-width: 1023px) { .Sub-content .nav-list--level-3 { border: 0; line-height: 40px; margin: 0; padding: 0 0 0 25px; } .Sub-content .nav-list--level-3 a { color: #8A8786; border: none; font-size: 14px; } } .page-main--internal-page { padding-top: 0; } /*************** Rediseño Top Menu Menu END***************/ /*************** Metodos de Pago en PDP BEGING***************/ @media screen and (min-width: 1024px){ .produto .page-main--internal-page .containerPayments { display: flex; margin-top: .5rem; } } /*************** Metodos de Pago en PDP END***************/ /*************** Imagenes PDP BEGING***************/ @media screen and (min-width: 1440px){ li.product-detail__gallery-item { width: 48%; } } /*************** Imagenes PDP END***************/ /*************** Slider PDP Otras personas también vieron BEGING***************/ #productsSlider02 .slick-list.draggable { width: 100%; } /*************** Slider PDP Otras personas también vieron END***************/