/* source: */ @charset "UTF-8"; /* Fonts */ @font-face { font-family: Inter; font-style: normal; font-weight: 300; src: url(https://superangeloni.vtexassets.com/assets/vtex/assets-builder/superangeloni.store-theme/6.0.0/fonts/Inter-Light___6ffbefc66468b90d7af1cbe1e9f13430.ttf); font-display: swap; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url(https://superangeloni.vtexassets.com/assets/vtex/assets-builder/superangeloni.store-theme/6.0.0/fonts/Inter-Regular___515cae74eee4925d56e6ac70c25fc0f6.ttf); font-display: swap; } @font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url(https://superangeloni.vtexassets.com/assets/vtex/assets-builder/superangeloni.store-theme/6.0.0/fonts/Inter-Bold___91e5aee8f44952c0c14475c910c89bb8.ttf); font-display: swap; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; src: url(https://superangeloni.vtexassets.com/assets/vtex/assets-builder/superangeloni.store-theme/6.0.0/fonts/Inter-Black___5f2ce7df2a2e8570f4c32a44414df347.ttf); font-display: swap; } /* laranja geral */ /* bg cinza escuro */ /* linhas e bg abas inativas */ /* bg geral cinza claro */ /* amarelo mensagens de alerta, etc... */ /* bg azul botões */ /* branco - títulos de coluna, etc... */ /* textos escuros );*/ /* textos cinza medio (item indisponível) */ /* textos inativos e secundários, preço "de", etc... */ /* links externos... */ /* remover carrinho... */ /* remover carrinho... */ /* laranja "Frete Grátis!" */ .orderform-template .orderform-template-holder #payment-data .accordion-toggle > span, .orderform-template .orderform-template-holder #payment-data .accordion-toggle, .orderform-template .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span, #client-profile-data form.client-pre-email label span:after { color: #211915; font-size: calc(12px + 2px); font-weight: 700; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .cart-template.mini-cart .cart .cart-items:not(.cc-loaded) li.item:after, .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .payment-group-list-btn:after, .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .steps-view:after { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: darkgray; background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; } #app-container label.FormFieldLabel, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label label, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__label label, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label label, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList:before, .orderform-template .orderform-template-holder #shipping-data .box-step > div:not(.component-loading):first-child:before, .orderform-template .orderform-template-holder #shipping-data .box-step p.input label, .orderform-template .orderform-template-holder #shipping-data .box-step > div > p, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p label { font-size: 12px; font-family: "Inter", "Roboto", sans-serif; font-weight: 700; color: #717171; margin: 10px 0 5px 0; display: block; } #app-container input[type=text], #app-container input[type=tel], #app-container input[type=email], #app-container select, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change #chk-money-change, .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-input, .orderform-template .orderform-template-holder #shipping-data .box-step p.input input, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p input, .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data select:not(.pac-target-input), #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:not(.pac-target-input) { height: 40px; line-height: 40px; max-height: initial; display: inline-block; padding: 0px 10px; border-radius: 4px; border: 1px solid #dcdcdc; outline: initial; font-family: "Inter", "Roboto", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #app-container input.error[type=text], #app-container input.error[type=tel], #app-container input.error[type=email], #app-container select.error, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .error#chk-money-change, .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .error.chk__custom-form-input, .orderform-template .orderform-template-holder #shipping-data .box-step p.input input.error, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p input.error, .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email select.error:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data select.error:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input.error[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input.error[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input.error[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data select.error:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input.error[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input.error[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input.error[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data select.error:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input.error[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input.error[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input.error[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data select.error:not(.pac-target-input), #client-profile-data form.client-pre-email .client-email.input.text input.error[type=email]:not(.pac-target-input) { border-color: #f45f5f; } #app-container input[type=text]:focus, #app-container input[type=tel]:focus, #app-container input[type=email]:focus, #app-container select:focus, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change #chk-money-change:focus, .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-input:focus, .orderform-template .orderform-template-holder #shipping-data .box-step p.input input:focus, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p input:focus, .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email select:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data select:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=text]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=tel]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=email]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data select:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=text]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=tel]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=email]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data select:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=text]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=tel]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=email]:focus:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data select:focus:not(.pac-target-input), #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:focus:not(.pac-target-input) { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); } #app-container input[type=text]:not([invalid=true]), #app-container input[type=tel]:not([invalid=true]), #app-container input[type=email]:not([invalid=true]), #app-container select:not([invalid=true]), .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change #chk-money-change:not([invalid=true]), .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-input:not([invalid=true]), .orderform-template .orderform-template-holder #shipping-data .box-step p.input input:not([invalid=true]), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p input:not([invalid=true]), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email select:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data select:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=text]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=tel]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=email]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data select:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=text]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=tel]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=email]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data select:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=text]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=tel]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=email]:not([invalid=true]):not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data select:not([invalid=true]):not(.pac-target-input), #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:not([invalid=true]):not(.pac-target-input) { background-position-y: center; background-position-x: calc(100% - 10px); } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit, .orderform-template .orderform-template-holder #shipping-data .link-box-edit, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .link-box-edit, .orderform-template .orderform-template-holder #payment-data .link-box-edit { background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0; display: inline-block; background-position: -594px 0; width: 22px; height: 22px; box-shadow: none; border: none; color: #fa9425; outline: none; position: absolute; right: 0; top: 50%; padding: 1px; font-size: 14px; transform: translateY(-50%); opacity: 0.7; transition: all ease 0.2s; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .active.link-box-edit, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .active.link-box-edit, .orderform-template .orderform-template-holder #shipping-data .active.link-box-edit, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .active.link-box-edit, .orderform-template .orderform-template-holder #payment-data .active.link-box-edit { background: none; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit:hover, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit:hover, .orderform-template .orderform-template-holder #shipping-data .link-box-edit:hover, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .link-box-edit:hover, .orderform-template .orderform-template-holder #payment-data .link-box-edit:hover { opacity: 1; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #shipping-data .link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #payment-data .link-box-edit i.icon-spinner { font-size: 22px; position: absolute; right: 0; display: none; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .active.link-box-edit i.icon-edit, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .active.link-box-edit i.icon-edit, .orderform-template .orderform-template-holder #shipping-data .active.link-box-edit i.icon-edit, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .active.link-box-edit i.icon-edit, .orderform-template .orderform-template-holder #payment-data .active.link-box-edit i.icon-edit { display: none; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email .active.link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .active.link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #shipping-data .active.link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data .active.link-box-edit i.icon-spinner, .orderform-template .orderform-template-holder #payment-data .active.link-box-edit i.icon-spinner { display: block; } .orderform-template #go-to-shipping, .orderform-template #go-to-payment, .orderform-template #btn-go-to-payment { height: 40px; border-radius: 5px; background: #fa9425; transform: none; border: none; text-transform: uppercase; font-size: 14px; font-weight: 700; position: relative; margin-left: 0; min-width: unset; box-shadow: none; text-shadow: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .additional-data__replace-items-policy__select, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery > select, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery.wrapper-date > select { border: 1px solid #bababa; border-radius: 5px; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-y: 10px; background-size: 16px 16px; background-position-x: 96%; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox], .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox], .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox] { /* Add if not using autoprefixer */ -webkit-appearance: none; /* Remove most all native input styles */ appearance: none; /* For iOS < 15 */ background-color: transparent; /* Not removed via appearance */ margin: 0; font: inherit; color: #bababa; width: 16px; height: 16px; border: 0.15em solid #bababa; border-radius: 4px; transform: translateY(-0.075em); display: grid; place-content: center; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox]:before, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox]:before, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox]:before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox]:before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox]:before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox]:before { content: ""; width: 0.75em; height: 0.75em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #fff; /* Windows High Contrast Mode */ background-color: CanvasText; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox]:checked, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox]:checked, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox]:checked, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox]:checked, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox]:checked, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox]:checked { background-color: #fa9425; border-color: #fa9425; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox]:checked::before, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox]:checked::before, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox]:checked::before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox]:checked::before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox]:checked::before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox]:checked::before { transform: scale(1); } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox]:focus, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox]:focus, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox]:focus, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox]:focus, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox]:focus, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox]:focus { outline: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox]:disabled, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox]:disabled, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox]:disabled, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox]:disabled, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox]:disabled, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox]:disabled { color: #f6f6f6; cursor: not-allowed; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step p.link.link-gift-card { background-color: #ececec; border-color: #bababa; position: relative; height: 40px; box-sizing: border-box; border-radius: 4px; border: 1px solid #cbcbcb; opacity: 1; text-decoration: none; color: #323232; transition: all ease 0.3s; padding: 11px; text-align: center; display: flex; align-items: center; justify-content: center; background: #f3f3f3; } #vtexIdContainer { display: flex; flex-direction: column; align-items: center; } #vtexIdContainer .vtexIdUI { position: sticky !important; left: 0 !important; } @media (max-width: 690px) { #vtexIdContainer .vtexIdUI { margin-left: 0 !important; top: 15% !important; } } header .container .wrapper .header-continuar-comprando i.ico_carrinho { width: 40px; height: 18px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0; background-position: -25px 0; } #client-profile-data form.client-pre-email .emailInfo .icon-lock { width: 124px; height: 150px; display: inline-block; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0; background-position: -685px 0; } #client-profile-data form.client-pre-email .emailInfo .icon-ok { width: 18px; height: 13px; display: inline-block; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0; background-position: -651px 0; } .orderform-template .orderform-template-holder #payment-data .accordion-toggle:before, .orderform-template .orderform-template-holder #shipping-data .accordion-toggle:before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span:before, #client-profile-data form.client-pre-email label span:before { border: none; content: ""; border-radius: 0; font-size: 0; margin-right: 10px; display: inline-block; vertical-align: middle; } #client-profile-data form.client-pre-email label span:before { width: 23px; height: 17px; background: url("https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=3") no-repeat top left !important; background-position: -197px 0 !important; } .orderform-template .orderform-template-holder #shipping-data .accordion-toggle:before, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span:before { width: 25px; height: 24px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0 !important; background-position: -108px 0 !important; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .vtex-omnishipping-1-x-dateLinkModify:after { width: 24px; height: 24px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0; background-position: -74px 0 !important; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper__icon, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper__icon { width: 15px; height: 15px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0; background-position: -230px 0; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .pickup-point-info:before { width: 25px; height: 26px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0 !important; background-position: -829px 0 !important; } .orderform-template .orderform-template-holder #payment-data .accordion-toggle:before { width: 23px; height: 21px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0; background-position: 0 0; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-message .ico-alert { height: 15px; width: 35px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0; background-position: -255px 0; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup #cc-drive-thru .chk__drive-thru-container .chk__drive-thru-banner { width: 172px; height: 42px; background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7) no-repeat 0 0; background-position: -280px 0; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-message .ico-local-payment:before { width: 60px; height: 60px; background: url(https://superangeloni.vteximg.com.br/arquivos/maquina-cartao-vale.png) no-repeat 0 0; background-size: 48px; } #app-container .SavedCardsList::after, #app-container .PaymentCardNumber::after { content: ""; background: url(data:image/png;base64,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) no-repeat 50%; background-size: contain; height: 2.5rem; width: 175px; display: block; position: absolute; right: -11.25rem; bottom: 0; } .orderform-template #go-to-shipping:disabled:before, .orderform-template #go-to-payment:disabled:before, .orderform-template #btn-go-to-payment:disabled:before { content: "\f110"; font-family: FontAwesome; -moz-animation: spin 0.7s infinite linear; -o-animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; animation: spin 0.7s infinite linear; text-decoration: inherit; display: inline-block; margin-right: 5px; } .react-datepicker .react-datepicker__navigation { border: none; background: url("https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7") no-repeat !important; background-position: -679px 0 !important; width: 8px; height: 14px; margin-top: 5px; margin-right: 7px; opacity: 0.7 !important; overflow: visible; z-index: 1000; } button.react-datepicker__navigation.react-datepicker__navigation--previous { transform: rotate(180deg); margin-left: 192px !important; } .react-datepicker-popper.vtex-omnishipping-1-x-datePopper .react-datepicker { top: 16px !important; } .react-datepicker-popper.vtex-omnishipping-1-x-datePopper[data-placement^=bottom] .react-datepicker { top: -9px !important; } #checkoutMainContainer .react-datepicker-popper[data-placement^=bottom] .react-datepicker { top: 26px; } @media (max-width: 690px) { #checkoutMainContainer .react-datepicker { bottom: 70px; left: 50%; margin-right: -50%; transform: translate(-50%); } #checkoutMainContainer .react-datepicker-popper[data-placement=bottom] .react-datepicker { bottom: 39px !important; top: unset; } } #checkoutMainContainer .react-datepicker { border: none !important; } #checkoutMainContainer .react-datepicker .react-datepicker__month-container { box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2509803922); border-radius: 5px; padding: 5px; } #checkoutMainContainer .react-datepicker .react-datepicker__triangle { border: none !important; left: calc(50% + 10px); } #checkoutMainContainer .react-datepicker .react-datepicker__triangle:before { bottom: 0px; filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.2)); border-top-color: #fff; z-index: 1; border-bottom-color: #fff; top: 0px; } .react-datepicker-popper[data-placement=top] .react-datepicker .react-datepicker__triangle:before { top: -8px !important; filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2)) !important; } button.react-datepicker__navigation.react-datepicker__navigation--next ~ .react-datepicker__month-container:before { content: ""; background: url("https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7") no-repeat !important; background-position: -679px 0 !important; width: 8px; height: 14px; position: absolute; right: 40px; transform: rotate(180deg); opacity: 0.5; pointer-events: none; z-index: 1; top: 15px; } button.react-datepicker__navigation.react-datepicker__navigation--previous ~ .react-datepicker__month-container:after { content: ""; background: url("https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=7") no-repeat !important; background-position: -679px 0 !important; width: 8px; height: 14px; position: absolute; right: 17px; opacity: 0.5; z-index: 1; cursor: default; top: 15px; } #checkoutMainContainer .react-datepicker .react-datepicker__header { background-color: #fff; border: none; } #checkoutMainContainer .react-datepicker .react-datepicker__current-month { text-transform: capitalize; text-align: left; padding-left: 10px; color: #fa9425; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name { font-size: 0; } /* Dias da semana no calendário*/ #checkoutMainContainer .react-datepicker .react-datepicker__day-name { font-size: 0; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:after { font-size: 11px; font-weight: 700; color: #211915; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(1):after { content: "Dom"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(2):after { content: "Seg"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(3):after { content: "Ter"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(4):after { content: "Qua"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(5):after { content: "Qui"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(6):after { content: "Sex"; } #checkoutMainContainer .react-datepicker .react-datepicker__day-name:nth-child(7):after { content: "Sab"; } /* Dia disponível */ #checkoutMainContainer .react-datepicker .react-datepicker__day { color: #211915; } /* Dia selecionado */ #checkoutMainContainer .react-datepicker .react-datepicker__day--keyboard-selected, #checkoutMainContainer .react-datepicker .react-datepicker__day--selected { background-color: #fa9425; color: #fff; font-weight: bold; } /* Dia indisponível */ #checkoutMainContainer .react-datepicker .react-datepicker__day.react-datepicker__day--disabled { color: #bababa; } /* Data selecionada por extenso */ #checkoutMainContainer .vtex-omnishipping-1-x-selectedDate { color: #211915; font-size: 14px; margin-right: 10px; } .container-cart { height: calc(100vh - 250px); position: relative; } .container-cart .loading-bg { display: block !important; opacity: 1; } .cart-template.full-cart { display: none !important; } body * { font-family: "Inter", "Roboto", sans-serif; } html body { font-family: "Inter", "Roboto", sans-serif; min-width: initial !important; padding: 0; background: #f6f6f6; min-height: 93vh; position: relative; font-size: 12px; overflow-x: hidden; } html body a { color: #1a73e8; } html body a:hover { color: #1d63be; } @media (max-width: 690px) { html body { padding-bottom: 0px !important; } } .onda-v1 .br-pill, .step, .cart, .totalizers { border-radius: 4px; } .loading.loading-bg { background: #f6f6f6; } .container { max-width: 1300px; width: calc(100% - 40px); } @media screen and (min-width: 700px) and (max-width: 1024px) { .container { width: calc(100% - 32px); } } @media (max-width: 690px) { .container { width: calc(100% - 20px); } } .checkout-container { overflow: initial !important; z-index: 2; } @media (max-width: 690px) { .checkout-container { margin-bottom: 30px; } } .checkout-container .orderform-template { display: flex; justify-content: space-between; align-items: flex-start; transition: position ease 0.8s, opacity ease 0.8s, margin ease 0.8s; } .checkout-container .orderform-template .icon-edit:before { content: ""; } .container-cart h1, h1#orderform-title { font-size: 22px !important; font-weight: 400 !important; color: #323232 !important; } h1#orderform-title { display: none !important; } footer.footer { background: #fa9425; color: #fff; font-size: 11px; font-weight: 400; padding: 15px 0; width: 100%; } footer.footer .container { display: flex; justify-content: flex-start; } .orderform-template #go-to-shipping, .orderform-template #go-to-payment, .orderform-template #btn-go-to-payment { width: 100%; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template #go-to-shipping, .orderform-template #go-to-payment, .orderform-template #btn-go-to-payment { border-radius: 0; } } header { border-top: 4px solid #fa9425; margin-bottom: 25px; /* Linha abaixo do header */ } header:after { content: ""; height: 2px; background: #ececec; max-width: 1340px; width: calc(100% - 40px); position: relative; margin-right: auto; margin-left: auto; display: block; } header .container .wrapper { display: flex; justify-content: space-between; align-items: center; /* Respiro acima e abaixo logo */ } header .container .wrapper .header__logo { padding: 20px 0; } header .container .wrapper .header__logo span { display: none; } header .container .wrapper .header__safe h3 { display: none; } header .container .wrapper .header-continuar-comprando { display: flex; align-items: center; justify-content: flex-end; } header .container .wrapper .header-continuar-comprando a { font-size: 11px; font-weight: 400; color: #484848; margin-left: 15px; cursor: pointer; } @media (max-width: 690px) { header .container { padding: 25px; } header .container .wrapper .header__logo { padding: 0px; } header .container .wrapper .header__logo svg { width: 20vw; } header .container .wrapper .header-continuar-comprando { display: flex; justify-content: flex-end; margin: 30px 0 50px; padding-right: 10px; } header .container .wrapper .header-continuar-comprando a { width: 120px; margin-left: 10px; } } .checkout-steps { display: flex !important; margin-block: 1.875rem; } .checkout-steps .checkout-steps_items .checkout-steps_item { font-size: 18px; font-weight: 400; margin: 0 3.75rem 0 0 !important; color: #717171; } .checkout-steps .checkout-steps_items .checkout-steps_item.last-active { font-size: 20px; font-weight: 700; color: #fa9425; } @media (max-width: 690px) { .checkout-steps { width: 100%; min-width: initial; display: flex !important; } .checkout-steps .checkout-steps_items { width: 100%; margin: 0; } .checkout-steps .checkout-steps_items:not(.active) { display: none !important; } } @media screen and (min-width: 700px) and (max-width: 1024px) { .checkout-steps { margin-block: 1rem; } .checkout-steps-wrap { position: relative; width: 80%; margin: 0 auto; } .checkout-steps_bar { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 90%; height: 4px; background: linear-gradient(to right, #004c97, #004c97); transition: width 0.3s ease; } .checkout-steps .checkout-steps_items .checkout-steps_item { margin: 0 !important; } .checkout-steps_items { display: flex; justify-content: space-between; align-items: center; z-index: 1; position: relative; } .checkout-steps_items .checkout-steps_item { font-weight: 700 !important; font-size: 12px !important; line-height: 16px; letter-spacing: 0%; color: #979899; display: flex; flex-direction: column; align-items: center; } .checkout-steps_items .checkout-steps_item .text:first-child { margin-bottom: 8px; width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #979899; color: #fff; } .checkout-steps_items .checkout-steps_item.active, .checkout-steps_items .checkout-steps_item.last-active { color: #004c97 !important; } .checkout-steps_items .checkout-steps_item.active .text:first-child, .checkout-steps_items .checkout-steps_item.last-active .text:first-child { color: #fff; background-color: #004c97; } } #client-profile-data form.client-pre-email { width: 100%; position: relative; text-align: left; margin-bottom: 20px !important; border-radius: 4px; display: block !important; padding: 20px 30px !important; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email { padding: 24px !important; max-width: 100% !important; } } @media (max-width: 690px) { #client-profile-data form.client-pre-email { padding: 20px 15px !important; } } #client-profile-data form.client-pre-email fieldset.pre-email { box-sizing: border-box; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email fieldset.pre-email { max-width: 100% !important; } } #client-profile-data form.client-pre-email label { display: block; position: relative; font-size: 0; padding: 7px 0 !important; margin: 0; line-height: 20px; } #client-profile-data form.client-pre-email label span { display: flex; padding: 7px 0px; font-size: 0; } #client-profile-data form.client-pre-email label span:before { margin-right: 10px; } #client-profile-data form.client-pre-email label span:after { content: "E-mail"; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email label span:after { color: #484848; } } #client-profile-data form.client-pre-email label small { font-size: 0; margin: 0 0 5px; padding-left: 39px; } #client-profile-data form.client-pre-email label small:before { content: "Para finalizar sua compra, insira seu e-mail"; font-size: 11px; padding: 0; margin: -5px; font-weight: 400; color: #717171; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email label small:before { color: #484848; font-size: 14px; } } #client-profile-data form.client-pre-email h3.client-pre-email-h .link-box-edit { display: none; } #client-profile-data form.client-pre-email .link-cart { display: none; } #client-profile-data form.client-pre-email .client-email.input.text { margin: 0; width: 100%; position: initial; display: flex; margin: 5px 0 10px; } @media (max-width: 690px) { #client-profile-data form.client-pre-email .client-email.input.text { flex-direction: column; } } #client-profile-data form.client-pre-email .client-email.input.text input[type=email] { width: 100%; box-sizing: border-box; } #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:not(.pac-target-input) { width: 420px; font-size: 18px; font-weight: 400; color: #211915; padding: 5px 10px; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:not(.pac-target-input) { width: 100%; flex: 1; font-size: 14px; color: #7F7F7F; } } #client-profile-data form.client-pre-email .client-email.input.text input[type=email]:not([invalid=true]) { background-position-y: center; background-position-x: calc(100% - 10px); } #client-profile-data form.client-pre-email .client-email.input.text .btn-success { width: 140px; height: 40px; position: initial; margin-left: 10px; border-radius: 4px; text-shadow: none; outline: none; text-transform: uppercase; font-size: 12px; font-weight: 700; background: #fa9425; box-shadow: none; border: none; } #client-profile-data form.client-pre-email .client-email.input.text .btn-success span { font-size: calc(12px + 2px); font-weight: 700; } @media (max-width: 690px) { #client-profile-data form.client-pre-email .client-email.input.text .btn-success { width: 100%; margin: 20px 0; } } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email .client-email.input.text .btn-success { width: 40%; border-radius: 0; } } #client-profile-data form.client-pre-email .client-email.input.text span.error { display: block; line-height: 1.2em; padding: 0; margin-top: 45px; position: absolute; } #client-profile-data form.client-pre-email .client-email.input.text .loading-inline { display: none !important; } #client-profile-data form.client-pre-email .client-email.input.text .loading-inline[style=""] + #btn-client-pre-email { font-size: 0; } #client-profile-data form.client-pre-email .emailInfo { margin: 20px 0 0 0; width: 80%; box-sizing: border-box; border: none; background: #f6f6f6; height: 210px; padding: 25px 30px; } @media screen and (min-width: 700px) and (max-width: 1024px) { #client-profile-data form.client-pre-email .emailInfo { width: 100%; height: auto; } #client-profile-data form.client-pre-email .emailInfo .icon-lock { transform: scale(0.8); bottom: 0px !important; right: 0px !important; } } #client-profile-data form.client-pre-email .emailInfo .icon-ok, #client-profile-data form.client-pre-email .emailInfo h3 { color: #004c97; } #client-profile-data form.client-pre-email .emailInfo .icon-ok:before { content: ""; } #client-profile-data form.client-pre-email .emailInfo li span { height: 30px; font-size: 11px; position: relative; bottom: 2px; left: 5px; display: inline-block; } @media (max-width: 690px) { #client-profile-data form.client-pre-email .emailInfo { width: 100%; padding: 24px 12px; margin-top: 0; } } #client-profile-data form.client-pre-email .emailInfo .icon-lock { right: 10px; padding: 10px; bottom: 15px; color: #eee; } #client-profile-data form.client-pre-email .emailInfo .icon-lock:before { content: ""; } #client-profile-data form.client-pre-email + .client-profile-data .accordion-body .accordion-inner { display: none; } #client-profile-data form.client-pre-email + .client-profile-data.filled .accordion-body:before { display: none; } #client-profile-data form.client-pre-email[style*="display: none"] { padding-bottom: 20px !important; } #client-profile-data form.client-pre-email[style*="display: none"] .link-box-edit { display: block !important; } #client-profile-data form.client-pre-email[style*="display: none"] label small { display: none !important; } #client-profile-data form.client-pre-email[style*="display: none"] input#client-pre-email { box-shadow: none !important; pointer-events: none; cursor: text; } #client-profile-data form.client-pre-email[style*="display: none"] .emailInfo, #client-profile-data form.client-pre-email[style*="display: none"] #btn-client-pre-email { display: none; } #client-profile-data form.client-pre-email[style*="display: none"] + .client-profile-data .accordion-inner { display: block; } .btn:focus { outline: none !important; } .container-order-form > .loading.loading-bg { display: none !important; } .orderform-template { display: flex !important; padding-top: 0px; min-height: 400px !important; align-items: flex-start; } @media (max-width: 690px) { .orderform-template { flex-wrap: wrap; } } .orderform-template .orderform-template-holder { width: 100%; } .orderform-template .orderform-template-holder .step .form-step fieldset { width: 100%; float: none; } .orderform-template .orderform-template-holder .step .form-step fieldset p { position: relative; } .orderform-template .orderform-template-holder #client-profile-data { width: 100%; } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template .orderform-template-holder #shipping-data, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data, .orderform-template .orderform-template-holder #payment-data { width: 100% !important; padding: 0; margin: 0; box-sizing: border-box; background: #fff; border-radius: 4px; margin-bottom: 20px !important; z-index: initial; border: none; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template .orderform-template-holder #shipping-data, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data, .orderform-template .orderform-template-holder #payment-data { margin-bottom: 4px !important; } } .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #shipping-data .step.shipping-data select:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=text]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=tel]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data input[type=email]:not(.pac-target-input), .orderform-template .orderform-template-holder #payment-data select:not(.pac-target-input) { width: 100%; max-width: 100%; outline: initial; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template .orderform-template-holder #shipping-data, .orderform-template .orderform-template-holder #shipping-data .step.shipping-data, .orderform-template .orderform-template-holder #payment-data { padding: 20px; } } @media (min-width: 769px) { .orderform-template .orderform-template-holder { width: 61% !important; padding-right: 20px; max-width: calc(100% - 271px); float: left; box-sizing: border-box; } } @media screen and (min-width: 769px) and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder { width: 65% !important; padding-right: 0; } } @media (min-width: 769px) { .orderform-template .cart-template.mini-cart { width: 39%; min-width: 255px; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; bottom: 0px; top: 20px; right: 0; float: right; margin: 0; } } @media (max-width: 690px) { .orderform-template { width: 100%; padding-top: 0px; } } .orderform-template .payment-confirmation-wrap { border: none; padding: 0; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap { margin: 20px 0 0 0; } @media (max-width: 690px) { .orderform-template .payment-confirmation-wrap .payment-submit-wrap { z-index: 9999; position: fixed; bottom: 0; width: 100%; left: 0; padding: 0; background: #fff; margin: 0 !important; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap button { border-radius: 0 !important; } } @media (max-width: 690px) { .orderform-template .payment-confirmation-wrap { border: none !important; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap, .orderform-template .payment-confirmation-wrap button { margin: 0 !important; } } .orderform-template .payment-confirmation-wrap #payment-data-submit:disabled, .orderform-template .payment-confirmation-wrap #payment-data-submit:has(.icon-lock[style*="display: none"]) { background: #bababa; color: #717171; } .orderform-template .payment-confirmation-wrap #payment-data-submit .icon-lock { display: none; } .orderform-template .payment-confirmation-wrap button { border-radius: 5px; background-color: #004c97; text-transform: uppercase; border: 0px; background-image: none; padding: 17px 19px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .payment-confirmation-wrap button { padding: 10px 19px; border-radius: 0; } } .orderform-template .payment-confirmation-wrap button span { font-size: 14px; font-weight: bold; } .orderform-template .payment-confirmation-wrap .msg-birth-date { color: #dd4b39; margin-top: 10px; display: block; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data { padding: 10px 30px; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle { padding: 7px 0; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > i.icon-user { display: none; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span { color: #484848; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span:before { margin-top: -2px; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-inner { padding: 0; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info { margin-bottom: 20px; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p { position: relative; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p label { font-weight: 400; font-size: 16px; color: #484848; margin: 16px 0 4px 0; } } @media (max-width: 690px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p { float: none !important; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-last-name, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-first-name, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-document, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-phone { width: calc(50% - 5px); position: relative; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-last-name, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-first-name, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-document, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-phone { width: 100%; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-last-name input[type=text], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-first-name input[type=text], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-document input[type=text], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p.client-phone input[type=text] { width: 100% !important; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info fieldset p span.help.error { position: absolute; font-size: 11px; margin-top: 0; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label, .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label { padding: 0; display: flex; align-items: center; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox] { margin-right: 10px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .save-data label input[type=checkbox], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box label input[type=checkbox] { margin-right: 8px; width: 24px; height: 24px; border-radius: 0; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .state-inscription-box { margin-top: 20px; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label { padding: 0; display: flex; align-items: center; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info .newsletter label input[type=checkbox] { margin-right: 10px; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info-pj .link a { font-size: 12px; color: #fa9425; text-decoration: underline; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info-pj .link a { font-size: 14px; color: #484848; font-weight: 700; margin: 24px 0; display: block; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data .box-client-info-pj .link a#not-corporate-client { padding: 10px 20px; background-color: #fa9425; color: #fff; text-transform: uppercase; font-weight: 700; text-decoration: none; } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .form-step[style*="display: block"], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .form-step fieldset.box-client-info-pj { padding-top: 15px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .form-step[style*="display: block"], .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .form-step fieldset.box-client-info-pj { padding-top: 0; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .client-notice.notice { padding-left: 40px; font-size: 11px; color: #717171; margin: 0 0 10px 0; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.active .box-step .client-notice.notice { font-size: 14px; padding-left: 36px; } } .orderform-template .orderform-template-holder #client-profile-data .step.client-profile-data.filled .form-step.box-info { display: none !important; } .orderform-template .orderform-template-holder #shipping-data { padding: 10px 30px; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data { padding: 10px 20px; } } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .step.shipping-data { padding: 0; } } .orderform-template .orderform-template-holder #shipping-data span.error.help.msgErrorLoading { text-align: center; font-weight: 600; } .orderform-template .orderform-template-holder #shipping-data .accordion-toggle { padding: 7px 0; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .accordion-toggle { color: #484848; } } .orderform-template .orderform-template-holder #shipping-data .accordion-toggle > i.icon-home { display: none; } .orderform-template .orderform-template-holder #shipping-data .accordion-toggle:before { margin-top: -2px; } .orderform-template .orderform-template-holder #shipping-data .accordion-inner { padding: 0; } .orderform-template .orderform-template-holder #shipping-data .box-step { display: flex; flex-direction: column; } .orderform-template .orderform-template-holder #shipping-data .box-step > div > p { margin: 10px 0 0; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step > div > p { margin: 0; } } .orderform-template .orderform-template-holder #shipping-data .box-step p { clear: both; float: none; } .orderform-template .orderform-template-holder #shipping-data .box-step p.input label { margin: 10px 0 0; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step p.input label { margin: 4px 0 0; font-size: 14px; font-weight: 400; } } .orderform-template .orderform-template-holder #shipping-data .box-step p.input input { width: initial; max-width: initial; } .orderform-template .orderform-template-holder #shipping-data .box-step p.input input#ship-postalCode { width: 50%; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step p.input input#ship-postalCode { width: 60%; display: inline-block; } } .orderform-template .orderform-template-holder #shipping-data .box-step p #ship-postalCode { margin-bottom: 10px; } .orderform-template .orderform-template-holder #shipping-data .box-step > div:not(.component-loading):first-child { -ms-flex-order: 0; order: 0; } .orderform-template .orderform-template-holder #shipping-data .box-step > div:not(.component-loading):first-child:before { content: "Forma de entrega"; } .orderform-template .orderform-template-holder #shipping-data .box-step .shipping-summary-info.component-loading + #cc-additional-data, .orderform-template .orderform-template-holder #shipping-data .box-step .shipping-summary-info.component-loading + #cc-additional-data + #cc-terms { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressFormPart1 { -ms-flex-order: 1; order: 1; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressForm { -ms-flex-order: 2; order: 2; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryGroup { -ms-flex-order: 3; order: 3; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryGroup { margin-top: 0; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-shippingSectionTitle { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .delivery-group-content .vtex-omnishipping-1-x-scheduledDeliveryList:before { content: "Data e horário da retirada *"; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList { border: none; border-radius: 0px; margin-bottom: 0px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList:before { content: "Data e horário de entrega *"; margin-top: 15px; display: block; width: 100%; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList:before { content: "Data e horário da entrega (obrigatório)" !important; margin-top: 0; font-size: 14px; font-weight: 700; color: #484848; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduleActive { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList span.error.help.msgErrorDate { position: absolute; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper { border: none; margin: 7px 0px 20px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-option:hover, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-leanShippingOptionActive { background: #fff; border: none; padding: 0; margin-top: 5px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-option:hover .vtex-omnishipping-1-x-svg path, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-leanShippingOptionActive .vtex-omnishipping-1-x-svg path { fill: #fa9425; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-leanShippingText { border: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-optionPrice, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-leanShippingTextLabelSingle { font-size: 14px; font-weight: 400; color: #211915; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-optionPrice, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper .vtex-omnishipping-1-x-leanShippingTextLabelSingle { font-size: 12px; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery { display: flex; flex-direction: initial; padding: 0; width: 100%; justify-content: space-between; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery { flex-direction: column; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date { display: flex; flex: 0 0 48%; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date { margin-bottom: 15px; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date:not(:has(.vtex-omnishipping-1-x-selectedDate)) { flex: 0 0 100%; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container { border-radius: 5px; padding: 0; cursor: pointer; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container > div { display: flex; justify-content: space-between; border-radius: 5px; padding: 0; cursor: pointer; border: 1px solid #bababa; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container > div:not(:has(.vtex-omnishipping-1-x-selectedDate)) { border: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .vtex-omnishipping-1-x-selectedDate { margin: 9px 4px 9px 10px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .vtex-omnishipping-1-x-selectedDate::first-letter { text-transform: uppercase; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .vtex-omnishipping-1-x-dateLinkModify { font-size: 0; padding: 0 5px; border-left: 1px solid #bababa; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .vtex-omnishipping-1-x-dateLinkModify:after { content: ""; display: inline-block; vertical-align: middle; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .scheduled-delivery-choose { border-color: #fa9425; background: #fa9425; color: #fff !important; border: none; box-shadow: none; font-weight: 700; height: 40px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date .react-datepicker__input-container .scheduled-delivery-choose { margin: 0; border-radius: 0; text-transform: uppercase; } } @media (max-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery .wrapper-date { width: 100% !important; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery.wrapper-date > select { display: flex; flex: 0 0 49%; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery.wrapper-date > select.changed { box-shadow: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery > select { display: flex; flex: 0 0 49%; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-scheduledDelivery > select.changed { box-shadow: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-productItems { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-submitPaymentButton { -ms-flex-order: 100; order: 100; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsToggle { border: none; background: none; box-shadow: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper { border: 1px solid #cbcbcb; background: none; box-shadow: none; width: 100%; overflow: hidden; margin: 0 0 20px 0; border-radius: 4px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper .shp-method-option { font-size: 0; font-weight: 700; text-transform: none; height: 40px; padding: 0; background: #fff; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper .shp-method-option.shp-method-option-active { border: none; box-shadow: none; background: #fa9425; color: #fff; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper .shp-method-option.shp-method-option-active { background: #484848; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper .shp-method-option#shipping-option-delivery:after { content: "Receber em casa"; font-size: 14px; font-weight: 700; line-height: 40px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-deliveryChannelsWrapper .shp-method-option#shipping-option-pickup-in-point:after { content: "Retirar na loja"; font-size: 14px; font-weight: 700; line-height: 40px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div { display: flex; flex-wrap: wrap; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-number { flex: 0 0 25%; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-complement { flex: 1; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-receiverName, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-reference, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-country, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-street, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-neighborhood, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-state, .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-address > div .ship-city { width: 100%; margin: 0; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive { position: relative; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary { background: none; padding-top: 20px; padding-bottom: 20px; padding-left: 80px; font-size: 14px; color: #211915; border: 1px solid #cbcbcb; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary { padding: 16px 20px 20px 70px !important; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary:before { background: url(https://superangeloni.vteximg.com.br/arquivos/sprite-checkout.png?v=6) no-repeat 0 0; width: 51px; content: ""; position: absolute; background-position: -514px 0; height: 45px; top: 20px; left: 20px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary:before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEyMSA5LjA2ODg3TDE1LjUzNiAxLjQ4Mjg3QzE0LjU5NzMgMC41NDY4NTYgMTMuMzI1NyAwLjAyMTI0MDIgMTIgMC4wMjEyNDAyQzEwLjY3NDQgMC4wMjEyNDAyIDkuNDAyNzcgMC41NDY4NTYgOC40NjQwMSAxLjQ4Mjg3TDAuODc5MDEyIDkuMDY4ODdDMC41OTk0MzggOS4zNDY2NSAwLjM3Nzc4MiA5LjY3NzE3IDAuMjI2ODk1IDEwLjA0MTNDMC4wNzYwMDcyIDEwLjQwNTMgLTAuMDAxMTEwNCAxMC43OTU4IDEuMjA3OTVlLTA1IDExLjE4OTlWMjEuMDA2OUMxLjIwNzk1ZS0wNSAyMS44MDI1IDAuMzE2MDgzIDIyLjU2NTYgMC44Nzg2OTIgMjMuMTI4MkMxLjQ0MTMgMjMuNjkwOCAyLjIwNDM2IDI0LjAwNjkgMy4wMDAwMSAyNC4wMDY5SDIxQzIxLjc5NTcgMjQuMDA2OSAyMi41NTg3IDIzLjY5MDggMjMuMTIxMyAyMy4xMjgyQzIzLjY4MzkgMjIuNTY1NiAyNCAyMS44MDI1IDI0IDIxLjAwNjlWMTEuMTg5OUMyNC4wMDExIDEwLjc5NTggMjMuOTI0IDEwLjQwNTMgMjMuNzczMSAxMC4wNDEzQzIzLjYyMjIgOS42NzcxNyAyMy40MDA2IDkuMzQ2NjUgMjMuMTIxIDkuMDY4ODdaTTE1IDIyLjAwNjlIOS4wMDAwMVYxOC4wNzI5QzkuMDAwMDEgMTcuMjc3MiA5LjMxNjA4IDE2LjUxNDIgOS44Nzg2OSAxNS45NTE1QzEwLjQ0MTMgMTUuMzg4OSAxMS4yMDQ0IDE1LjA3MjkgMTIgMTUuMDcyOUMxMi43OTU3IDE1LjA3MjkgMTMuNTU4NyAxNS4zODg5IDE0LjEyMTMgMTUuOTUxNUMxNC42ODM5IDE2LjUxNDIgMTUgMTcuMjc3MiAxNSAxOC4wNzI5VjIyLjAwNjlaTTIyIDIxLjAwNjlDMjIgMjEuMjcyMSAyMS44OTQ3IDIxLjUyNjQgMjEuNzA3MSAyMS43MTRDMjEuNTE5NiAyMS45MDE1IDIxLjI2NTIgMjIuMDA2OSAyMSAyMi4wMDY5SDE3VjE4LjA3MjlDMTcgMTYuNzQ2OCAxNi40NzMyIDE1LjQ3NSAxNS41MzU1IDE0LjUzNzNDMTQuNTk3OSAxMy41OTk3IDEzLjMyNjEgMTMuMDcyOSAxMiAxMy4wNzI5QzEwLjY3MzkgMTMuMDcyOSA5LjQwMjE2IDEzLjU5OTcgOC40NjQ0OCAxNC41MzczQzcuNTI2OCAxNS40NzUgNy4wMDAwMSAxNi43NDY4IDcuMDAwMDEgMTguMDcyOVYyMi4wMDY5SDMuMDAwMDFDMi43MzQ4IDIyLjAwNjkgMi40ODA0NCAyMS45MDE1IDIuMjkyOTEgMjEuNzE0QzIuMTA1MzcgMjEuNTI2NCAyLjAwMDAxIDIxLjI3MjEgMi4wMDAwMSAyMS4wMDY5VjExLjE4OTlDMi4wMDA5NCAxMC45MjQ4IDIuMTA2MiAxMC42NzA5IDIuMjkzMDEgMTAuNDgyOUw5Ljg3ODAxIDIuODk5ODdDMTAuNDQxNyAyLjMzODggMTEuMjA0NyAyLjAyMzgxIDEyIDIuMDIzODFDMTIuNzk1MyAyLjAyMzgxIDEzLjU1ODMgMi4zMzg4IDE0LjEyMiAyLjg5OTg3TDIxLjcwNyAxMC40ODU5QzIxLjg5MzEgMTAuNjczMSAyMS45OTgzIDEwLjkyNTkgMjIgMTEuMTg5OVYyMS4wMDY5WiIgZmlsbD0iI0Y3NzQyMyIvPgo8L3N2Zz4K") no-repeat center 6px; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary .vtex-omnishipping-1-x-linkEdit { font-size: 12px; text-transform: capitalize; color: #717171; text-decoration: underline; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-addressSummaryActive .address-summary .vtex-omnishipping-1-x-linkEdit { font-size: 14px; color: #484848; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-warning { margin-bottom: 20px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup { padding-bottom: 5px; margin-bottom: 15px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .pickup-point-info:before { content: ""; display: block; position: absolute; margin-top: 20px; margin-left: 10px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .pickup-point-info .vtex-omnishipping-1-x-pointWrapper { padding-left: 55px; line-height: 17px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .pickup-point-info .vtex-omnishipping-1-x-pointWrapper .vtex-omnishipping-1-x-details { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .button-details-pickup-point { color: #fa9425; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .pickup-marker-blue { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .vtex-omnishipping-1-x-PickupPoint { display: flex; flex-direction: column; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .vtex-omnishipping-1-x-PickupPointInfo { order: 1; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .vtex-omnishipping-1-x-pickupPointChange { border-color: #fa9425; color: #fa9425; background-color: #fff; font-weight: 700; height: 40px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup .vtex-omnishipping-1-x-pickupPointChange { margin: 0; border-radius: 0; text-transform: uppercase; text-align: left; border: none; } } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup #change-pickup-button { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup #cc-drive-thru { display: flex; flex-direction: column; margin-top: 10px; background-color: unset !important; order: 3; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup #cc-drive-thru .chk__drive-thru-container { background: #f4f4f6; width: 100%; display: flex; justify-content: center; border-radius: 5px; margin-top: 5px; } .orderform-template .orderform-template-holder #shipping-data .box-step .vtex-omnishipping-1-x-findPickup #cc-drive-thru span { font-size: 12px; color: #717171; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data { -ms-flex-order: 98; order: 98; background-color: #f6f6f6; border-radius: 4px; padding: 15px; color: #211915; margin-top: 20px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data { background: #ECECEC; padding: 24px; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container { margin-bottom: 10px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container { max-width: 100% !important; margin-bottom: 22px; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__replace-items-policy, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva { position: relative; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__replace-items-policy::after, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva::after { content: "Indique o procedimento que devemos tomar caso alguma mercadoria escolhida não tenha estoque no momento da separação."; color: #484848; font-weight: 400; font-size: 12px; position: relative; left: 24px; display: block; width: 93%; top: 8px; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__replace-items-policy::before, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzN184MzcpIj4KPHBhdGggZD0iTTguOTk5MDYgNC4zMzMzMkM4Ljk5OTA2IDQuNTk4NTQgOC44OTM3IDQuODUyODkgOC43MDYxNyA1LjA0MDQzQzguNTE4NjMgNS4yMjc5NiA4LjI2NDI4IDUuMzMzMzIgNy45OTkwNiA1LjMzMzMyQzcuNzMzODQgNS4zMzMzMiA3LjQ3OTQ5IDUuMjI3OTYgNy4yOTE5NSA1LjA0MDQzQzcuMTA0NDIgNC44NTI4OSA2Ljk5OTA2IDQuNTk4NTQgNi45OTkwNiA0LjMzMzMyQzYuOTk5MDYgNC4wNjgxIDcuMTA0NDIgMy44MTM3NSA3LjI5MTk1IDMuNjI2MjFDNy40Nzk0OSAzLjQzODY4IDcuNzMzODQgMy4zMzMzMiA3Ljk5OTA2IDMuMzMzMzJDOC4yNjQyOCAzLjMzMzMyIDguNTE4NjMgMy40Mzg2OCA4LjcwNjE3IDMuNjI2MjFDOC44OTM3IDMuODEzNzUgOC45OTkwNiA0LjA2ODEgOC45OTkwNiA0LjMzMzMyWk0xNS45OTkxIDEyLjY2NjdWOC4yMjY2NkMxNi4wMjM5IDYuMTcxNjIgMTUuMjcwNSA0LjE4MzI1IDEzLjg4OTkgMi42NjA3N0MxMi41MDk0IDEuMTM4MjkgMTAuNjA0MSAwLjE5NDQxMyA4LjU1NjM5IDAuMDE4NjU0NEM3LjQxMzQ5IC0wLjA2MTMwNzIgNi4yNjY3NSAwLjEwNTE0OCA1LjE5Mzc1IDAuNTA2NzU2QzQuMTIwNzUgMC45MDgzNjUgMy4xNDY1MyAxLjUzNTc2IDIuMzM3IDIuMzQ2NDlDMS41Mjc0NyAzLjE1NzIyIDAuOTAxNTI2IDQuMTMyMzcgMC41MDE1MDkgNS4yMDU5NkMwLjEwMTQ5MSA2LjI3OTU1IC0wLjA2MzI2MzUgNy40MjY1NCAwLjAxODM5MjMgOC41NjkzMkMwLjMxMzA1OSAxMi44MDUzIDQuMDUzNzMgMTYgOC43MjEwNiAxNkgxMi42NjU3QzEzLjU0OTUgMTUuOTk4OSAxNC4zOTY3IDE1LjY0NzQgMTUuMDIxNiAxNS4wMjI1QzE1LjY0NjUgMTQuMzk3NiAxNS45OTggMTMuNTUwNCAxNS45OTkxIDEyLjY2NjdaTTguNDY1NzMgMS4zNDkzMkMxMC4xNzY3IDEuNTAwNjggMTEuNzY3IDIuMjkzOTMgMTIuOTE3MSAzLjU2OTY5QzE0LjA2NzIgNC44NDU0NSAxNC42OTE5IDYuNTA5MiAxNC42NjU3IDguMjI2NjZWMTIuNjY2N0MxNC42NjU3IDEzLjE5NzEgMTQuNDU1IDEzLjcwNTggMTQuMDc5OSAxNC4wODA5QzEzLjcwNDkgMTQuNDU1OSAxMy4xOTYyIDE0LjY2NjcgMTIuNjY1NyAxNC42NjY3SDguNzIxMDZDNC42OTgzOSAxNC42NjY3IDEuNTk5MDYgMTIuMDY2NyAxLjM0OTA2IDguNDc3MzJDMS4yODM0MyA3LjU2MzA0IDEuNDA3MDQgNi42NDUwNSAxLjcxMjE4IDUuNzgwN0MyLjAxNzMyIDQuOTE2MzUgMi40OTc0MyA0LjEyNDIxIDMuMTIyNTEgMy40NTM3N0MzLjc0NzU5IDIuNzgzMzMgNC41MDQyMSAyLjI0OSA1LjM0NTEgMS44ODQxNUM2LjE4NiAxLjUxOTMxIDcuMDkzMSAxLjMzMTc5IDguMDA5NzMgMS4zMzMzMkM4LjE2MTA2IDEuMzMzMzIgOC4zMTM3MyAxLjMzOTMyIDguNDY1NzMgMS4zNDkzMlpNOS4zMzIzOSAxMlY3Ljk5OTk5QzkuMzMyMzkgNy42NDYzNyA5LjE5MTkyIDcuMzA3MjMgOC45NDE4NyA3LjA1NzE4QzguNjkxODIgNi44MDcxMyA4LjM1MjY4IDYuNjY2NjYgNy45OTkwNiA2LjY2NjY2SDcuMzMyMzlDNy4xNTU1OCA2LjY2NjY2IDYuOTg2MDEgNi43MzY4OSA2Ljg2MDk5IDYuODYxOTJDNi43MzU5NiA2Ljk4Njk0IDYuNjY1NzMgNy4xNTY1MSA2LjY2NTczIDcuMzMzMzJDNi42NjU3MyA3LjUxMDEzIDYuNzM1OTYgNy42Nzk3IDYuODYwOTkgNy44MDQ3M0M2Ljk4NjAxIDcuOTI5NzUgNy4xNTU1OCA3Ljk5OTk5IDcuMzMyMzkgNy45OTk5OUg3Ljk5OTA2VjEyQzcuOTk5MDYgMTIuMTc2OCA4LjA2OTMgMTIuMzQ2NCA4LjE5NDMyIDEyLjQ3MTRDOC4zMTkzNSAxMi41OTY0IDguNDg4OTIgMTIuNjY2NyA4LjY2NTczIDEyLjY2NjdDOC44NDI1NCAxMi42NjY3IDkuMDEyMTEgMTIuNTk2NCA5LjEzNzEzIDEyLjQ3MTRDOS4yNjIxNiAxMi4zNDY0IDkuMzMyMzkgMTIuMTc2OCA5LjMzMjM5IDEyWiIgZmlsbD0iIzQ4NDg0OCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzN184MzciPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="); bottom: 2px; position: absolute; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva::after { content: "Indique se deseja receber seu pedido sem estar acondicionado em sacolas plásticas"; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .wrapper-checkbox-contact > div { flex-direction: column; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .wrapper-checkbox-contact > div > div:first-child { margin-bottom: 16px; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__payment { max-width: 100%; text-align: center; padding: 5px 15px; font-size: 14px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__payment { text-align: left; color: #484848; display: flex; align-items: center; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__payment::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2N181MDQ1KSI+CjxwYXRoIGQ9Ik0xMiAwQzkuNjI2NjMgMCA3LjMwNjU1IDAuNzAzNzg4IDUuMzMzMTYgMi4wMjIzNkMzLjM1OTc3IDMuMzQwOTQgMS44MjE3IDUuMjE1MDkgMC45MTM0NTEgNy40MDc4QzAuMDA1MTk5NDMgOS42MDA1MSAtMC4yMzI0NDEgMTIuMDEzMyAwLjIzMDU4MiAxNC4zNDExQzAuNjkzNjA1IDE2LjY2ODkgMS44MzY0OSAxOC44MDcxIDMuNTE0NzIgMjAuNDg1M0M1LjE5Mjk1IDIyLjE2MzUgNy4zMzExNSAyMy4zMDY0IDkuNjU4OTIgMjMuNzY5NEMxMS45ODY3IDI0LjIzMjQgMTQuMzk5NSAyMy45OTQ4IDE2LjU5MjIgMjMuMDg2NkMxOC43ODQ5IDIyLjE3ODMgMjAuNjU5MSAyMC42NDAyIDIxLjk3NzYgMTguNjY2OEMyMy4yOTYyIDE2LjY5MzUgMjQgMTQuMzczNCAyNCAxMkMyMy45OTY2IDguODE4NDYgMjIuNzMxMiA1Ljc2ODIxIDIwLjQ4MTUgMy41MTg1MkMxOC4yMzE4IDEuMjY4ODMgMTUuMTgxNSAwLjAwMzQ0MTA4IDEyIDBWMFpNMTIgMjJDMTAuMDIyMiAyMiA4LjA4ODc5IDIxLjQxMzUgNi40NDQzIDIwLjMxNDdDNC43OTk4MSAxOS4yMTU5IDMuNTE4MDkgMTcuNjU0MSAyLjc2MTIxIDE1LjgyNjhDMi4wMDQzMyAxMy45OTk2IDEuODA2MyAxMS45ODg5IDIuMTkyMTUgMTAuMDQ5MUMyLjU3OCA4LjEwOTI5IDMuNTMwNDEgNi4zMjc0NiA0LjkyODk0IDQuOTI4OTNDNi4zMjc0NiAzLjUzMDQxIDguMTA5MjkgMi41NzggMTAuMDQ5MSAyLjE5MjE1QzExLjk4ODkgMS44MDYzIDEzLjk5OTYgMi4wMDQzMyAxNS44MjY4IDIuNzYxMkMxNy42NTQxIDMuNTE4MDggMTkuMjE1OSA0Ljc5OTgxIDIwLjMxNDcgNi40NDQzQzIxLjQxMzUgOC4wODg3OSAyMiAxMC4wMjIyIDIyIDEyQzIxLjk5NzEgMTQuNjUxMyAyMC45NDI2IDE3LjE5MzEgMTkuMDY3OSAxOS4wNjc5QzE3LjE5MzEgMjAuOTQyNiAxNC42NTEzIDIxLjk5NzEgMTIgMjJaIiBmaWxsPSIjNDg0ODQ4Ii8+CjxwYXRoIGQ9Ik0xMiA1LjAwMDI0QzExLjczNDggNS4wMDAyNCAxMS40ODA0IDUuMTA1NiAxMS4yOTI5IDUuMjkzMTRDMTEuMTA1NCA1LjQ4MDY3IDExIDUuNzM1MDMgMTEgNi4wMDAyNFYxNC4wMDAyQzExIDE0LjI2NTUgMTEuMTA1NCAxNC41MTk4IDExLjI5MjkgMTQuNzA3NEMxMS40ODA0IDE0Ljg5NDkgMTEuNzM0OCAxNS4wMDAyIDEyIDE1LjAwMDJDMTIuMjY1MiAxNS4wMDAyIDEyLjUxOTYgMTQuODk0OSAxMi43MDcxIDE0LjcwNzRDMTIuODk0NyAxNC41MTk4IDEzIDE0LjI2NTUgMTMgMTQuMDAwMlY2LjAwMDI0QzEzIDUuNzM1MDMgMTIuODk0NyA1LjQ4MDY3IDEyLjcwNzEgNS4yOTMxNEMxMi41MTk2IDUuMTA1NiAxMi4yNjUyIDUuMDAwMjQgMTIgNS4wMDAyNFoiIGZpbGw9IiM0ODQ4NDgiLz4KPHBhdGggZD0iTTEzIDE4LjAwMDJDMTMgMTcuNDQ4IDEyLjU1MjMgMTcuMDAwMiAxMiAxNy4wMDAyQzExLjQ0NzcgMTcuMDAwMiAxMSAxNy40NDggMTEgMTguMDAwMkMxMSAxOC41NTI1IDExLjQ0NzcgMTkuMDAwMyAxMiAxOS4wMDAzQzEyLjU1MjMgMTkuMDAwMyAxMyAxOC41NTI1IDEzIDE4LjAwMDJaIiBmaWxsPSIjNDg0ODQ4Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTY3XzUwNDUiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="); margin-right: 12px; } } @media screen and (min-width: 690px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container { max-width: 50%; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label { display: flex; align-items: center; /* Show the additional-data__helper__content when the icon is hovered */ } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label label { color: #211915; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label label { color: #484848; font-size: 14px; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper__icon { margin-left: 10px; display: block; margin-top: 3px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper__icon { display: none; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper__icon:hover + .additional-data__helper { display: block; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper .additional-data__helper__content { width: 150px; font-size: 11px; background: #fce72c; border-radius: 5px; padding: 5px 10px; position: absolute; margin-top: -20px; margin-left: 12px; color: #484848; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__label .additional-data__helper .additional-data__helper__content:after { content: ""; position: absolute; top: 10px; left: -10px; width: 0; height: 0; border-right: 10px solid #fce72c; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact span.errorCheckbox { width: 100%; display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact.hide { display: none !important; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact.error .additional-data__content input#cc-subs-contact-phone, .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact.error .additional-data__content input#cc-subs-contact-email { border: 0.0625rem solid #f45f5f; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact.error .additional-data__content label { color: #f45f5f; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact.error span.errorCheckbox { display: block; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-checkbox-contact span.errorCheckbox { color: #dd4b39; display: none; line-height: 1.2em; margin-top: 0.3125rem; padding: 0; font-style: italic; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content.additional-data__replace-items-policy__content span.error { width: 100%; display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content.additional-data__replace-items-policy__content.error .additional-data__replace-items-policy__select { border: 1px solid #f45f5f; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content.additional-data__replace-items-policy__content.error span.error { display: block; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs.hide { display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content { display: flex; align-items: center; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content label { font-size: 0.6875rem; font-weight: 400; color: #717171; margin-left: 0.625rem; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content label { font-size: 14px; color: #484848; } } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container .additional-data__content .wrapper-contact-subs .additional-data__content input[type=checkbox] { width: 24px; height: 24px; border-radius: 0; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content { display: flex; align-items: center; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content label { font-size: 11px; font-weight: 400; color: #717171; margin-left: 10px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__angeloni-preserva .additional-data__content input[type=checkbox] { width: 24px; height: 24px; border-radius: 0; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-additional-data .additional-data__container.additional-data__custom-obs textarea { height: 50px; line-height: 20px; width: 100%; max-height: 100px; position: relative; box-sizing: border-box; resize: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms { -ms-flex-order: 99; order: 99; padding: 15px; border-radius: 5px; background: #f6f6f6; font-size: 12px; color: #717171; font-style: italic; margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms { background: #fff; border: 1px solid #1877F2; padding: 24px; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__label { display: flex; align-items: center; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__label::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2N180OTAyKSI+CjxwYXRoIGQ9Ik0xMiAwQzkuNjI2NjMgMCA3LjMwNjU1IDAuNzAzNzg4IDUuMzMzMTYgMi4wMjIzNkMzLjM1OTc3IDMuMzQwOTQgMS44MjE3IDUuMjE1MDkgMC45MTM0NTEgNy40MDc4QzAuMDA1MTk5NDMgOS42MDA1MSAtMC4yMzI0NDEgMTIuMDEzMyAwLjIzMDU4MiAxNC4zNDExQzAuNjkzNjA1IDE2LjY2ODkgMS44MzY0OSAxOC44MDcxIDMuNTE0NzIgMjAuNDg1M0M1LjE5Mjk1IDIyLjE2MzUgNy4zMzExNSAyMy4zMDY0IDkuNjU4OTIgMjMuNzY5NEMxMS45ODY3IDI0LjIzMjQgMTQuMzk5NSAyMy45OTQ4IDE2LjU5MjIgMjMuMDg2NkMxOC43ODQ5IDIyLjE3ODMgMjAuNjU5MSAyMC42NDAyIDIxLjk3NzYgMTguNjY2OEMyMy4yOTYyIDE2LjY5MzUgMjQgMTQuMzczNCAyNCAxMkMyMy45OTY2IDguODE4NDYgMjIuNzMxMiA1Ljc2ODIxIDIwLjQ4MTUgMy41MTg1MkMxOC4yMzE4IDEuMjY4ODMgMTUuMTgxNSAwLjAwMzQ0MTA4IDEyIDBWMFpNMTIgMjJDMTAuMDIyMiAyMiA4LjA4ODc5IDIxLjQxMzUgNi40NDQzIDIwLjMxNDdDNC43OTk4MSAxOS4yMTU5IDMuNTE4MDkgMTcuNjU0MSAyLjc2MTIxIDE1LjgyNjhDMi4wMDQzMyAxMy45OTk2IDEuODA2MyAxMS45ODg5IDIuMTkyMTUgMTAuMDQ5MUMyLjU3OCA4LjEwOTI5IDMuNTMwNDEgNi4zMjc0NiA0LjkyODk0IDQuOTI4OTNDNi4zMjc0NiAzLjUzMDQxIDguMTA5MjkgMi41NzggMTAuMDQ5MSAyLjE5MjE1QzExLjk4ODkgMS44MDYzIDEzLjk5OTYgMi4wMDQzMyAxNS44MjY4IDIuNzYxMkMxNy42NTQxIDMuNTE4MDggMTkuMjE1OSA0Ljc5OTgxIDIwLjMxNDcgNi40NDQzQzIxLjQxMzUgOC4wODg3OSAyMiAxMC4wMjIyIDIyIDEyQzIxLjk5NzEgMTQuNjUxMyAyMC45NDI2IDE3LjE5MzEgMTkuMDY3OSAxOS4wNjc5QzE3LjE5MzEgMjAuOTQyNiAxNC42NTEzIDIxLjk5NzEgMTIgMjJaIiBmaWxsPSIjMDA0Qzk3Ii8+CjxwYXRoIGQ9Ik0xMiA1LjAwMDI0QzExLjczNDggNS4wMDAyNCAxMS40ODA0IDUuMTA1NiAxMS4yOTI5IDUuMjkzMTRDMTEuMTA1NCA1LjQ4MDY3IDExIDUuNzM1MDMgMTEgNi4wMDAyNFYxNC4wMDAyQzExIDE0LjI2NTUgMTEuMTA1NCAxNC41MTk4IDExLjI5MjkgMTQuNzA3NEMxMS40ODA0IDE0Ljg5NDkgMTEuNzM0OCAxNS4wMDAyIDEyIDE1LjAwMDJDMTIuMjY1MiAxNS4wMDAyIDEyLjUxOTYgMTQuODk0OSAxMi43MDcxIDE0LjcwNzRDMTIuODk0NyAxNC41MTk4IDEzIDE0LjI2NTUgMTMgMTQuMDAwMlY2LjAwMDI0QzEzIDUuNzM1MDMgMTIuODk0NyA1LjQ4MDY3IDEyLjcwNzEgNS4yOTMxNEMxMi41MTk2IDUuMTA1NiAxMi4yNjUyIDUuMDAwMjQgMTIgNS4wMDAyNFoiIGZpbGw9IiMwMDRDOTciLz4KPHBhdGggZD0iTTEzIDE4LjAwMDJDMTMgMTcuNDQ4IDEyLjU1MjMgMTcuMDAwMiAxMiAxNy4wMDAyQzExLjQ0NzcgMTcuMDAwMiAxMSAxNy40NDggMTEgMTguMDAwMkMxMSAxOC41NTI1IDExLjQ0NzcgMTkuMDAwMyAxMiAxOS4wMDAzQzEyLjU1MjMgMTkuMDAwMyAxMyAxOC41NTI1IDEzIDE4LjAwMDJaIiBmaWxsPSIjMDA0Qzk3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTY3XzQ5MDIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="); margin-right: 12px; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__label label { cursor: initial; color: #717171; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__label label { color: #004C97; font-size: 16px; font-weight: 400; margin-bottom: 18px; font-style: normal; text-transform: uppercase; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__text ul { padding-inline-start: 16px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__text ul { margin-bottom: 16px; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__text ul li { color: #484848; font-size: 14px; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__text ul li thl { font-weight: 700; } } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__text span { font-size: 14px; color: #484848; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox { margin-top: 15px; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox { display: flex; align-items: center; flex-wrap: wrap; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox label { font-size: 13px; font-weight: 700; color: #fa9425; margin-left: 10px; font-style: normal; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox label { font-size: 14px; color: #484848; } } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox input[type=checkbox] { width: 24px; height: 24px; border-radius: 0; } } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms .terms-data__content .terms-data__checkbox span.error { width: 100%; display: none; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms.error .terms-data__content .terms-data__checkbox input[type=checkbox] { border: 0.15em solid #f45f5f; } .orderform-template .orderform-template-holder #shipping-data .box-step #cc-terms.error .terms-data__content .terms-data__checkbox span.error { display: block; } .orderform-template .orderform-template-holder #shipping-data .shipping-data:not(.active) #cc-terms { display: none; } .orderform-template .orderform-template-holder #shipping-data .shipping-data:not(.active) #cc-additional-data { display: none; } .orderform-template .orderform-template-holder #shipping-data .shipping-data .vtex-omnishipping-1-x-summaryChange { display: none; } .vtex-pickup-points-modal-3-x-modalSearch input, .vtex-pickup-points-modal-3-x-modalSearch button, .vtex-pickup-points-modal-3-x-modalSearch svg { display: none !important; } .button-unavailable-delivery-pickup-wrapper > button { background: white !important; color: #717171 !important; border: solid 1px #bababa !important; font-size: 14px; font-weight: 700; } .button-unavailable-delivery-pickup-wrapper > button span { font-size: 14px; font-weight: 700; } @media screen and (min-width: 700px) and (max-width: 1024px) { .postalCode-finished-loading { margin-top: 40px; } .postalCode-finished-loading::before { content: "Forma de entrega"; font-weight: 700; font-size: 14px; color: #484848; margin-bottom: 8px; } .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode > small { margin-left: 32px; } .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode > small > a { font-size: 14px; color: #004C97; font-weight: 700; text-decoration: underline; } } .orderform-template .orderform-template-holder #payment-data { padding: 10px 30px; } .orderform-template .orderform-template-holder #payment-data .accordion-toggle { padding: 7px 0; display: flex; flex-wrap: wrap; align-items: center; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data .accordion-toggle > span { color: #484848; } } .orderform-template .orderform-template-holder #payment-data .accordion-toggle > i.icon-credit-card { display: none; } .orderform-template .orderform-template-holder #payment-data .accordion-toggle:before { margin-top: -2px; } .orderform-template .orderform-template-holder #payment-data .accordion-toggle.accordion-toggle-active:after { content: "Escolha a sua forma de pagamento para finalizar sua compra"; padding-left: 38px; font-size: 11px; color: #717171; font-weight: 400; width: 100%; line-height: 22px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data .accordion-toggle.accordion-toggle-active:after { color: #484848; font-size: 14px; } } .orderform-template .orderform-template-holder #payment-data .accordion-inner { padding: 0; } .orderform-template .orderform-template-holder #payment-data .accordion-inner .notification { display: none !important; } .orderform-template .orderform-template-holder #payment-data .step.accordion-group { border: none; padding: 0; background: none; margin-bottom: 0; } .orderform-template .orderform-template-holder #payment-data .step.accordion-group:not(.active) #cc-custom-coupon-data { display: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step { padding-top: 20px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset { width: 100%; float: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset p { position: relative; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset .installments p.sight { display: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step p.link.link-gift-card { width: 100%; left: 0; margin-bottom: 15px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step p.link.link-gift-card a { font-size: 14px !important; font-weight: 700; color: #484848; text-align: center; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .gift-card-section { width: 100%; margin: 0 0 15px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group { width: 100%; left: 0; display: block; background: none; position: relative; margin: 0; float: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn { display: flex; width: 100%; align-items: center; flex-wrap: wrap; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn { align-items: stretch; justify-content: center; } } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn a:not(#payment-group-creditCardPaymentGroup):not(#payment-group-custom202PaymentGroupPaymentGroup):not(#payment-group-customPrivate_401PaymentGroup) { display: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item { margin: 0 1% 10px 0; flex: 0 0 24%; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item { flex: 0 0 25%; margin: 0 auto 10px; border-radius: 0; border: 1px solid #A0A0A0; height: auto; background-color: #fff; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item.active { background-color: #484848 !important; border: inherit !important; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item.active .payment-group-item-text { color: #fff !important; } } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item .payment-group-item-text { padding: 0; line-height: 17px; background: none; font-size: 14px; font-weight: 700; color: #484848; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item.active { background-color: #fff; box-shadow: 0 0 6px #cbcbcb; border: 1px solid #bababa; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text { font-size: 0.65rem; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view { width: 100% !important; padding: 0; min-height: initial; background: #fff; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view .payment-method .custom202PaymentGroupPaymentGroup .payment-description, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view .payment-method .custom201PaymentGroupPaymentGroup .payment-description { display: none; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn { flex-direction: column; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step fieldset.payment-group .payment-group-list-btn .payment-group-item { width: 100%; } } .orderform-template .orderform-template-holder #payment-data .box-step-content form.form-step .steps-view .pg-clube-angeloni-ibi { max-width: 99%; } .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .steps-view { margin-top: 10px; max-height: 250px; } .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .payment-group-list-btn, .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .steps-view { overflow: hidden; } .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .payment-group-list-btn:after, .orderform-template .orderform-template-holder #payment-data.cc-payment-loading .box-step-content form.form-step .steps-view:after { content: ""; z-index: 100; width: 100%; height: 100%; display: block; top: 0px; left: 0; position: absolute; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data { display: flex; flex-wrap: wrap; margin-top: 5px; border-bottom: 1px solid #bababa; padding-bottom: 15px; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields-desc { width: 100%; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields-desc .chk__custom-form-desc-title { font-size: 12px; font-weight: 700; color: #211915; text-align: left; cursor: default; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields-desc .chk__custom-form-desc-title { font-size: 16px; color: #484848; } } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields { width: 100%; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form { display: flex; flex-wrap: wrap; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-input { max-width: 200px; margin-right: 10px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-input { max-width: 100%; margin-right: 0; flex: 1; } } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-button { background: #fa9425; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; width: 100px; border-radius: 4px; border: none; } @media screen and (min-width: 700px) and (max-width: 1024px) { .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form .chk__custom-form-button { width: 100%; max-width: 140px; border-radius: 0; border: 1px solid #fa9425; background: #fff; color: #fa9425; } } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-form span.error { width: 100%; min-height: 15px; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-coupon-applied { align-items: center; margin-top: 5px; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content .chk__custom-form-content-coupon-applied #chk-coupon-clear { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center; width: 20px; height: 20px; display: block; cursor: pointer; margin-left: 10px; background-size: 12px; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content.angeloni-button-loading .chk__custom-form-button { opacity: 0.7 !important; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content.angeloni-button-loading #chk-coupon-clear { cursor: text !important; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content.success .chk__custom-form-content-form { display: none; } .orderform-template .orderform-template-holder #payment-data #cc-custom-coupon-data #coupon-fields .chk__custom-form-content.success .chk__custom-form-content-coupon-applied { display: flex !important; align-items: center; margin-top: 5px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery { display: flex; flex-direction: column; width: 55%; margin-bottom: 10px; } @media (max-width: 690px) { .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery { width: 100%; } } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money span, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery span { display: block; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-title, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-title { font-weight: 600; font-size: 14px; color: #211915; padding: 15px 0 10px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-description, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-description { font-weight: 400; font-size: 11px; color: #484848; line-height: 13px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-value-label, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-value-label { font-weight: 400; font-size: 11px; line-height: 13px; color: #211915; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-value, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-value { display: flex; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-value .chk__custom-payment-value-amount, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-value .chk__custom-payment-value-amount { margin-left: 5px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-value span, .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-value span { font-weight: 700; font-size: 12px; line-height: 15px; color: #211915; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-message { display: flex; background: #ececec; padding: 10px; border-radius: 4px; font-weight: 400; font-size: 12px; color: #717171; line-height: 15px; margin: 10px 0 15px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-message .ico-alert { margin-right: 10px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change { margin-top: 15px; display: flex; flex-wrap: wrap; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label { display: flex; align-items: center; width: 100%; /* Show the custom-payment__helper__content when the icon is hovered */ } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label label { color: #211915; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper__icon { margin-left: 10px; display: block; margin-top: 3px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper__icon:hover + .custom-payment__helper { display: block; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper { display: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper .custom-payment__helper__content { width: 150px; font-size: 11px; background: #fce72c; border-radius: 5px; padding: 5px 10px; position: absolute; margin-top: -20px; margin-left: 12px; color: #484848; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change .custom-payment__label .custom-payment__helper .custom-payment__helper__content:after { content: ""; position: absolute; top: 10px; left: -10px; width: 0; height: 0; border-right: 10px solid #fce72c; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change #chk-money-change { border-color: #bababa; color: #211915; font-weight: 400; flex: 1; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-money .chk__custom-payment-money-change #chk-money-change-submit { height: 40px; width: 50px; background: #fa9425; border: none; color: #fff; font-weight: 700; font-size: 14px; border-radius: 4px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery { width: 100%; margin-bottom: 0; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-message { font-weight: 400; font-size: 11px; color: #484848; line-height: 13px; display: flex; align-items: center; margin-top: 10px; background: #f2f2f2; padding: 20px; margin-bottom: 20px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-message .ico-local-payment { display: flex; width: 60px; height: 60px; border: 1px solid #000; border-radius: 50%; padding: 5px; box-sizing: border-box; margin-right: 20px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__custom-payment-message .ico-local-payment:before { content: ""; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container { margin-top: 20px; display: flex; flex-direction: column; align-items: center; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brands__label { width: 100%; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brands__label .chk__local-payment-brands__label-text { font-weight: 700; font-size: 0.875rem; color: #484848; line-height: 0.8125rem; width: 100%; background-color: #f2f2f2; text-align: center; margin-bottom: 0.625rem; padding: 0.3125rem; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brand { width: 60%; margin-bottom: 15px; display: flex; flex-direction: column; align-items: center; position: relative; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brand .chk__local-payment-brand__label { margin-bottom: 15px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brand .chk__local-payment-brand__label:after { content: ""; background: #cacaca; width: 100%; height: 0.0625rem; margin: 0 auto; display: block; position: absolute; left: 0; top: 10px; } .orderform-template .orderform-template-holder #payment-data .box-step .box-step-content form.form-step .steps-view #cc-custom-payment-on-delivery .chk__local-payment-brands__container .chk__local-payment-brand .chk__local-payment-brand__label span { color: #aaa; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: #fff; position: relative; padding: 0 5px; z-index: 10; } #checkoutMainContainer .orderform-template-holder #payment-data .second-payment-group { display: none; } #checkoutMainContainer .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .payment-group-item-cards { display: none; } #checkoutMainContainer .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .uses-two-saved-cards { margin-top: 2.75rem; } #app-container { min-height: 100vh; background: #fff; } @media (max-width: 690px) { #app-container { max-width: 100%; height: auto; } } #app-container .iframe-custom-private-401-payment-group { max-width: 99%; } #app-container .iframe-credit-card-payment-group { background: #fff; max-width: 440px; width: 100%; overflow: visible; } @media screen and (min-width: 350px) and (max-width: 550px) { #app-container .iframe-credit-card-payment-group { width: 99%; } } @media (max-width: 690px) { #app-container .iframe-credit-card-payment-group { max-width: 100%; height: auto; } } #app-container input[type=text], #app-container input[type=tel], #app-container input[type=email], #app-container select { width: 100%; } #app-container span.help.error { margin: 0 !important; display: none; } #app-container .SecurityEnvironmentIcon { margin-bottom: 20px; display: none; } #app-container .CardForm { display: flex; flex-direction: column; } #app-container .CardForm > div { position: relative; clear: both; } #app-container .CardForm .PaymentValue { display: none; } #app-container .CardForm input#creditCardpayment-card-0Number[value=""] { background: #fff; position: relative; z-index: 1; } #app-container .CardForm .SavedCardsList { width: calc(100% - 1px); } #app-container .CardForm .SavedCard .link-delete { right: 8px; top: 50%; margin-top: -10px; border: 1px solid #ccc; background: #fff; width: 20px; height: 20px; line-height: 17px; } #app-container .CardForm .PaymentInstallments + .PaymentCardCVV { transform: translateX(188px); } @media (max-width: 390px) { #app-container .CardForm .PaymentInstallments + .PaymentCardCVV { transform: inherit; } } #app-container .CardForm .PaymentCardCVV { display: inline-grid; align-self: flex-end; margin-top: -80px; width: 40%; z-index: 1; position: relative; } @media screen and (min-width: 350px) and (max-width: 550px) { #app-container .CardForm .PaymentCardCVV { width: 45%; } } @media (max-width: 390px) { #app-container .CardForm .PaymentCardCVV { display: flex; flex-direction: column; align-self: flex-start; margin-top: 0px; width: 100%; } } #app-container .CardForm .PaymentCardCVV input#creditCardpayment-card-0Code, #app-container .CardForm .PaymentCardCVV input#creditCardpayment-card-1Code { text-align: left; } #app-container .CardForm .PaymentCardCVV .PaymentCardCVVHelp { position: absolute; top: -1.5rem; left: -10rem; } #app-container .CardForm .PaymentCardCVV .PaymentCardCVVHelp .cvv-help-arrow { left: 50% !important; top: 103% !important; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #app-container .CardForm .input-append, #app-container .CardForm .input-prepend { display: flex !important; align-items: stretch; } #app-container .CardForm .input-append .btn, #app-container .CardForm .input-append .add-on, #app-container .CardForm .input-prepend .btn, #app-container .CardForm .input-prepend .add-on { height: 40px; line-height: 40px; box-sizing: border-box; padding: 0; width: 20px; } #app-container .CardForm .input-append .add-on, #app-container .CardForm .input-prepend .add-on { height: initial !important; } #app-container .CardForm .input-append input, #app-container .CardForm .input-prepend input { border-radius: 0 4px 4px 0 !important; width: 100% !important; max-width: 100px !important; } #app-container .CardForm:nth-of-type(2) { border-top: 1px solid #f6f6f6; margin-top: 10px; padding-top: 10px; } #app-container .CardForm .PaymentCardValue .FormFieldLabel { float: left; line-height: 38px; } #app-container .FormFieldLabel { line-height: 30px; } #app-container .PaymentCardFlags { position: absolute; top: calc(30px + (40px - 25px) / 2); right: 16px; padding: 0; } #app-container .PaymentCardFlags .card-flag-label input { display: none; } #app-container .PaymentCardFlags .card-flag-label { width: auto; } #app-container .PaymentCardFlags .card-flag { opacity: 0.7; display: none; } #app-container .PaymentCardFlags .card-flag.card-selected { opacity: 1; display: block; } #app-container .label-vertical-group { padding: 9px; } #app-container .label-vertical-group:hover { color: #fa9425; } #app-container .label-vertical-group.active { color: #fa9425; } #app-container .label-vertical-group:not(.SavedCard) .card-flag { position: absolute; left: 5px; top: 8px; } #app-container .label-vertical-group .icon-ok-circle, #app-container .label-vertical-group .icon-circle-blank { top: 9px; } #app-container .label-vertical-group.UseAnotherCard { background-color: #eee; padding: 4px; font-size: 11px; text-decoration: underline; } #app-container .label-vertical-group.UseAnotherCard #use-another-card { color: #676767; } #app-container .label-vertical-group.UseAnotherCard:hover #use-another-card { text-decoration: underline; color: #999999; } #app-container label.FormFieldLabel { line-height: 25px; padding-top: 5px; margin: 0; display: block; clear: both; width: auto; float: none; } @media screen and (min-width: 350px) and (max-width: 550px) { #app-container label.FormFieldLabel { font-size: 16px; color: #484848; font-weight: 400; } } #app-container .AddressForm { display: flex; flex-wrap: wrap; } #app-container .AddressForm > * { width: 100%; order: 10; } #app-container .AddressForm input { max-width: 100%; } #app-container .AddressForm .PostalCode { order: 0; } #app-container .AddressForm .AddressField.payment-billing-address-street { order: 1; } #app-container .AddressForm .AddressField.payment-billing-address-number { order: 2; margin-right: 0; } @media (min-width: 400px) { #app-container .AddressForm .AddressField.payment-billing-address-number { width: 49%; margin-right: 2%; } } #app-container .AddressForm .AddressField.payment-billing-address-complement { order: 2; } @media (min-width: 400px) { #app-container .AddressForm .AddressField.payment-billing-address-complement { width: 49%; } } #app-container .AddressForm .AddressField.payment-billing-address-neighborhood { order: 3; } #app-container .AddressForm .AddressField.payment-billing-address-city { order: 4; margin-right: 0; } @media (min-width: 400px) { #app-container .AddressForm .AddressField.payment-billing-address-city { width: 69%; margin-right: 2%; } } #app-container .AddressForm .AddressField.payment-billing-address-state { order: 4; } @media (min-width: 400px) { #app-container .AddressForm .AddressField.payment-billing-address-state { width: 29%; } } #app-container .PaymentInstallments label.FormFieldLabel { font-size: 0; } #app-container .PaymentInstallments label.FormFieldLabel:before { content: "Número de parcelas"; font-size: 12px; line-height: 25px; } @media screen and (min-width: 350px) and (max-width: 550px) { #app-container .PaymentInstallments label.FormFieldLabel:before { font-size: 16px; color: #484848; font-weight: 400; } } #app-container .PaymentInstallments select { max-width: 100%; } @media screen and (min-width: 350px) and (max-width: 550px) { #app-container .PaymentCardDueDate { width: 55%; } #app-container .PaymentCardDueDate p.payment-card-due-month, #app-container .PaymentCardDueDate p.payment-card-due-year { width: 40%; } #app-container .DontKnowPostalCode a, #app-container .ChangeNumberOfPayments a { font-weight: 700; font-size: 14px; color: #004c97; } } .cart-template.mini-cart { width: 39%; min-width: 255px; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; bottom: 0px; top: 20px; right: 0; float: right; margin: 0; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart { width: 33% !important; margin-left: 6px; } } @media (max-width: 690px) { .cart-template.mini-cart { width: 100%; position: relative; top: 0; } } .cart-template.mini-cart .cart-items > .cc-custom-indexed-item { display: none !important; } .cart-template.mini-cart .cart-items .item-unavailable { background-color: #f6f6f6; border-radius: 4px; position: absolute; margin-top: 25px; padding: 8px; width: 100%; } .cart-template.mini-cart .cart-items .item-unavailable .item-unavailable-message span:not(:last-child) { display: none; } .cart-template.mini-cart .cart-items .item-unavailable .item-unavailable-message span:last-child { display: inline !important; font-size: 12px; color: #717171; font-weight: 400; padding-left: 0.5rem; } .cart-template.mini-cart .cart-items .item-unavailable .item-unavailable-message .icon-warning-sign { font-size: 15px; } .cart-template.mini-cart .cart-items .item-unavailable .item-unavailable-message .top-arrow { display: none; } .cart-template.mini-cart .cart-fixed { position: relative; background: #fff; padding: 30px; text-align: left; box-sizing: border-box; border-radius: 4px; border: none; height: auto !important; position: relative !important; max-width: 100%; width: 85%; top: 0; min-height: initial; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .cart-fixed { width: 100%; } } @media (max-width: 690px) { .cart-template.mini-cart .cart-fixed { width: 100%; } } @media (min-width: 769px) { .cart-template.mini-cart .cart-fixed.affix-top { position: relative !important; } } .cart-template.mini-cart .cart-fixed .summary-cart-template-holder { height: auto !important; } .cart-template.mini-cart .cart-fixed .summary-template-holder { margin-top: 0; } .cart-template.mini-cart h2 { font-size: 0; margin-bottom: 0; text-align: left; background-color: #fff; border: none; padding: 7px 0px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart h2 { padding: 7px 0 16px; } } .cart-template.mini-cart h2:before { content: "Resumo da compra"; font-size: 14px; font-weight: 700; color: #211915; display: block; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart h2:before { font-size: 16px; color: #484848; } } .cart-template.mini-cart h2:after { content: "Confira as informações da sua compra"; height: 20px; padding-top: 10px; font-size: 11px; font-weight: 400; color: #717171; margin-bottom: 5px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart h2:after { font-size: 14px; color: #484848; } } .cart-template.mini-cart .quantity { min-width: 10px; width: auto; display: inline-block; background: #fa9425; color: #fff; top: 5px; left: 30px; font-size: 9px; padding: 0 5px; height: 14px; border-radius: 10px; line-height: 14px; box-shadow: none; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .quantity { left: 0; } } .cart-template.mini-cart .summary-template-holder { width: 100%; background: none; border: none; padding: 0; } .cart-template.mini-cart .summary-template-holder tr:not(.Shipping) { display: flex !important; justify-content: space-between; border: none !important; } .cart-template.mini-cart .summary-template-holder .accordion-inner { margin-top: 0px; } .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap, .cart-template.mini-cart .summary-template-holder .summary-coupon-wrap > .summary-coupon { display: none !important; } .cart-template.mini-cart .summary-template-holder input[type=text], .cart-template.mini-cart .summary-template-holder button[type=submit], .cart-template.mini-cart .summary-template-holder p.coupon-fields span.info > span { line-height: 30px !important; height: 30px !important; } .cart-template.mini-cart .summary-template-holder .cart-more-options { display: none !important; } .cart-template.mini-cart .summary-template-holder .summary .summary-coupon-wrap { display: none !important; } .cart-template.mini-cart .item { padding: 10px 0; margin: 0; border: none; display: flex; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .item { flex-direction: column; } } .cart-template.mini-cart .item:last-child { border: none; } .cart-template.mini-cart .item ul.service-list.unstyled { margin: 0; float: none; width: 100%; background: none; display: inline-block; clear: both; } .cart-template.mini-cart .item .service-item { background: #fa9425; border: 1px dashed #dcdcdc; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 5px 10px; margin: 10px 0 0 0; } .cart-template.mini-cart .item .service-item .description { margin-top: 0; } .cart-template.mini-cart .item .service-item > a, .cart-template.mini-cart .item .service-item .quantity, .cart-template.mini-cart .item .service-item .shipping-date, .cart-template.mini-cart .item .service-item .item-subscription { display: none; } .cart-template.mini-cart .item .service-item .price { margin: 0; } .cart-template.mini-cart .item .service-item:last-child { margin-bottom: 0; } .cart-template.mini-cart .item .fn.product-name { width: calc(82% - 60px); padding-top: 5px; color: #211915; font-size: 11px; margin-left: 25px; word-wrap: break-word; overflow: visible; text-overflow: unset; white-space: pre-wrap; padding-right: 25px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .item .fn.product-name { width: 80%; padding: 0; margin-left: 50px; color: #484848; } } .cart-template.mini-cart .item .description { display: flex; justify-content: flex-end; margin-top: 0px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .item .description { margin-left: 50px; justify-content: flex-start; } .cart-template.mini-cart .item .description strong { color: #484848; } } .cart-template.mini-cart .item .price, .cart-template.mini-cart .item .price-subtotal { white-space: nowrap; } .cart-template.mini-cart .item strong.price-subtotal { font-size: 12px; color: #211915; font-weight: 700; padding-top: 5px; display: block; } .cart-template.mini-cart .item span.shipping-date, .cart-template.mini-cart .item strong.price { display: none !important; } .cart-template.mini-cart .item .url { border-radius: 4px; overflow: hidden; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .item .url { position: absolute; width: 48px; height: 48px; } .cart-template.mini-cart .item .url img { width: 48px; height: 48px; object-fit: cover; } } .cart-template.mini-cart .item .url a { width: 42px; height: 42px; } .cart-template.mini-cart .summary-totalizers { margin-bottom: 0; } .cart-template.mini-cart #go-to-cart-button { display: none; } .cart-template.mini-cart .summary-totalizers .totalizers-list { border-top: 1px solid #ececec; padding: 14px 0; display: flex; flex-direction: column; margin-top: 5px; } .cart-template.mini-cart .summary-totalizers .totalizers-list tr.CustomTax:not(.CustomTax--total) { display: none !important; } .cart-template.mini-cart .summary-totalizers .totalizers-list tr.Items { order: 3; } .cart-template.mini-cart .summary-totalizers .totalizers-list tr.srp-summary-result { order: 1; display: flex !important; } .cart-template.mini-cart .summary-totalizers .totalizers-list tr.srp-summary-result td.info { font-size: 0; } .cart-template.mini-cart .summary-totalizers .totalizers-list tr.srp-summary-result td.info:before { content: "Frete"; font-size: 14px; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .summary-totalizers .totalizers-list tr.srp-summary-result td.info:before { color: #484848; } } .cart-template.mini-cart .summary-totalizers .totalizers-list td { display: inline-block; text-align: left !important; width: auto; color: #666; font-size: 13px; padding: 0 0 3px 0 !important; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .summary-totalizers .totalizers-list td { font-size: 14px; color: #484848; } } .cart-template.mini-cart .summary-totalizers .totalizers-list td.monetary { text-align: right !important; margin-left: auto; float: right; } .cart-template.mini-cart .summary-totalizers .totalizers-list + tbody { border-top: none; } .cart-template.mini-cart .summary-totalizers .totalizers-list.shipping-reset, .cart-template.mini-cart .summary-totalizers .totalizers-list.shipping-calculate { display: none !important; } .cart-template.mini-cart .summary-totalizers tfoot { font-weight: bold; } .cart-template.mini-cart .summary-totalizers tfoot tr td { padding: 0 !important; color: #000; font-size: 14px; font-weight: bold; text-align: left; } @media screen and (min-width: 700px) and (max-width: 1024px) { .cart-template.mini-cart .summary-totalizers tfoot tr td { color: #484848; text-transform: uppercase; } } .cart-template.mini-cart .summary-totalizers tfoot tr td.monetary { text-align: right !important; margin-left: auto; float: right; } .cart-template.mini-cart .cart { padding-right: 1rem; margin-bottom: 0; max-height: calc(100vh - 600px); min-height: 150px; overflow: auto; } .cart-template.mini-cart .cart::-webkit-scrollbar { width: 5px; } .cart-template.mini-cart .cart::-webkit-scrollbar-track { background: #ececec; border-radius: 4px; } .cart-template.mini-cart .cart::-webkit-scrollbar-thumb { background: #fa9425; border-radius: 30px; } .cart-template.mini-cart .cart:hover::-webkit-scrollbar-thumb { background: #fa9425; } .cart-template.mini-cart .cart .cart-items:not(.cc-loaded) { max-height: 100px; overflow: hidden; } .cart-template.mini-cart .cart .cart-items:not(.cc-loaded) li.item { overflow: hidden; position: relative; border: none !important; } .cart-template.mini-cart .cart .cart-items:not(.cc-loaded) li.item > * { opacity: 0; } .cart-template.mini-cart .cart .cart-items:not(.cc-loaded) li.item:after { content: ""; width: 100%; height: 100%; display: block; top: 0px; left: 0; position: absolute; } /* source: */ .checkEmailAuthConflict__modal, .checkEmailAuthConflict__modal--bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; } .checkEmailAuthConflict__modal--bg { background: #000; opacity: 0.4; } .checkEmailAuthConflict__modal--wrap { width: 400px; background: #fff; position: fixed; left: calc(50% - 200px); top: 50%; transform: translateY(-50%); z-index: 99999; padding: 30px; border-radius: 3px; box-sizing: border-box; color: #333333; background: #fff; box-shadow: 0 5px 0 #ddd; border-bottom: 1px solid #fff; border-radius: 4px; border: 2px solid #eee; } button.checkEmailAuthConflict__modal--button { background: #1a73e8; padding: 10px; display: inline-block; border: none; border-radius: 3px; color: #fff; } .checkEmailAuthConflict__modal--button.js-loading:after { border: 3px solid #f3f3f3; /* Light grey */ border-top: 3px solid #9999; /* Blue */ border-radius: 50%; width: 10px; height: 10px; animation: spin 1s linear infinite; content: ''; display: inline-block; margin-left: 8px; vertical-align: middle; } h4.checkEmailAuthConflict__modal--title { font-size: 16px; font-weight: bold; color: #000; } p.checkEmailAuthConflict__modal--text { margin-bottom: 20px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }