/* source: */ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap"); /* FONT FAMILY */ /* COLORS */ /* BREAKPOINTS */ /* CONTAINERS */ /* MENU VARIABLES */ /* IMAGES */ /*** COMPONENTS STYLES ***/ /* MODALS */ /* SLIDER DOTS */ /* SLIDER ARROWS */ /* PDP PRODUCT IMAGE ARROWS */ /* PDP NUMERIC STEPPER */ /* PDP BUTTON ADD TO CART */ /*** HEADER ***/ /* pre header */ /* header */ /* GLOSSARY: * chk: chekout * opt: option * bg: background * fs: font-size * fw: font-weight * lh: line-height */ /* CHECKOUT - HEADER */ /* CHECKOUT - FOOTER */ /* CHECKOUT'S BREAKPOINTS */ /* CHECKOUT - GENERALS */ /* CHECKOUT - STRUCTURE */ /* CART - GENERALS */ /* CART - QUANTITY CHANGE */ /* CART - TABLE */ /* CHECKOUT - SUMMARY */ /* CHECKOUT - EMAIL */ /* CHECKOUT - PERSONAL DATA */ /* CHECKOUT - SHIPPING */ /* CHECKOUT - PAYMENT */ @import url("/files/slick.min.css"); button, input, select { outline: 0 !important; } #app-container input[type=email], #app-container input[type=tel], #app-container input[type=text], #app-container select, #vtexIdContainer input, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input, .cart-more-options .srp-container input[type=text]:not(.pac-target-input), .cart-more-options .srp-container select, .orderform-template .summary-note .note-textarea, .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template-holder #payment-data input[type=email]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=text]:not(.pac-target-input), .orderform-template-holder #payment-data select:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=email]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=text]:not(.pac-target-input), .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit], .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type=text], .table.cart-items tbody tr td .product-service select, .table.cart-items td.quantity input, .table.cart-items tr.item-attachments-content input, .table.cart-items tr.item-attachments-content select, .vcustom--vtex-omnishipping-1-x-address input { height: 40px; line-height: 40px; max-height: initial; display: inline-block; padding: 0 10px; border-radius: 4px; border: 1px solid #cbcbcb; outline: initial; font-family: Roboto, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #app-container input.error[type=email], #app-container input.error[type=tel], #app-container input.error[type=text], #app-container select.error, #vtexIdContainer input.error, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input.error, .cart-more-options .srp-container input.error[type=text]:not(.pac-target-input), .cart-more-options .srp-container select.error, .orderform-template .summary-note .error.note-textarea, .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select.error:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input.error[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select.error:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type=email]:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type=tel]:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type=text]:not(.pac-target-input), .orderform-template-holder #payment-data select.error:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type=email]:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type=tel]:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type=text]:not(.pac-target-input), .orderform-template-holder #shipping-data select.error:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input.error, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button.error[type=submit], .summary-template-holder .summary-coupon fieldset.coupon-fieldset input.error[type=text], .table.cart-items tbody tr td .product-service select.error, .table.cart-items td.quantity input.error, .table.cart-items tr.item-attachments-content input.error, .table.cart-items tr.item-attachments-content select.error, .vcustom--vtex-omnishipping-1-x-address input.error { border-color: #ff4c4c; } #app-container input[type=email]:focus, #app-container input[type=tel]:focus, #app-container input[type=text]:focus, #app-container select:focus, #vtexIdContainer input:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input:focus, .cart-more-options .srp-container input[type=text]:focus:not(.pac-target-input), .cart-more-options .srp-container select:focus, .orderform-template .summary-note .note-textarea:focus, .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #payment-data select:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data select:focus:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit]:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type=text]:focus, .table.cart-items tbody tr td .product-service select:focus, .table.cart-items td.quantity input:focus, .table.cart-items tr.item-attachments-content input:focus, .table.cart-items tr.item-attachments-content select:focus, .vcustom--vtex-omnishipping-1-x-address input:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); } input#creditCardpayment-card-0Code, input#creditCardpayment-card-0Number, input#creditCardpayment-card-1Code, input#creditCardpayment-card-1Number { font-size: 18px; } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { animation: input_background_autofill 0s forwards; } @keyframes input_background_autofill { 100% { background-color: transparent; } } .btn, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { font-family: Roboto, sans-serif; text-shadow: none; border-radius: 30px; outline: 0 !important; text-align: center; font-size: 12px; padding: 5px 12px; box-sizing: border-box; display: inline-block; background: 0 0; box-shadow: none; } .btn, .btn:focus, .btn:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { transition: all ease 0.3s; } .btn:focus, .btn:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover { background: 0 0; } .btn-large, .client-pre-email .client-email.input.text .btn-success { padding: 17px 19px; } .btn-link, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { color: #5ba3ca; } .btn-link:focus, .btn-link:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover { color: #1d63be; } .btn-success { background: #2fba2d; border: 1px solid #2fba2d; font-size: 13px; } .btn-success:active, .btn-success:focus, .btn-success:hover { background: #269e24; border: 1px solid #269e24; } .btn-success[disabled] { background: #2fba2d; } .btn-primary { background: #5ba3ca; border: 1px solid #5ba3ca; color: #f1f7ff; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #1d63be; border: 1px solid #1d63be; } .btn-secondary, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data #btn-add-gift-card, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit], .table.cart-items tbody tr td .product-service input[type=submit], .table.cart-items tbody tr td.product-name .add-item-attachment-container a, .table.cart-items tbody tr td.product-name .add-service.btn, .table.cart-items tbody tr td.product-name .clone-item.btn, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item { background: 0 0; border: 1px solid #5ba3ca; color: #5ba3ca; } .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:active, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:hover, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:active, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .orderform-template-holder #payment-data #btn-add-gift-card:active, .orderform-template-holder #payment-data #btn-add-gift-card:focus, .orderform-template-holder #payment-data #btn-add-gift-card:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:active, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit]:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit]:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit]:hover, .table.cart-items tbody tr td .product-service input[type=submit]:active, .table.cart-items tbody tr td .product-service input[type=submit]:focus, .table.cart-items tbody tr td .product-service input[type=submit]:hover, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:active, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:focus, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:hover, .table.cart-items tbody tr td.product-name .add-service.btn:active, .table.cart-items tbody tr td.product-name .add-service.btn:focus, .table.cart-items tbody tr td.product-name .add-service.btn:hover, .table.cart-items tbody tr td.product-name .clone-item.btn:active, .table.cart-items tbody tr td.product-name .clone-item.btn:focus, .table.cart-items tbody tr td.product-name .clone-item.btn:hover, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:active, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:focus, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:hover, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:active, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:focus, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:hover { background: #f1f7ff; border: 1px solid #1d63be; color: #1d63be; } .btn-outlined { background: 0 0; border: 1px solid #2fba2d; color: #2fba2d; } .btn-outlined:active, .btn-outlined:focus, .btn-outlined:hover { background: 0 0; border: 1px solid #269e24; } .btn#payment-data-submit span, .orderform-template-holder #payment-data .payment-discounts-list table td.action a#payment-data-submit span, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a#payment-data-submit span { font-size: 14px; margin-left: 5px; font-weight: 700; } .cart-more-options .srp-container .srp-main-title, .client-pre-email h3.client-pre-email-h span:after, .orderform-template .cart-template.mini-cart h2, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle { font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: 700; margin-bottom: 15px; padding: 7px 0 !important; color: #999; color: #323232; border: none; font-size: 20px; text-transform: initial; margin-bottom: 0; } .payment-data .gift-card-section, .payment-data .payment-discounts-alert { margin: 0; width: 100% !important; box-sizing: border-box; } .input-append, .input-prepend { display: flex !important; align-items: stretch; } .input-append .add-on, .input-append .btn, .input-append .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .input-append .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .input-prepend .add-on, .input-prepend .btn, .input-prepend .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .input-prepend .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .input-append a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .input-prepend a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .input-append a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .input-prepend a { height: 40px; line-height: 40px; box-sizing: border-box; padding: 0; width: 20px; } .input-append .add-on, .input-prepend .add-on { height: initial !important; } .input-append input, .input-prepend input { border-radius: 0 4px 4px 0 !important; width: 100% !important; max-width: 100px !important; } .gift-card-provider-group .action, .gift-card-provider-group .number, .payment-discoints-table .action, .payment-discoints-table .number { text-align: right; } @media (max-width: 690px) { .orderform-template-holder .client-profile-data input[type=text] { width: 100% !important; } } @media (max-width: 690px) { .item-quantity-change { display: inline-block; } .item-quantity-change { float: left; padding: 3px 5px 3px 0; } .item-quantity-change-increment { padding-left: 5px; padding-right: 0; } .full-cart .cart-links-bottom .btn-success { width: 83%; display: block; margin-top: 10px; } .full-cart .cart table { display: block; margin-top: 0 !important; } .full-cart .cart table thead { display: none; } .full-cart .cart table tbody { display: block; } .full-cart .cart table tbody tr + tr { border-top: 1px dashed #ddd; } .full-cart .cart table tbody tr { display: block; margin-top: 10px; padding: 10px 0; position: relative; } .full-cart .cart table tbody tr .product-name .seller, .full-cart .cart table tbody tr .product-name a { overflow: hidden; } .full-cart .cart table tbody tr td { display: inline-block; padding: 4px 0; } .full-cart .cart table tbody tr td.product-name .seller { display: block; line-height: 120%; font-size: 80%; margin: 4px 0; } .full-cart .cart table tbody tr td.bundle-item-image, .full-cart .cart table tbody tr td.product-image { left: 0; position: absolute; } .full-cart .cart table tbody tr td.product-name { display: block; margin-left: 60px; text-align: left; line-height: 140%; width: auto; } .full-cart .cart table tbody tr td.product-name { padding: 0 0 10px !important; } .full-cart .cart table tbody tr td .brand, .full-cart .cart table tbody tr td.empty, .full-cart .cart table tbody tr td.shipping-date { display: none; } .full-cart .cart table tbody tr td.bundle-item-name span, .full-cart .cart table tbody tr td.product-name a { display: block; padding-right: 20px; } .full-cart .cart table tbody tr td.quantity { width: 81px; padding: 0; margin-left: 60px; } .full-cart .cart table tbody tr td.quantity input { float: left; margin: 0; width: 25px; } .full-cart .cart table tbody tr td.product-price { text-align: right; float: right; margin-right: 5px; padding: 0; } .full-cart .cart table tbody tr td.quantity-price { display: none; } .full-cart .cart table tbody tr td.item-remove { position: absolute; top: 2px; right: 0; width: 24px; } .cart-links-bottom { float: none; margin-top: 5px; margin-bottom: 40px; text-align: right; } .more { margin-right: 0; } .full-cart .cart-links-bottom .btn-success { width: auto; } .full-cart .cart table tbody tr.item-attachments-head { border: 0; margin: 0; padding: 0; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header { top: auto; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header:after { content: none; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header strong { box-shadow: none; } .full-cart .cart table tbody tr.item-attachments-content { margin: 0; border: 0; padding: 0; } .full-cart .cart table tbody tr.item-attachments-content .item-attachments-item-fields { margin-left: 5px; width: 95%; } } .default-modal { border-radius: 4px; height: auto; } .modal .btn, .modal .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .modal .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .modal a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .modal a { background: #fff; } .modal.guest-login-modal button.btn { width: auto; } .modal.guest-login-modal, .modal.modal-email-template, .modal.modal-masked-info-template, .modal.modal-payment-template { background: #2fba2d; } .payment-confirmation-message { width: 100%; } #vtexIdContainer { position: fixed !important; } .vtexIdUI { position: absolute; top: 50% !important; transform: translateY(-50%) !important; } #vtexIdContainer { position: fixed; } #vtexIdContainer a { color: #5ba3ca; } #vtexIdContainer .vtexIdUI .modal-footer { background: 0 0; } #vtexIdContainer .vtexIdUI .btn, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a { border-radius: 30px; height: 40px; line-height: 40px; box-shadow: none !important; font-size: 12px; padding: 0 30px; } #vtexIdContainer .vtexIdUI .btn.btn-success, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success { background: #2fba2d; border: 1px solid #2fba2d; } #vtexIdContainer .vtexIdUI .btn.btn-success:active, #vtexIdContainer .vtexIdUI .btn.btn-success:focus, #vtexIdContainer .vtexIdUI .btn.btn-success:hover, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:active, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:focus, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:hover, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:active, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:focus, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:active, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:hover { background: #269e24; border: 1px solid #269e24; } #vtexIdContainer .vtexIdUI .btn#vtexIdUI-facebook, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a#vtexIdUI-facebook, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a#vtexIdUI-facebook, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a#vtexIdUI-facebook, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a#vtexIdUI-facebook { background: #4568ad !important; } @media (max-width: 768px) { #vtexIdContainer { position: fixed !important; } #vtexIdContainer .vtexIdUI { overflow: auto; border-radius: 0; width: 100%; left: 0; margin: 0; top: 0; height: 100% !important; border: none; } #vtexIdContainer .vtexIdUI .modal-header .close { top: 0; right: 0; margin: 0; padding: 4px 8px; } } body { font-family: Roboto, sans-serif; min-width: initial !important; padding: 0; background: #f4f2f2; padding-bottom: 40px !important; min-height: 93vh; position: relative; font-size: 12px; overflow-x: hidden; } body a { color: #5ba3ca; } body a:hover { color: #1d63be; } @media (max-width: 768px) { body { padding-bottom: 0 !important; } } body .cart-template.full-cart > * { opacity: 0; transition-delay: 1.2s; transition-property: opacity; -webkit-transition-duration: 0.5s; } body.v-custom-loaded .cart-template.full-cart > * { opacity: initial; } .cart, .onda-v1 .br-pill, .step, .totalizers { border-radius: 4px; } .loading.loading-bg { background: #f4f2f2; } .container { max-width: 980px; width: calc(100% - 40px); } @media (max-width: 690px) { .container { width: calc(100% - 20px); } } .checkout-container { overflow: initial !important; z-index: 2; } @media (max-width: 768px) { .checkout-container { margin-bottom: 30px; } } .checkout-container .cart-template, .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 .cart-template.inactive, .checkout-container .orderform-template.inactive { max-height: 50vh; overflow: hidden; top: 0; position: absolute; } .checkout-container .full-cart.inactive { margin-left: -140%; } .checkout-container .orderform-template.inactive { left: 140%; margin: 0; display: none !important; } .container-cart h1, h1#orderform-title { font-size: 22px !important; font-weight: 400 !important; color: #323232 !important; } h1#orderform-title { display: none !important; } .v-custom-assemblies { margin: 10px 0 3px 0; overflow: hidden; border-top: 1px solid #cbcbcb; padding-top: 7px; } @media (max-width: 690px) { .v-custom-assemblies { width: 100%; left: 0; margin-bottom: 2px; } } .v-custom-assemblies p { display: none; } .v-custom-assemblies__values { list-style: none; padding: 0; margin: 0; } .v-custom-assemblies__values__item strong:after { content: ":"; } .v-custom-assemblies__values__item span, .v-custom-assemblies__values__item strong { line-height: 14px; } .client-pre-email h3.client-pre-email-h span:before, .client-profile-data .accordion-toggle > span:before, .payment-data .accordion-toggle > span:not(.payment-edit-link):before, .shipping-data .accordion-toggle:before { background: #fff; border: 1px solid #323232; color: #323232; width: 26px; height: 26px; line-height: 26px; font-size: 15px; } body.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before, body.v-custom-step-email .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-payment .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-payment .client-profile-data .accordion-toggle > span:before, body.v-custom-step-payment .payment-data .accordion-toggle > span:not(.payment-edit-link):before, body.v-custom-step-payment .shipping-data .accordion-toggle:before, body.v-custom-step-profile .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-profile .client-profile-data .accordion-toggle > span:before, body.v-custom-step-shipping .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-shipping .client-profile-data .accordion-toggle > span:before, body.v-custom-step-shipping .shipping-data .accordion-toggle:before { background: #5ba3ca; border-color: #5ba3ca; color: #fff; } .client-pre-email h3.client-pre-email-h span:before, .client-profile-data .accordion-toggle > span:before, .payment-data .accordion-toggle > span:not(.payment-edit-link):before, .shipping-data .accordion-toggle:before { text-align: center; margin-right: 10px; border-radius: 100%; display: inline-block; font-weight: 700; vertical-align: middle; margin-top: -2px; } .client-pre-email h3.client-pre-email-h span:before { content: "1"; } .client-profile-data .accordion-toggle > span:before { content: "2"; } .shipping-data .accordion-toggle:before { content: "3"; } .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: "4"; } @media (max-width: 690px) { body:before { width: 0; height: 4px; background: #5ba3ca; display: block; content: ""; position: fixed; top: 0; transition: all ease 0.3s; z-index: 999; } body.v-custom-step-email:before { width: 23%; } body.v-custom-step-profile:before { width: 46%; } body.v-custom-step-shipping:before { width: 69%; } body.v-custom-step-payment:before { width: 92%; } } body.v-custom-step-cart .checkout-steps_item_cart .text, body.v-custom-step-email .checkout-steps_item_cart .text, body.v-custom-step-email .checkout-steps_item_identification .text, body.v-custom-step-payment .checkout-steps_item_cart .text, body.v-custom-step-payment .checkout-steps_item_identification .text, body.v-custom-step-payment .checkout-steps_item_payment .text, body.v-custom-step-payment .checkout-steps_item_shipping .text, body.v-custom-step-profile .checkout-steps_item_cart .text, body.v-custom-step-profile .checkout-steps_item_identification .text, body.v-custom-step-shipping .checkout-steps_item_cart .text, body.v-custom-step-shipping .checkout-steps_item_identification .text, body.v-custom-step-shipping .checkout-steps_item_shipping .text { color: #323232; font-weight: 700; pointer-events: initial; } body.v-custom-step-cart .checkout-steps_item_cart { opacity: 1; } body.v-custom-step-cart .checkout-steps_item_cart .text { pointer-events: none; } body.v-custom-step-cart .checkout-steps_item_cart:before { background: #5ba3ca; border-color: #5ba3ca; } body.v-custom-step-email .checkout-steps_bar_inner-active, body.v-custom-step-profile .checkout-steps_bar_inner-active { width: 20%; } body.v-custom-step-email .checkout-steps_item_cart, body.v-custom-step-email .checkout-steps_item_identification, body.v-custom-step-profile .checkout-steps_item_cart, body.v-custom-step-profile .checkout-steps_item_identification { opacity: 1; } body.v-custom-step-email .checkout-steps_item_cart:before, body.v-custom-step-email .checkout-steps_item_identification:before, body.v-custom-step-profile .checkout-steps_item_cart:before, body.v-custom-step-profile .checkout-steps_item_identification:before { background: #5ba3ca; border-color: #5ba3ca; } body.v-custom-step-email .checkout-steps_item_identification .text, body.v-custom-step-profile .checkout-steps_item_identification .text { pointer-events: none; } body.v-custom-step-shipping .checkout-steps_bar_inner-active { width: 40%; } body.v-custom-step-shipping .checkout-steps_item_cart, body.v-custom-step-shipping .checkout-steps_item_identification, body.v-custom-step-shipping .checkout-steps_item_shipping { opacity: 1; } body.v-custom-step-shipping .checkout-steps_item_cart:before, body.v-custom-step-shipping .checkout-steps_item_identification:before, body.v-custom-step-shipping .checkout-steps_item_shipping:before { background: #5ba3ca; border-color: #5ba3ca; } body.v-custom-step-shipping .checkout-steps_item_shipping .text { pointer-events: none; } body.v-custom-step-payment .checkout-steps_bar_inner-active { width: 60%; } body.v-custom-step-payment .checkout-steps_item_cart, body.v-custom-step-payment .checkout-steps_item_identification, body.v-custom-step-payment .checkout-steps_item_payment, body.v-custom-step-payment .checkout-steps_item_shipping { opacity: 1; } body.v-custom-step-payment .checkout-steps_item_cart:before, body.v-custom-step-payment .checkout-steps_item_identification:before, body.v-custom-step-payment .checkout-steps_item_payment:before, body.v-custom-step-payment .checkout-steps_item_shipping:before { background: #5ba3ca; border-color: #5ba3ca; } body.v-custom-step-payment .checkout-steps_item_payment .text { pointer-events: none; } .checkout-steps { display: none; position: relative; min-width: 470px; width: 100%; display: block; } @media (max-width: 690px) { .checkout-steps { display: none !important; } } .checkout-steps_bar_inner-active { width: 0; background: #5ba3ca; } .checkout-steps_items { display: flex; justify-content: space-between; } .checkout-steps_item { position: relative; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: flex-start; opacity: 0.6; } .checkout-steps_item:after { content: ""; height: 2px; background: #5ba3ca; margin: 0 5px; min-width: 10px; } .checkout-steps_item .text { clear: both; display: flex; align-items: center; color: #999; font-weight: 500; cursor: pointer; pointer-events: none; } .checkout-steps_item .text:before { content: ""; width: 7px; height: 7px; background: #5ba3ca; border: 2px solid #5ba3ca; display: inline-block; border-radius: 100%; margin-right: 7px; transition: all ease 0.3s; } .checkout-steps_item_cart:after { width: calc(100% - 50px); } .checkout-steps_item_identification:after { width: calc(100% - 103px); } .checkout-steps_item_shipping:after { width: calc(100% - 77px); } .checkout-steps_item_payment:after { width: calc(100% - 77px); } .checkout-steps_item_confirmation:after { display: none; } body .main-header { padding: 12px 0; text-align: center; border-bottom: 1px solid #cbcbcb; position: relative; background-color: #fff; margin-bottom: 40px; } body .main-header, body .main-header > .container { display: flex; align-items: center; } @media (max-width: 690px) { body .main-header, body .main-header > .container { justify-content: center; } } body .main-header > .container:after, body .main-header > .container:before { display: none; } body .main-header .header-link { position: absolute; left: 0; top: calc(100% + 18px); display: none; } body .main-header .header-link a { height: 20px; font-size: 11px; line-height: 115%; padding-left: 0; color: #676767; display: flex; align-items: center; } body .main-header .header-link a:before { display: block; float: left; width: 10px; height: 10px; -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQzLjUyIDQ0My41MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjUyIDQ0My41MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0xNDMuNDkyLDIyMS44NjNMMzM2LjIyNiwyOS4xMjljNi42NjMtNi42NjQsNi42NjMtMTcuNDY4LDAtMjQuMTMyYy02LjY2NS02LjY2Mi0xNy40NjgtNi42NjItMjQuMTMyLDBsLTIwNC44LDIwNC44DQoJCQljLTYuNjYyLDYuNjY0LTYuNjYyLDE3LjQ2OCwwLDI0LjEzMmwyMDQuOCwyMDQuOGM2Ljc4LDYuNTQ4LDE3LjU4NCw2LjM2LDI0LjEzMi0wLjQyYzYuMzg3LTYuNjE0LDYuMzg3LTE3LjA5OSwwLTIzLjcxMg0KCQkJTDE0My40OTIsMjIxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQzLjUyIDQ0My41MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjUyIDQ0My41MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0xNDMuNDkyLDIyMS44NjNMMzM2LjIyNiwyOS4xMjljNi42NjMtNi42NjQsNi42NjMtMTcuNDY4LDAtMjQuMTMyYy02LjY2NS02LjY2Mi0xNy40NjgtNi42NjItMjQuMTMyLDBsLTIwNC44LDIwNC44DQoJCQljLTYuNjYyLDYuNjY0LTYuNjYyLDE3LjQ2OCwwLDI0LjEzMmwyMDQuOCwyMDQuOGM2Ljc4LDYuNTQ4LDE3LjU4NCw2LjM2LDI0LjEzMi0wLjQyYzYuMzg3LTYuNjE0LDYuMzg3LTE3LjA5OSwwLTIzLjcxMg0KCQkJTDE0My40OTIsMjIxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #676767; content: ""; } body .main-header .header-link a.back-cart-link { display: none; } @media (max-width: 690px) { body .main-header .header-link { top: 50%; transform: translateY(-50%); } body .main-header .header-link a { max-width: 80px; } body .main-header .header-link a:before { width: 17px; height: 17px; } } body .main-header .logo { max-width: calc(100% - 180px); } body .main-header .logo svg.vtex-logo { height: 50px; } body .main-header .logo, body .main-header .logo img { display: inline-block; font-size: 24px; border: none; line-height: 39px; } body .main-header .checkout-steps { max-width: 540px; margin-left: auto; padding-right: 10px; } @media (max-width: 690px) { body:not(.body-cart) .main-header { padding: 4px 0; margin-bottom: 10px; } body:not(.body-cart) .main-header .v-custom-mhide { display: none !important; } body:not(.body-cart) .main-header, body:not(.body-cart) .main-header > .container { background: 0 0; border: none; justify-content: center; } body:not(.body-cart) .main-header .logo { cursor: default; pointer-events: none; font-weight: 700; } body:not(.body-cart) .main-header .logo img, body:not(.body-cart) .main-header .logo svg { display: none !important; } body:not(.body-cart) .main-header .logo:before { content: "checkout"; text-transform: uppercase; } body:not(.body-cart) .main-header .logo, body:not(.body-cart) .main-header .logo:hover { color: #323232; font-size: 14px; } body:not(.body-cart) .main-header .header-link { display: block; } body:not(.body-cart) .main-header a.buy-more-link { display: none; } body:not(.body-cart) .main-header a.back-cart-link { display: block !important; font-size: 0; } body:not(.body-cart) .main-header a.back-cart-link:before { background: #323232; } } .main-footer { clear: both; text-align: center; padding: 2px 0; border-top: 1px solid #cbcbcb; position: absolute; bottom: 0; width: 100%; z-index: -1; } .main-footer .container { position: initial; } @media (max-width: 768px) { .main-footer { position: relative; } } .main-footer a.credits-vtex { width: 100px; display: block; margin: 0 auto; } .main-footer .vtex-logo { display: block; margin: 0 auto; } .main-footer svg, .main-footer svg path { fill: #999; } .cart { border: none; padding: 0; } body.v-custom-step-cart .main-header .header-link { display: block; } body.v-custom-cart-empty #cart-title, body.v-custom-cart-empty #shipping-preview-container, body.v-custom-cart-empty .cart-more-options, body.v-custom-cart-empty .checkout-steps, body.v-custom-cart-empty .summary-template-holder { display: none !important; } body.v-custom-cart-empty .cart-template-holder { margin: 0 auto; } .empty-cart-content { padding: 50px 0; } h1#cart-title { display: none !important; } .cart-more-options, .cart-template-holder .cart { padding: 20px 30px; background: #fff; margin: 0; border-radius: 4px; } @media (max-width: 690px) { .cart-more-options, .cart-template-holder .cart { padding: 12px; } } .cart-template-holder .cart { border: none; margin-bottom: 20px; } .table.cart-items { display: block; } .table.cart-items thead { width: 100%; display: block; } .table.cart-items thead tr { display: flex; align-items: center; } .table.cart-items thead tr th.product { width: calc(100% - 235px) !important; } .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { width: 90px !important; } .table.cart-items thead tr th.item-remove, .table.cart-items thead tr th.quantity-price, .table.cart-items thead tr th.shipping-date { display: none; } .table.cart-items thead tr th.quantity { min-width: 62px; } .table.cart-items thead tr th.product-image { order: 1; } .table.cart-items thead tr th.product-name { order: 2; } .table.cart-items thead tr th.shipping-date { order: 3; } .table.cart-items thead tr th.quantity { order: 4; } .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { order: 5; } .table.cart-items tr.item-attachments-head { border: none !important; justify-content: center; } .table.cart-items tr.item-attachments-head .help-arrow { display: none; } .table.cart-items td.shipping-date { display: none; } .table.cart-items tbody { display: flex; flex-wrap: wrap; width: 100%; } .table.cart-items tbody tr { width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #eee; } .table.cart-items tbody tr.hide { display: none; } .table.cart-items tbody tr > .v-custom-bundles { width: 100%; } @media (max-width: 690px) { .table.cart-items tbody tr { margin-top: 0 !important; } .table.cart-items tbody tr:first-child { border: none; } } .table.cart-items tbody tr.item-attachments-content, .table.cart-items tbody tr.item-attachments-head { display: none; } .table.cart-items tbody tr .v-custom-product-item-wrap { width: 100%; display: flex; align-items: center; position: relative; padding: 20px 0; } @media (max-width: 690px) { .table.cart-items tbody tr .v-custom-product-item-wrap { display: block; padding: 10px 0; } .table.cart-items tbody tr .v-custom-product-item-wrap:after { content: ""; clear: both; display: block; } } .table.cart-items tbody tr td { width: auto; border: none; } .orderform-template-holder #payment-data .payment-discounts-list table td.action .table.cart-items tbody tr td.product-name a.clone-item, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item, .table.cart-items tbody tr td.product-name .add-item-attachment-container, .table.cart-items tbody tr td.product-name .add-service-container, .table.cart-items tbody tr td.product-name .clone-item.btn, .table.cart-items tbody tr td.product-name .orderform-template-holder #payment-data .payment-discounts-list table td.action a.clone-item, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item { margin: 10px 0; } .orderform-template-holder #payment-data .payment-discounts-list table td.action .table.cart-items tbody tr td.product-name a.clone-item + p, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item + p, .table.cart-items tbody tr td.product-name .add-item-attachment-container + p, .table.cart-items tbody tr td.product-name .add-service-container + p, .table.cart-items tbody tr td.product-name .clone-item.btn + p, .table.cart-items tbody tr td.product-name .orderform-template-holder #payment-data .payment-discounts-list table td.action a.clone-item + p, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item + p { display: none; } @media (min-width: 769px) { .table.cart-items tbody tr td.product-name { width: calc(100% - 355px) !important; } } .table.cart-items tbody tr td.product-name .seller { display: block; } .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { width: 90px !important; white-space: nowrap; margin: 0 10px; line-height: 16px; } .table.cart-items tbody tr td.product-price br, .table.cart-items tbody tr td.quantity-price br { display: none; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { width: initial !important; text-align: right; float: right; margin: 0; padding: 0; } } .table.cart-items tbody tr td.product-price .new-product-price-label, .table.cart-items tbody tr td.product-price .old-product-price-label, .table.cart-items tbody tr td.quantity-price .new-product-price-label, .table.cart-items tbody tr td.quantity-price .old-product-price-label { display: none; } .table.cart-items tbody tr td.product-price .list-price, .table.cart-items tbody tr td.quantity-price .list-price { font-size: 10px; } .table.cart-items tbody tr td.product-price .best-price, .table.cart-items tbody tr td.product-price .total-selling-price, .table.cart-items tbody tr td.quantity-price .best-price, .table.cart-items tbody tr td.quantity-price .total-selling-price { font-weight: 700; position: relative; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price .best-price, .table.cart-items tbody tr td.product-price .total-selling-price, .table.cart-items tbody tr td.quantity-price .best-price, .table.cart-items tbody tr td.quantity-price .total-selling-price { display: flex; justify-content: flex-end; margin-top: 7px; } .table.cart-items tbody tr td.product-price .best-price .discount, .table.cart-items tbody tr td.product-price .total-selling-price .discount, .table.cart-items tbody tr td.quantity-price .best-price .discount, .table.cart-items tbody tr td.quantity-price .total-selling-price .discount { margin-left: 5px; display: block; } } .table.cart-items tbody tr td.product-price .new-product-real-price-per-unit, .table.cart-items tbody tr td.quantity-price .new-product-real-price-per-unit { display: inline-block; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__best, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__best { font-weight: 700; font-size: 12px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list { display: block; font-size: 10px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { display: block; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--list { text-decoration: line-through; color: #999; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { color: #676767; font-size: 10px; line-height: 11px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { margin-bottom: 3px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling .discount, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling .discount { display: none; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling:after, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling:after { content: ")"; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling:before, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling:before { content: "("; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling .best-price, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling .best-price { font-weight: 400; display: inline-block; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list > :last-child, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list > :last-child { margin-bottom: -7px; } } .table.cart-items tbody tr td.product-price.v-custom-quantity-price-active > .list-price, .table.cart-items tbody tr td.quantity-price.v-custom-quantity-price-active > .list-price { display: none !important; } .table.cart-items tbody tr td.product-price > span.best-price, .table.cart-items tbody tr td.product-price > span.list-price, .table.cart-items tbody tr td.quantity-price > span.best-price, .table.cart-items tbody tr td.quantity-price > span.list-price { display: block; } .table.cart-items tbody tr td.product-price a.manualprice-link-remove, .table.cart-items tbody tr td.product-price span.product-manualprice, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove, .table.cart-items tbody tr td.quantity-price span.product-manualprice { z-index: 2; } .table.cart-items tbody tr td.product-price a.manualprice-link-remove, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove { position: absolute; top: -2px; left: -4px; background: #fff; } .table.cart-items tbody tr td.product-price a.manualprice-link-remove i.icon-remove:before, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove i.icon-remove:before { width: 10px !important; height: 10px !important; } .table.cart-items tbody tr td.product-price span.product-manualprice, .table.cart-items tbody tr td.quantity-price span.product-manualprice { padding: 5px 5px 5px 31px; border: 1px solid #ccc; display: inline-block; background: #fff; border-radius: 5px; box-shadow: 0 0 19px #777; position: absolute; top: 0; left: 0; transform: translate(-15%, -34%); } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price span.list-price:not(.hide) + br + span.best-price { margin-top: 0; } } .table.cart-items tbody tr td.item-remove { margin-left: auto; width: 20px !important; } @media (max-width: 690px) { .table.cart-items tbody tr td.item-remove { top: 0 !important; } } .table.cart-items tbody tr td.product-image { order: 1; } .table.cart-items tbody tr td.product-name { order: 2; width: 60%; } .table.cart-items tbody tr td.shipping-date { order: 3; } .table.cart-items tbody tr td.quantity { order: 4; } .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { order: 5; } .table.cart-items tbody tr td.item-remove { order: 10; } .table.cart-items tbody tr td.quantity-price { display: none !important; } .table.cart-items tbody tr td.product-price { display: block !important; } .table.cart-items tbody tr td .field-help { background: #5ba3ca; border-color: #5ba3ca; } .table.cart-items tbody tr td i.icon-question-sign { color: #5ba3ca; } .table.cart-items tbody tr td .add-item-attachment-container, .table.cart-items tbody tr td .clone-item, .table.cart-items tbody tr td p.clone-item-container { display: none !important; } .table.cart-items tbody tr td hr.clone-item-sep { margin: 0; clear: both; border: none; } .table.cart-items tbody tr td .product-service { height: 50px; margin-top: 10px; position: relative; } @media (min-width: 690px) { .table.cart-items tbody tr td .product-service fieldset { width: 100%; position: absolute; min-width: 250px; } } .table.cart-items tbody tr td .product-service p { display: flex; } .table.cart-items tbody tr td .product-service select { background: #fff; width: 100%; margin-right: 10px; } .table.cart-items tbody tr .v-custom-assemblies { clear: both; } .table.cart-items tbody tr.v-custom-bundles-in .product-service { display: none; } .table.cart-items tbody tr.item-unavailable { margin: 10px 0; border-radius: 10px; border: none !important; } @media (max-width: 690px) { .table.cart-items tbody tr.item-unavailable { padding: 0; text-align: center; } } .table.cart-items tbody tr.v-custom-indexedItems-in + tr.item-unavailable { display: none; } .table.cart-items tbody tr.v-custom-indexed-item { border: none; } .table.cart-items tbody tr.item-service, .table.cart-items tbody tr.v-custom-indexed-item { margin: 0 0 10px 0; padding: 0; border-top: none; } .table.cart-items tbody tr.item-service .v-custom-product-item-wrap, .table.cart-items tbody tr.item-service .v-custom-trservice-wrap, .table.cart-items tbody tr.v-custom-indexed-item .v-custom-product-item-wrap, .table.cart-items tbody tr.v-custom-indexed-item .v-custom-trservice-wrap { background: #f1f7ff; border: 1px dashed #cbcbcb; border-radius: 4px; width: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 5px 10px; } .table.cart-items tbody tr.item-service .v-custom-trservice-wrap, .table.cart-items tbody tr.v-custom-indexed-item .v-custom-trservice-wrap { margin-bottom: 10px; margin-top: 10px; } .table.cart-items tbody tr.item-service td.quantity, .table.cart-items tbody tr.v-custom-indexed-item td.quantity { background: #fff; width: 25px; height: 20px; text-align: center; justify-content: center; } .table.cart-items tbody tr.item-service td.quantity p, .table.cart-items tbody tr.v-custom-indexed-item td.quantity p { width: 100%; } .table.cart-items tbody tr.item-service td.product-price, .table.cart-items tbody tr.v-custom-indexed-item td.product-price { display: none !important; } .table.cart-items tbody tr.item-service td.quantity-price, .table.cart-items tbody tr.v-custom-indexed-item td.quantity-price { display: block !important; } .table.cart-items tbody tr.item-service .item-remove, .table.cart-items tbody tr.v-custom-indexed-item .item-remove { margin-left: auto; position: initial; width: auto; } .table.cart-items tbody tr.item-service .item-remove i.icon.icon-remove.item-remove-ico:before, .table.cart-items tbody tr.v-custom-indexed-item .item-remove i.icon.icon-remove.item-remove-ico:before { content: "-"; background: #ff4c4c; color: #fff; line-height: 9px; border-radius: 100%; width: 16px; height: 16px; font-size: 27px; } @media (max-width: 690px) { .table.cart-items tbody tr.item-service, .table.cart-items tbody tr.v-custom-indexed-item { border-top: none !important; } .table.cart-items tbody tr.item-service .product-price, .table.cart-items tbody tr.item-service .quantity, .table.cart-items tbody tr.v-custom-indexed-item .product-price, .table.cart-items tbody tr.v-custom-indexed-item .quantity { margin: auto !important; width: auto !important; min-width: initial !important; } } .table.cart-items tbody tr.v-custom-indexed-item:last-child { margin-bottom: 20px; } .table.cart-items tbody tr.v-custom-indexed-item td.product-image { display: none; } @media (max-width: 690px) { .table.cart-items tbody tr.v-custom-indexed-item td.quantity { display: none; } } .table.cart-items tbody tr.v-custom-indexed-item td.product-name { margin-left: 0 !important; padding: 0 !important; width: 100% !important; margin-right: 15px; } .table.cart-items tbody tr.v-custom-indexed-item p { margin: 0; padding: 0; } .table.cart-items tbody tr:last-child { border-bottom: none; } .table.cart-items tbody > tr.v-custom-indexed-item { display: none; } .table.cart-items td.product-image a { overflow: hidden; border-radius: 4px; } .table.cart-items td.product-image a { margin-right: 20px; } .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 100px; display: block; max-width: initial; height: auto; } @media (max-width: 690px) { .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 70px; } } .table.cart-items td.product-name a, .table.cart-items td.product-name a:hover { color: #333; font-weight: 700; text-decoration: none; } .table.cart-items td.quantity { margin: 0 0 0 10px; display: flex; align-items: center; padding: 0; border-radius: 4px; border: 1px solid #cbcbcb; float: left; } .table.cart-items td.quantity input { margin: 0; width: 30px !important; height: 30px !important; padding: 0; border: none; box-shadow: none; } .table.cart-items td.quantity .item-quantity-change { position: initial; left: initial; top: initial; bottom: initial; height: initial; display: flex; align-items: center; justify-content: center; padding: 0; } .table.cart-items td.quantity .item-quantity-change i { background: 0 0; line-height: 30px; display: inline-block; } .table.cart-items td.quantity .item-quantity-change i:before { font-weight: 700; font-size: 22px; width: 25px; height: 25px; line-height: 25px; color: #000; border-radius: 100%; } .table.cart-items td.quantity .item-quantity-change.item-quantity-change-decrement i:before { content: "-"; line-height: 21px; } .table.cart-items td.quantity .item-quantity-change.item-quantity-change-increment i:before { content: "+"; } @media (max-width: 690px) { .table.cart-items td.quantity { width: 97px; } .table.cart-items td.product-name, .table.cart-items td.quantity { margin-left: 90px !important; } } .table.cart-items i.icon.icon-remove.item-remove-ico:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); width: 15px; height: 15px; } .summary-template-holder { background: #fff; padding: 20px; text-align: left; box-sizing: border-box; border-radius: 4px; position: sticky; top: 20px; border: none; } .summary-template-holder .summary-coupon-wrap, .summary-template-holder .summary-totalizers { width: 100% !important; } .summary-template-holder .cart-more-options { display: none !important; } .summary-template-holder .summary-coupon { text-align: center; margin: 0 auto !important; min-width: initial; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data { display: none !important; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset p { margin: 0; color: #676767; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset p label { cursor: initial; font-size: 13px; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data { margin: 0; width: 100%; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { width: 100%; text-decoration: underline; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div { display: flex; justify-content: space-between; align-items: center; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*=none] { display: block !important; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*=none] p.coupon-label { display: none; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*=flex] p.coupon-label { display: none; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*=flex] p.coupon-fields { width: 100%; } .summary-template-holder .summary-coupon p.coupon-fields span { display: flex; width: 100%; position: relative; } .summary-template-holder .summary-coupon p.coupon-fields span.info { align-items: center; padding: 0; color: #323232; } .summary-template-holder .summary-coupon p.coupon-fields span.info > span { text-align: left; margin-right: 10px; color: #5ba3ca; } .summary-template-holder .summary-coupon p.coupon-fields span input { width: 100%; margin-right: 10px; } .summary-template-holder .summary-coupon p.coupon-fields .delete { width: auto; } .summary-template-holder .summary-coupon p.coupon-fields .delete #cart-coupon-remove { color: #ff4c4c; font-size: 0; display: flex; align-items: center; } .summary-template-holder .summary-coupon p.coupon-fields .delete #cart-coupon-remove:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); width: 11px; height: 12px; display: block; line-height: 10px; } .summary-template-holder .summary-coupon i.icon-spin.loading-coupon { border: 1px solid #666; border-top: none; border-radius: 100%; font-size: 0; width: 20px; height: 20px; padding: 0; line-height: 0; display: none; margin: 0; position: absolute; top: 25%; right: 10px; z-index: -1; } .summary-template-holder span.link-choose-more-products-wrapper { display: none; } .summary-template-holder .cart-links-bottom { float: none; margin: 10px 0 0 0; } .orderform-template-holder #payment-data .payment-discounts-list table td.action .summary-template-holder .cart-links-bottom a, .summary-template-holder .cart-links-bottom .btn, .summary-template-holder .cart-links-bottom .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .cart-links-bottom .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-links-bottom a { width: 100%; box-sizing: border-box; } .summary-template-holder .cart-links-bottom .btn-success { font-weight: 700; } @media (max-width: 690px) { .summary-template-holder .cart-links-bottom { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 10000; } .summary-template-holder .cart-links-bottom a { border-radius: 0; } } .summary-template-holder .summary-totalizers .table td.empty, .summary-template-holder .summary-totalizers .table td.space, .summary-template-holder .summary-totalizers tbody.shipping-calculate { display: none; } .summary-template-holder .shipping-reset { display: none; } .summary-template-holder .accordion-inner { margin-top: 10px; } .summary-template-holder tr:not(.Shipping) { display: flex !important; justify-content: space-between; border: none !important; } .summary-template-holder tr:not(.Shipping).CustomTax:not(.CustomTax--total) { display: none !important; } .summary-template-holder tbody { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 15px 0; display: block; } .summary-template-holder tbody td { display: inline-block; text-align: left !important; width: auto; color: #676767; font-size: 13px; padding: 0 0 3px 0 !important; } .summary-template-holder tbody td.monetary { text-align: right !important; margin-left: auto; float: right; } .summary-template-holder tfoot tr td { padding: 14px 0 !important; color: #323232; font-size: 14px; font-weight: 700; } .summary-template-holder tfoot tr td.monetary { text-align: right !important; margin-left: auto; float: right; color: #5ba3ca; } .summary-coupon { width: 100% !important; } .cart-select-gift-placeholder { width: auto !important; } .cart-more-options { width: 100% !important; margin: 0 !important; border: none; padding: 0; min-height: 0 !important; display: flex !important; flex-wrap: wrap; } .cart-more-options .vtex-shipping-preview-0-x-alert .shp-alert-content.vtex-shipping-preview-0-x-content { display: flex; align-items: center; } .cart-more-options .srp-container { max-width: 100% !important; } .cart-more-options .srp-container span.error { display: none; } .cart-more-options .srp-container .srp-toggle__wrapper label { background: #fff; padding: 10px 0; border-radius: 4px; } .cart-more-options .srp-container .srp-delivery-info .b--light-gray { background: #fff; border-radius: 4px; } .cart-more-options .srp-container input[type=text]:not(.pac-target-input), .cart-more-options .srp-container select { outline: initial; } .cart-more-options .srp-container form.srp-postal-code__form.dib.relative { width: 100%; } .cart-more-options .srp-container button.shp-open-options { border-color: #1d63be; } .cart-more-options .srp-container .onda-v1 .blue { color: #5ba3ca; outline: 0; } .cart-more-options .srp-container .onda-v1 .b--blue { border-color: #5ba3ca; outline: 0; } .cart-more-options .srp-container .onda-v1 .bg-blue { background: #5ba3ca; outline: initial; } .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .ship-country { width: 98%; } .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a { height: 40px; outline: initial; border-radius: 4px; } .cart-more-options .srp-container .ship-postalCode { width: auto !important; max-width: 190px; } .cart-more-options .srp-container .ship-postalCode input#ship-postalCode { width: 100%; } .cart-more-options #shipping-preview-container, .cart-more-options .cart-select-gift-placeholder { margin: 20px; width: 100%; } @media (min-width: 690px) { .cart-more-options .cart-select-gift-placeholder { margin-bottom: 0; } } .cart-more-options .cart-select-gift-placeholder:empty { display: none; } .cart-more-options #shipping-preview-container { width: 100% !important; } @media (max-width: 690px) { .cart-more-options #shipping-preview-container { display: none !important; } } .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .btn, .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode a { padding: 13px 0; } .cart-select-gift-placeholder .available-gift-item.active { background: #f1f7ff; } .cart-select-gift-placeholder .icon-check-empty, .cart-select-gift-placeholder .icon-check-sign, .cart-select-gift-placeholder .label-vertical-group:hover { color: #676767; } .cart-select-gift-placeholder .icon-check-sign, .cart-select-gift-placeholder .label-vertical-group:hover .icon-check-empty { color: #5ba3ca; } .body-cart-vertical .cart-template-holder { width: calc(70% - 20px); } @media (max-width: 998px) { .body-cart-vertical .cart-template-holder { width: 100%; } } .body-cart-vertical .summary-template-holder { width: 30%; } @media (max-width: 998px) { .body-cart-vertical .summary-template-holder { width: 100%; margin-top: 20px; } } .body-cart-vertical .cart-template.full-cart.active { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } .body-cart-vertical .cart-template.full-cart.active .extensions-checkout-buttons-container { width: auto !important; margin: 0; } .body-cart-vertical .cart-template.full-cart.active .totalizers.summary-totalizers.cart-totalizers { width: 100%; padding: 0; margin: 0; } .client-pre-email { background: 0 0; width: 100%; border-top: none; position: relative; text-align: left; } .client-pre-email fieldset.pre-email { box-sizing: border-box; } .client-pre-email label { margin: 0; line-height: 20px; } .client-pre-email label small { font-size: 12px; padding: 0; margin: 0; color: #323232; font-weight: 400; margin: 0; vertical-align: top; display: block; margin-bottom: 13px; margin-top: 20px; } .client-pre-email .link-cart { display: none; } .client-pre-email h3.client-pre-email-h { margin: 0; } .client-pre-email h3.client-pre-email-h span { display: block; position: relative; font-size: 0; padding: 7px 0 !important; } .client-pre-email h3.client-pre-email-h span:after { content: "Email"; vertical-align: middle; display: inline-block; margin: 0; } .client-pre-email h3.client-pre-email-h span:after { padding: 0 !important; } .client-pre-email h3.client-pre-email-h .link-box-edit { display: none; } .client-pre-email a#orderform-to-cart { color: #5ba3ca; } .client-pre-email .client-email.input.text { margin: 0; width: 100%; position: initial; } .client-pre-email .client-email.input.text input[type=email] { width: 100%; box-sizing: border-box; } .client-pre-email .client-email.input.text .btn-success { width: 20%; margin: 0; height: initial; position: absolute; top: initial; bottom: 15px; right: initial; left: 50%; transform: translateX(-50%); min-width: 55%; } @media (max-width: 768px) { .client-pre-email .client-email.input.text .btn-success { width: calc(100% - 60px); } } .client-pre-email .client-email.input.text .loading-inline { position: absolute; color: #fff; font-size: 16px; bottom: 26px; top: initial; right: 50% !important; margin-right: -10px; } .client-pre-email .client-email.input.text .loading-inline[style=""] + #btn-client-pre-email { font-size: 0; } .client-pre-email .emailInfo { margin-top: 20px; width: 80%; box-sizing: border-box; } .client-pre-email .emailInfo .icon-ok, .client-pre-email .emailInfo h3 { color: #5ba3ca; } @media (max-width: 690px) { .client-pre-email .emailInfo { width: 100%; } } .client-pre-email .emailInfo .icon-lock { color: #eee; } @media (max-width: 690px) { .client-pre-email .link-cart { display: none !important; } } .client-pre-email + .client-profile-data .accordion-body:before { content: "Waiting for more information"; display: block; } .client-pre-email + .client-profile-data .accordion-body .accordion-inner { display: none; } .client-pre-email + .client-profile-data.filled .accordion-body:before { display: none; } .client-pre-email[style*="display: none"] { padding-bottom: 20px !important; } .client-pre-email[style*="display: none"] .link-box-edit { display: block !important; } .client-pre-email[style*="display: none"] label small { display: none !important; } .client-pre-email[style*="display: none"] input#client-pre-email { padding: 0 !important; border: none !important; box-shadow: none !important; font-size: 12px; font-weight: 400; pointer-events: none; cursor: text; background: 0 0 !important; color: #676767; } .client-pre-email[style*="display: none"] #btn-client-pre-email, .client-pre-email[style*="display: none"] .emailInfo { display: none; } .client-pre-email[style*="display: none"] + .client-profile-data .accordion-body:before { display: none; } .client-pre-email[style*="display: none"] + .client-profile-data .accordion-inner { display: block; } body:not(.v-custom-step-email) .client-pre-email span.help.error { display: none !important; } .payment-group-item-cards .card-flag { width: 32px !important; background-size: auto 20px; min-width: auto; height: 20px; } .payment-group-item-cards .card-flag.Visa { background-position: 0 0; } .payment-group-item-cards .card-flag.Mastercard { background-position: -32px 0; } .payment-group-item-cards .card-flag.Diners { background-position: -64px 0; } .payment-group-item-cards .card-flag.American, .payment-group-item-cards .card-flag.Amex { background-position: -96px 0; } .payment-group-item-cards .card-flag.Hipercard { background-position: -128px 0; } .payment-group-item-cards .card-flag.Discover { background-position: -160px 0; } .payment-group-item-cards .card-flag.Aura { background-position: -192px 0; } .payment-group-item-cards .card-flag.Banricompras { background-position: -224px 0; } .payment-group-item-cards .card-flag.Elo { background-position: -256px 0; } .payment-group-item-cards .card-flag.JCB { background-position: -288px 0; } .payment-group-item-cards .card-flag.Cabal { background-position: -320px 0; } .payment-group-item-cards .card-flag.Maestro { background-position: -352px 0; } .payment-group-item-cards .card-flag.Credz { background-position: -384px 0; } .orderform-template-holder .step .input.text label, .vcustom--vtex-omnishipping-1-x-address label { margin: 10px 0 5px 0; display: block; color: #999; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address:before, .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item:after { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #a9a9a9; background: linear-gradient(to right, #eee 10%, #ddd 18%, #eee 33%); background-size: 800px 104px; } svg.pickup-marker-blue, svg.pickup-marker-blue path, svg.pkpmodal-pickup-point-best-marker-image path:not([fill=white]), svg.pkpmodal-pickup-point-marker-image, svg.pkpmodal-pickup-point-marker-image path, svg.vtex-omnishipping-1-x-svg, svg.vtex-omnishipping-1-x-svg path { fill: #5ba3ca; } @media (max-width: 768px) { .container.container-main.container-order-form { width: calc(100% - 20px); } } .orderform-template-holder #client-profile-data { width: 100%; } .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template-holder #payment-data, .orderform-template-holder #shipping-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; padding: 30px; } @media (max-width: 768px) { .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template-holder #payment-data, .orderform-template-holder #shipping-data { padding: 20px; } } .orderform-template-holder #client-profile-data .step.client-profile-data.client-pre-email, .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email, .orderform-template-holder #payment-data.client-pre-email, .orderform-template-holder #shipping-data.client-pre-email { display: block !important; padding-bottom: 84px; } .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit, .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit, .orderform-template-holder #payment-data .link-box-edit, .orderform-template-holder #shipping-data .link-box-edit { background: 0 0; box-shadow: none; border: none; color: #5ba3ca; outline: 0; position: absolute; right: 0; top: 50%; padding: 1px; font-size: 14px; transform: translateY(-50%); opacity: 0.7; transition: all ease 0.2s; } .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit:hover, .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit:hover, .orderform-template-holder #payment-data .link-box-edit:hover, .orderform-template-holder #shipping-data .link-box-edit:hover { opacity: 1; } .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit i.icon-spinner, .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit i.icon-spinner, .orderform-template-holder #payment-data .link-box-edit i.icon-spinner, .orderform-template-holder #shipping-data .link-box-edit i.icon-spinner { font-size: 17px; position: absolute; right: 0; display: none; top: -7px; } .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit.active i.icon-edit, .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit.active i.icon-edit, .orderform-template-holder #payment-data .link-box-edit.active i.icon-edit, .orderform-template-holder #shipping-data .link-box-edit.active i.icon-edit { display: none; } .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit.active i.icon-spinner, .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit.active i.icon-spinner, .orderform-template-holder #payment-data .link-box-edit.active i.icon-spinner, .orderform-template-holder #shipping-data .link-box-edit.active i.icon-spinner { display: block; } .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle { padding: 0; } .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > i, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle > i, .orderform-template-holder #payment-data .accordion-toggle > i, .orderform-template-holder #shipping-data .accordion-toggle > i { display: none; } .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle > span, .orderform-template-holder #payment-data .accordion-toggle > span, .orderform-template-holder #shipping-data .accordion-toggle > span { line-height: 20px; display: block; vertical-align: middle; line-height: initial; } .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-inner, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-inner, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #payment-data .accordion-inner, .orderform-template-holder #payment-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-inner, .orderform-template-holder #shipping-data .accordion-toggle { padding: 0; } .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template-holder #payment-data input[type=email]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=text]:not(.pac-target-input), .orderform-template-holder #payment-data select:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=email]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=text]:not(.pac-target-input), .orderform-template-holder #shipping-data select:not(.pac-target-input) { width: 100%; max-width: 100%; outline: initial; } .orderform-template-holder #payment-data .payment-group-item, .orderform-template-holder #payment-data p.link.link-gift-card { box-sizing: border-box; margin: 0 6px 10px 0; 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; float: left; width: 100%; } .orderform-template-holder #payment-data .payment-group-item.active, .orderform-template-holder #payment-data p.link.link-gift-card.active { background: #fff; } .orderform-template-holder #payment-data .payment-group-item.active span, .orderform-template-holder #payment-data p.link.link-gift-card.active span { color: #000; } .orderform-template-holder #payment-data .payment-group-item.active, .orderform-template-holder #payment-data .payment-group-item:hover, .orderform-template-holder #payment-data p.link.link-gift-card.active, .orderform-template-holder #payment-data p.link.link-gift-card:hover { box-shadow: 0 0 6px #cbcbcb; border: 1px solid #5ba3ca; } .orderform-template-holder #payment-data fieldset.payment-group, .orderform-template-holder #payment-data p.link.link-gift-card { width: 100%; left: 0; display: block; background: 0 0; position: relative; margin: 0; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup { padding-top: 32px; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .payment-group-item-cards { display: block; overflow: hidden; position: absolute; right: 0; top: 0; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .payment-group-item-cards .card-flag { opacity: 1; } .orderform-template-holder #payment-data p.link.link-gift-card { margin-bottom: 10px; padding: 0; } .orderform-template-holder #payment-data p.link.link-gift-card a { padding: 10px 10px; display: block; text-align: left; } .orderform-template-holder #payment-data .payment-group-list-btn { width: 100%; } .orderform-template-holder #payment-data .payment-group-item *, .orderform-template-holder #payment-data p.link.link-gift-card * { font-size: 12px !important; font-weight: 700; } .orderform-template-holder #payment-data .payment-group-item { position: relative; } .orderform-template-holder #payment-data .payment-group-item span.payment-group-item-text { padding: 0; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5) ~ .payment-group-item { width: 100%; margin-right: 0; height: auto; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5):after, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5):before, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5) ~ .payment-group-item:after, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5) ~ .payment-group-item:before { display: none; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5):hover, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n+5) ~ .payment-group-item:hover { top: 0; } .orderform-template-holder #payment-data .payment-group-item:hover { position: relative; background: #fff; top: -2px; } .orderform-template-holder #payment-data .payment-group-item.active:after, .orderform-template-holder #payment-data .payment-group-item.active:before { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-style: solid; } .orderform-template-holder #payment-data .payment-group-item.active:after { border-color: #fff transparent transparent transparent; border-width: 6px; } .orderform-template-holder #payment-data .payment-group-item.active:before { border-color: #5ba3ca transparent transparent transparent; border-width: 7px; } .orderform-template-holder #payment-data .gift-card-section.form-step.box-default { padding: 0; margin: 0; width: 100%; } .orderform-template-holder #payment-data .gift-card-section.form-step.box-default label { font-weight: 700; color: #000; font-size: 12px; } .orderform-template-holder #payment-data p.gift-card-provider-options, .orderform-template-holder #payment-data p.payment-discounts-options { display: flex; align-items: center; padding-bottom: 10px; } .orderform-template-holder #payment-data p.gift-card-provider-options input, .orderform-template-holder #payment-data p.gift-card-provider-options select, .orderform-template-holder #payment-data p.payment-discounts-options input, .orderform-template-holder #payment-data p.payment-discounts-options select { margin: 0 10px; } .orderform-template-holder #payment-data p.gift-card-provider-options label, .orderform-template-holder #payment-data p.payment-discounts-options label { line-height: 12px; margin: 0; } .orderform-template-holder #payment-data .payment-discounts-list { margin-bottom: 10px; } .orderform-template-holder #payment-data .payment-discounts-list .gift-card-provider-group-loyalty-program { border-bottom: 1px solid #eee; } .orderform-template-holder #payment-data .payment-discounts-list table { width: 100%; } .orderform-template-holder #payment-data .payment-discounts-list table td { padding: 0; } .orderform-template-holder #payment-data .payment-discounts-list table tbody, .orderform-template-holder #payment-data .payment-discounts-list table tr { display: flex; width: 100%; flex-wrap: wrap; align-items: center; } .orderform-template-holder #payment-data .payment-discounts-list table td.code, .orderform-template-holder #payment-data .payment-discounts-list table td.number { margin-right: 20px; flex-grow: 1; padding: 0; } .orderform-template-holder #payment-data .payment-discounts-list table #remove-gift-card { text-decoration: underline; color: #ff4c4c; } .orderform-template-holder #payment-data input#payment-discounts-code { width: 100% !important; } .orderform-template-holder #payment-data #btn-add-gift-card { height: 40px; border-radius: 4px; } .orderform-template-holder #payment-data .steps-view { padding: 0; min-height: initial; } .orderform-template-holder #payment-data .steps-view iframe { margin: 0; } .orderform-template-holder #payment-data p.notification { font-weight: 700; font-weight: 400; color: #323232; } .orderform-template-holder #payment-data p.notification:not([style="display: none;"]) + .box-step { padding: 0; border: none; } @media (min-width: 769px) { .orderform-template-holder #payment-data:last-child { margin-bottom: 0 !important; } } .orderform-template-holder #payment-data .v-custom-payment-item-wrap { box-sizing: border-box; border-radius: 4px; background: #fff; border: 1px solid #cbcbcb; color: #323232; transition: all ease 0.3s; overflow: hidden; margin-bottom: 10px; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap.active, .orderform-template-holder #payment-data .v-custom-payment-item-wrap:hover { border-color: #5ba3ca; box-shadow: 0 0 6px #ddd; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap #iframe-placeholder-creditCardPaymentGroup { padding-top: 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item { border: none; border-bottom: 1px solid transparent; box-shadow: none; margin: 0; width: 100% !important; height: auto; top: 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text { margin-right: auto; text-align: left; line-height: 27px !important; white-space: nowrap; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text:before { content: ""; width: 20px; height: 20px; display: inline-block; border: 1px solid #999; border-radius: 100%; vertical-align: middle; margin: -3px 10px 0 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards { display: flex; justify-content: flex-end; flex-wrap: wrap; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards .card-flag:last-child { margin: 0; } @media (max-width: 360px) { .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards { display: none; } } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active { background: #f1f7ff; border-bottom: 1px solid #5ba3ca; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-text:before { background: #5ba3ca; border-color: #5ba3ca; box-shadow: inset 0 0 0 3px #fff; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-cards span { opacity: 1; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:hover .payment-group-item-text:before { border-color: #5ba3ca; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:after, .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:before { display: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-payPalPaymentGroup { position: relative; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-payPalPaymentGroup:after { content: ""; width: 50px; height: 20px; display: block; background: url(https://io.vtex.com.br/checkout-ui/v6.18.19/img/payment-paypal-landscape.png) center no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; left: initial; border: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-AffirmPaymentGroup:after { content: ""; width: 65px; height: 25px; display: block; background: url(https://cdn-assets.affirm.com/images/black_logo-transparent_bg.png) center no-repeat; background-size: contain; position: absolute; top: 49%; transform: translateY(-50%); right: 3px; left: initial; border: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active + div, .orderform-template-holder #payment-data .v-custom-payment-item-wrap.active > div { padding: 20px; overflow: hidden; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .SecurityEnvironmentIcon { display: none; } .orderform-template-holder .step { border: none; padding: 0; background: 0 0; margin-bottom: 0; } @media (max-width: 868px) { .orderform-template-holder .step { width: 100%; } } .orderform-template-holder .step .box-info { color: #323232; } .orderform-template-holder .step .box-info[style*="display: block"] { margin-top: 10px; } .orderform-template-holder .step .form-step fieldset { width: 100%; float: none; } .orderform-template-holder .step .form-step fieldset p { position: relative; } @media (max-width: 690px) { .orderform-template-holder .step .form-step fieldset p { float: none !important; } } .orderform-template-holder .step .form-step fieldset p.client-first-name, .orderform-template-holder .step .form-step fieldset p.client-last-name { width: calc(50% - 5px); position: relative; } @media (max-width: 690px) { .orderform-template-holder .step .form-step fieldset p.client-first-name, .orderform-template-holder .step .form-step fieldset p.client-last-name { width: 100%; } .orderform-template-holder .step .form-step fieldset p.client-first-name input[type=text], .orderform-template-holder .step .form-step fieldset p.client-last-name input[type=text] { width: 100% !important; } } .orderform-template-holder .step .form-step fieldset p span.help.error { position: absolute; font-size: 11px; margin-top: 0; } .orderform-template-holder .step .form-step fieldset.box-client-info-pj { padding-top: 15px; } .orderform-template-holder .step .form-step fieldset.box-payment-option h3 { display: none; } .orderform-template-holder .step .form-step #is-corporate-client { color: #5ba3ca; } .orderform-template-holder .step.client-profile-data .client-notice.notice { margin: 0 0 10px 0; } .orderform-template-holder .step.client-profile-data .box-client-info { margin-bottom: 20px; } .orderform-template-holder .step.client-profile-data .client-document, .orderform-template-holder .step.client-profile-data .client-phone { width: calc(50% - 5px); } @media (max-width: 690px) { .orderform-template-holder .step.client-profile-data .client-document, .orderform-template-holder .step.client-profile-data .client-phone { width: 100%; } } .orderform-template-holder .step.shipping-data .box-step { display: flex; flex-wrap: wrap; } .orderform-template-holder .step.shipping-data .box-step > * { width: 100%; order: 1; } .orderform-template-holder .step.shipping-data .box-step > .vtex-omnishipping-1-x-addressFormPart1 { order: 1; } .orderform-template-holder .step.shipping-data .box-step > .vtex-omnishipping-1-x-addressForm { order: 2; } .orderform-template-holder .step.shipping-data .box-step > .vtex-omnishipping-1-x-deliveryGroup { order: 4; } .orderform-template-holder .step.shipping-data .box-step > .vtex-omnishipping-1-x-submitPaymentButton { order: 100; } .orderform-template-holder .step.shipping-data .box-step > .btn-link.vtex-omnishipping-1-x-btnDelivery, .orderform-template-holder .step.shipping-data .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .box-step > a.vtex-omnishipping-1-x-btnDelivery, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .orderform-template-holder .step.shipping-data .box-step > a.vtex-omnishipping-1-x-btnDelivery { order: 5; margin-top: 20px; background: #5ba3ca; } .orderform-template-holder .step.shipping-data .box-step > #postalCode-finished-loading, .orderform-template-holder .step.shipping-data .box-step > :last-child { margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address { margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressSummaryActive .address-summary { background: url("data:image/svg+xml;utf8, ") no-repeat; background-position: 12px 9px; border: 1px solid #cbcbcb; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-content { align-items: center; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsOption { background: #fff; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsOption.vtex-omnishipping-1-x-deliveryOptionActive, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsTogglePickup, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-pickupButton, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:active, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:focus, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:hover { background: #5ba3ca; border-color: #5ba3ca; border-radius: 4px; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionInctive { color: #5ba3ca; border-color: #5ba3ca; border-radius: 4px; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-active, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressItemOption:hover { background-color: #f1f7ff; } .orderform-template-holder .step.shipping-data .shipping-method-toggle { border-color: #5ba3ca; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-alert { border-color: #ffb100; display: flex; align-items: center; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-linkEdit { text-decoration: underline; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsToggle, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsWrapper { border-radius: 4px; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsWrapper { border: 1px solid #cbcbcb; width: 100%; overflow: hidden; margin: 0 0 20px 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-summaryChange { background: #f1f7ff; border-color: #cbcbcb; color: #5ba3ca; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingGroupList { border-color: #eee; margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingOption, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingOptionActive, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-option:hover { background: #fff !important; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-modalDetailsBackLnk, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-modalDetailsBackLnk svg path { color: #676767; fill: #676767; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-primary { outline: 0; background: #5ba3ca; border-color: #5ba3ca; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-pickupPointChange { border-color: #5ba3ca; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address p { clear: both; float: none; margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address p.input.ship-checkboxNumberLabel.text { width: auto; align-self: flex-end; display: flex; align-items: center; margin-left: 10px !important; height: 40px; } .orderform-template-holder .step.shipping-data input#ship-addressQuery { width: 100%; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver { display: block; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver svg.person-blue path { fill: #5ba3ca; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver .vtex-omnishipping-1-x-btn { color: #5ba3ca; } @media (max-width: 490px) { .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-dateLink { width: 100%; } } .orderform-template-holder #payment-data .payment-discounts-list table td.action .step a.submit.btn-success, .orderform-template-holder .step #payment-data .payment-discounts-list table td.action a.submit.btn-success, .orderform-template-holder .step .submit.btn.btn-success, .orderform-template-holder .step .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.submit.btn-success, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .orderform-template-holder .step a.submit.btn-success { display: block; margin: 0 auto; min-width: 55%; } .orderform-template { display: flex !important; padding-top: 0; min-height: 400px !important; align-items: flex-start; } @media (max-width: 768px) { .orderform-template { flex-wrap: wrap; } } .orderform-template .orderform-template-holder { width: 100%; } @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 (max-width: 690px) { .orderform-template { width: 100%; padding-top: 0; } } .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: 0; top: 20px; right: 0; float: right; margin: 0; } @media (max-width: 768px) { .orderform-template .cart-template.mini-cart { width: 100%; position: relative; top: 0; } } .orderform-template .cart-template.mini-cart .cart-items > .v-custom-indexed-item { display: none !important; } .orderform-template .cart-template.mini-cart .cart-fixed { height: auto !important; position: relative !important; max-width: 100%; width: 100% !important; top: 0; min-height: initial; } @media (min-width: 769px) { .orderform-template .cart-template.mini-cart .cart-fixed.affix-top { position: relative !important; } } .orderform-template .cart-template.mini-cart h2 { text-align: left; border-top: none; background: 0 0 !important; margin-bottom: 15px; } .orderform-template .cart-template.mini-cart .quantity { width: 10px; height: 10px; display: inline-block; background: #f1f7ff; color: #5ba3ca; } .orderform-template .cart-template.mini-cart .summary-template-holder { width: 100%; background: 0 0; border: none; padding: 0; } .orderform-template .cart-template.mini-cart .summary-template-holder .accordion-inner { margin-top: 0; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary-coupon-wrap > .summary-coupon, .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { display: block !important; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary-coupon p { margin: 0; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { border-top: 1px solid #cbcbcb; padding: 8px 0; } .orderform-template .cart-template.mini-cart .summary-template-holder button[type=submit], .orderform-template .cart-template.mini-cart .summary-template-holder input[type=text], .orderform-template .cart-template.mini-cart .summary-template-holder p.coupon-fields span.info > span { line-height: 30px !important; height: 30px !important; } .orderform-template .cart-template.mini-cart .item { padding: 10px 0; margin: 0; border: none; border-bottom: 1px solid #eee; } .orderform-template .cart-template.mini-cart .item:last-child { border: none; } .orderform-template .cart-template.mini-cart .item ul.service-list.unstyled { margin: 0; float: none; width: 100%; background: 0 0; display: inline-block; clear: both; } .orderform-template .cart-template.mini-cart .item .service-item, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item { background: #f1f7ff; border: 1px dashed #cbcbcb; 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; } .orderform-template .cart-template.mini-cart .item .service-item .description, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .description { margin-top: 0; } .orderform-template .cart-template.mini-cart .item .service-item .item-subscription, .orderform-template .cart-template.mini-cart .item .service-item .quantity, .orderform-template .cart-template.mini-cart .item .service-item .shipping-date, .orderform-template .cart-template.mini-cart .item .service-item > a, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .item-subscription, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .quantity, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .shipping-date, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item > a { display: none; } .orderform-template .cart-template.mini-cart .item .service-item .price, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .price { margin: 0; } .orderform-template .cart-template.mini-cart .item .service-item:last-child, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item:last-child { margin-bottom: 0; } .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .item-unavailable { display: none; } .orderform-template .cart-template.mini-cart .item .fn { width: calc(82% - 20px); } .orderform-template .cart-template.mini-cart .item .description { display: flex; justify-content: space-between; } .orderform-template .cart-template.mini-cart .item .price, .orderform-template .cart-template.mini-cart .item span.shipping-date { white-space: nowrap; } .orderform-template .cart-template.mini-cart .item .url { border-radius: 4px; overflow: hidden; } .orderform-template .cart-template.mini-cart .summary-totalizers { margin-bottom: 0; } .orderform-template .cart-template.mini-cart #go-to-cart-button { position: absolute; top: 0; right: 7px; color: #5ba3ca; text-decoration: underline; } @media (max-width: 690px) { .orderform-template .cart-template.mini-cart #go-to-cart-button { display: none; } } .orderform-template .cart-template.mini-cart .summary-totalizers tbody { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 14px 0; display: block; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody tr.CustomTax:not(.CustomTax--total) { display: none !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td { display: inline-block; text-align: left !important; width: auto; color: #666; font-size: 13px; padding: 0 0 3px 0 !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td.monetary { text-align: right !important; margin-left: auto; float: right; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody + tbody { border-top: none; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody.shipping-calculate, .orderform-template .cart-template.mini-cart .summary-totalizers tbody.shipping-reset { display: none !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td { padding: 14px 0 !important; color: #000; font-size: 14px; font-weight: 700; text-align: left; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td.monetary { text-align: right !important; margin-left: auto; float: right; color: #5ba3ca; } .orderform-template .cart-template.mini-cart .cart { margin-bottom: 0; max-height: calc(100vh - 355px); overflow: auto; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar { width: 6px; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar-track { background: 0 0; border-radius: 4px; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar-thumb { background: #cbcbcb; border-radius: 30px; } .orderform-template .cart-template.mini-cart .cart:hover::-webkit-scrollbar-thumb { background: #eee; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) { max-height: 100px; overflow: hidden; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item { overflow: hidden; position: relative; border: none !important; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item > * { opacity: 0; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item:after { content: ""; width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; } .orderform-template .payment-confirmation-wrap { border: none; padding: 0; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap { margin: 10px 0 0 0; } @media (max-width: 768px) { .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: 768px) { .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 span { display: none; } .orderform-template .summary-note { display: none !important; } .orderform-template .summary-note p.note-data { display: none !important; } .orderform-template .summary-note > div { display: block !important; } .orderform-template .summary-note .note-textarea { height: 50px; line-height: 20px; max-width: 100%; width: 100%; font-family: Roboto, sans-serif; max-height: 100px; } .orderform-template .custom-cart-template-wrap { position: relative; background: #fff; padding: 17px 20px; text-align: left; box-sizing: border-box; border-radius: 4px; border: none; } .orderform-template .custom-cart-template-wrap .summary-cart-template-holder { height: auto !important; } .orderform-template .custom-cart-template-wrap .summary-template-holder { margin-top: 0; } #payment-data .box-step form.form-step, .step.client-profile-data.active .box-step .form-step[style*="display: block"], .step.shipping-data.active .accordion-inner.client-pre-email + .client-profile-data .accordion-body:before, .orderform-template-holder #shipping-data .shipping-summary-info, .orderform-template-holder .step .accordion-body p.notification { display: none; } body.v-custom-step-payment #shipping-data .shipping-summary-info, body.v-custom-step-shipping #shipping-data .shipping-summary-info { display: block; } .App.iframe-credit-card-payment-group, .gift-card-section, .steps-view { background: #fff; } #app-container { min-height: 100vh; background: #fff; } #app-container input[type=email], #app-container input[type=tel], #app-container input[type=text], #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 > 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 .FormFieldLabel { line-height: 30px; } #app-container .PaymentCardFlags { position: absolute; top: 37.5px; 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 input#creditCardpayment-card-0Code, #app-container input#creditCardpayment-card-1Code { width: 100px !important; } #app-container .label-vertical-group { padding: 9px; } #app-container .label-vertical-group:hover { color: #5ba3ca; } #app-container .label-vertical-group.active { color: #5ba3ca; background: #f1f7ff; } #app-container .label-vertical-group:not(.SavedCard) .card-flag { position: absolute; left: 5px; top: 8px; } #app-container .label-vertical-group .icon-circle-blank, #app-container .label-vertical-group .icon-ok-circle { 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: #999; } #app-container label.FormFieldLabel { display: block; clear: both; width: auto; margin-right: 10px; } #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 .payment-billing-address-street { order: 1; } #app-container .AddressForm .payment-billing-address-complement { order: 2; } #app-container .AddressForm .payment-billing-address-city { order: 3; } #app-container .AddressForm .payment-billing-address-state { order: 4; } #app-container .AddressForm .PostalCode { order: 5; } .orderform-template .summary-note.js-active { display: block !important; } body.js-vcustom-showNoteField .orderform-template .payment-confirmation-wrap { display: block !important; } body.js-vcustom-showNoteField .orderform-template .payment-confirmation-wrap .payment-submit-wrap { display: none; } body.js-vcustom-showNoteField .orderform-template .summary-note { display: block !important; } body.js-vcustom-showNoteField.v-custom-step-payment .orderform-template .payment-confirmation-wrap .payment-submit-wrap { display: block !important; } .summary-coupon fieldset.coupon-fieldset .vcustom-showCustomMsgCoupon { border: 1px dashed #ffb100; padding: 1px; font-size: 11px; background: #fff6e0; border-radius: 4px; margin-top: 4px !important; clear: both; } .vcustom-customTax-tot { display: inline-block; position: relative; margin-left: 5px; } .vcustom-customTax-tot > span { background: #eee; width: 15px; height: 15px; line-height: 15px; display: inline-block; border-radius: 100%; text-align: center; cursor: pointer; } .vcustom-customTax-tot:hover .vcustom-customTax-resume { display: block; } .vcustom-customTax-resume { position: absolute; left: calc(100% + 10px); width: 128px; background: #eee; top: 50%; font-size: 11px; padding: 10px; transform: translateY(-50%); display: none; } .vcustom-customTax-resume__i { display: flex; justify-content: space-between; margin: 0; } .vcustom-customTax-resume:before { content: ""; display: block; position: absolute; left: -4px; top: calc(50% - 4px); width: 0; height: 0; border: 0 solid transparent; border-top-width: 4px; border-bottom-width: 4px; border-right: 4px solid #eee; } .v-custom-addLabels-active-flag { background: #fff; color: #323232; padding: 1px 4px; border-radius: 4px; display: inline-block; align-items: center; font-size: 11px; border: 1px solid #cbcbcb; } .v-custom-addLabels-active-flag:before { content: ""; display: inline-block; width: 14px; height: 14px; background: url(//io.vtex.com.br/front-libs/bootstrap/2.3.2/img/glyphicons-halflings.png); background-repeat: no-repeat; background-position: 0 -48px; margin-right: 4px; opacity: 0.9; vertical-align: middle; } .v-custom-assemblies { margin: 10px 0 3px 0; overflow: hidden; border-top: 1px solid #cbcbcb; padding-top: 7px; } @media (max-width: 690px) { .v-custom-assemblies { width: 100%; left: 0; margin-bottom: 2px; } } .v-custom-assemblies p { display: none; } .v-custom-assemblies__values { list-style: none; padding: 0; margin: 0; } .v-custom-assemblies__values__item strong:after { content: ":"; } .v-custom-assemblies__values__item span, .v-custom-assemblies__values__item strong { line-height: 14px; } body.v-custom-paymentBuilder-accordion .steps-view { display: none; } body.v-custom-changeShippingTimeInfo .orderform-template .cart-template.mini-cart .item span.shipping-date { display: none; } .vcustom--vtex-omnishipping-1-x-address { display: none; } body.v-custom-addressForm-on.v-custom-step-shipping .vcustom--vtex-omnishipping-1-x-address { display: block; } body.v-custom-addressForm-on.v-custom-step-shipping .v-custom-ship-info { display: flex; } body.v-custom-addressForm-on.v-custom-step-shipping .v-custom-ship-info .ship-number { margin-right: 10px; } .vtex-omnishipping-1-x-submitShippingStepButton { margin: 20px 0 0 0; } body.v-custom-googleForm-on .vtex-omnishipping-1-x-addressForm, body.v-custom-googleForm-on .vtex-omnishipping-1-x-btnDelivery, body.v-custom-googleForm-on .vtex-omnishipping-1-x-deliveryGroup, body.v-custom-googleForm-on .vtex-omnishipping-1-x-submitPaymentButton { display: none; } .v-custom-googleFormScript-added.v-custom-googleForm-on .accordion-inner.shipping-container > * { display: none; } body.v-custom-fnsCustomAddressForm .accordion-inner.shipping-container { padding-top: 0 !important; } body.v-custom-fnsCustomAddressForm .accordion-inner.shipping-container { transition: all ease 0.3s; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-selectDeliveryText + div { margin: 0 !important; } body.v-custom-fnsCustomAddressForm .orderform-template-holder p.vtex-omnishipping-1-x-submitPaymentButton.btn-submit-wrapper.btn-go-to-payment-wrapper { margin-bottom: 0 !important; margin-top: 20px; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-addressQuery, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-country, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-postalCode { display: none; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-container.shp-pickup-receiver + .vtex-omnishipping-1-x-shippingSectionTitle + #back-to-address-list + .vtex-omnishipping-1-x-addressFormPart1 p.input.ship-postalCode, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-container.shp-pickup-receiver + .vtex-omnishipping-1-x-shippingSectionTitle + .vtex-omnishipping-1-x-addressFormPart1 p.input.ship-postalCode { display: block; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 + .vtex-omnishipping-1-x-submitPaymentButton { display: none; } body.v-custom-fnsCustomAddressForm .orderform-template-holder .step.shipping-data .box-step .vtex-omnishipping-1-x-addressFormPart1 { order: 1; } body.v-custom-fnsCustomAddressForm .pac-logo[style*=none] { border: 0; } body.v-custom-fnsCustomAddressForm .pac-logo[style*=none]:after { display: none; } body.v-custom-fnsCustomAddressForm #shipping-data .accordion-inner + .vcustom--vtex-omnishipping-1-x-address { display: none; } body.v-custom-fnsCustomAddressForm div#shipping-data { display: flex; flex-wrap: wrap; } body.v-custom-fnsCustomAddressForm div#shipping-data > * { width: 100%; } body.v-custom-fnsCustomAddressForm div#shipping-data .step.accordion-group.shipping-data { order: 1; } body.v-custom-fnsCustomAddressForm div#shipping-data .vcustom--vtex-omnishipping-1-x-address { order: 3; } .js-v-custom-is-loading .accordion-inner.shipping-container, .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address { overflow: hidden; } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address { height: 120px; position: relative; } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .js-v-custom-is-loading .accordion-inner.shipping-container > *, .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address > * { opacity: 0.5; } .vcustom--vtex-omnishipping-1-x-address { transition: all ease 0.3s; } .vcustom--vtex-omnishipping-1-x-address p.input { float: none; width: 100%; margin: 0; } .vcustom--vtex-omnishipping-1-x-address span.help.error { display: none; } .vcustom--vtex-omnishipping-1-x-address input { max-width: initial; width: 100%; } .vcustom--vtex-omnishipping-1-x-address input.error + span.help.error { display: block; } .vcustom--vtex-omnishipping-1-x-address__state { display: flex; margin: 0 -5px; } .vcustom--vtex-omnishipping-1-x-address__state p.input { margin: 0 5px; } @media (max-width: 768px) { .vcustom--vtex-omnishipping-1-x-address__state { flex-wrap: wrap; margin: 0; } .vcustom--vtex-omnishipping-1-x-address__state p.input.ship-state { margin: 0; } } .pac-container.pac-logo { border: 1px solid #cbcbcb; border-radius: 4px; } .pac-logo:after { background: #fbfbfb url(https://developers.google.com/maps/documentation/images/powered_by_google_on_white.png) no-repeat 10px center; padding: 14px; background-size: 110px; } .address-list.vtex-omnishipping-1-x-addressList + p.input.ship-addressQuery.text { display: none; } body.js-vcustom-hideEmailStep .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email { display: none !important; } body.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before { content: "1"; } body.js-vcustom-hideEmailStep .shipping-data .accordion-toggle:before { content: "2"; } body.js-vcustom-hideEmailStep .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: "3"; } body.js-vcustom-hideEmailStep .client-pre-email + .client-profile-data .accordion-body .accordion-inner { display: block; } body.debug-on > :not(.container-main, .main-header, .main-footer, #vtexIdContainer, .vtex-front-messages-placeholder, .pac-container) { display: none; } #app-container input[type=email]:focus, #app-container input[type=tel]:focus, #app-container input[type=text]:focus, #app-container select:focus, #vtexIdContainer input:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input:focus, .cart-more-options .srp-container input[type=text]:focus:not(.pac-target-input), .cart-more-options .srp-container select:focus, .orderform-template .summary-note .note-textarea:focus, .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #payment-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #payment-data select:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=email]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=tel]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=text]:focus:not(.pac-target-input), .orderform-template-holder #shipping-data select:focus:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit]:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type=text]:focus, .table.cart-items tbody tr td .product-service select:focus, .table.cart-items td.quantity input:focus, .table.cart-items tr.item-attachments-content input:focus, .table.cart-items tr.item-attachments-content select:focus, .vcustom--vtex-omnishipping-1-x-address input:focus { box-shadow: none !important; border: 1px solid black; } #app-container input[type=email], #app-container input[type=tel], #app-container input[type=text], #app-container select, #vtexIdContainer input, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input, .cart-more-options .srp-container input[type=text]:not(.pac-target-input), .cart-more-options .srp-container select, .orderform-template .summary-note .note-textarea, .orderform-template-holder #client-profile-data .step.client-profile-data input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=email]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=tel]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type=text]:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template-holder #payment-data input[type=email]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #payment-data input[type=text]:not(.pac-target-input), .orderform-template-holder #payment-data select:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=email]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=tel]:not(.pac-target-input), .orderform-template-holder #shipping-data input[type=text]:not(.pac-target-input), .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type=submit], .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type=text], .table.cart-items tbody tr td .product-service select, .table.cart-items tr.item-attachments-content input, .table.cart-items tr.item-attachments-content select, .vcustom--vtex-omnishipping-1-x-address input { border: 1px solid #d2d2d2; border-radius: 1px; } .modal.identified-user-modal.email-message-modal { padding: 0.5rem; } .modal.identified-user-modal.email-message-modal .modal-body .identified-user-security.default-modal-security { background: url("../arquivos/check-mark.svg"); background-repeat: no-repeat; width: 100px; height: 100px; display: inline-block; margin-top: 1rem; background-position: center; background-size: 80px; } @media screen and (max-width: 48rem) { .modal.identified-user-modal.email-message-modal .modal-body .identified-user-security.default-modal-security { margin-top: 0; margin-bottom: 1rem; margin-right: 0; width: 70px; height: 70px; } } .modal.identified-user-modal.email-message-modal .modal-body .identified-user-security.default-modal-security .icon-lock { display: none; } .modal.identified-user-modal.email-message-modal .modal-body .identified-user-message { font-size: 0; } .modal.identified-user-modal.email-message-modal .modal-body .identified-user-message::before { font-size: 18px; content: "Tu email ya se encuentra registrado y completamos por vos todos tus datos! ¿Necesitas cambiarlos? hacé click en el lápiz!"; } @media screen and (max-width: 48rem) { .modal.identified-user-modal.email-message-modal .modal-body .identified-user-message::before { display: block; text-align: center; } } .modal.identified-user-modal.email-message-modal .modal-body .identified-user-button { padding: 0.5rem 1rem; margin-top: 1rem; } @media screen and (max-width: 48rem) { .modal.identified-user-modal.email-message-modal .modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; } } .orderform-active .orderform-template-holder .client-pre-email[style*="display: none"] .client-email { align-items: flex-start; padding: 10px 0; border-top: none; margin-top: 0 !important; } .orderform-active .orderform-template-holder .client-pre-email[style*="display: none"] .client-email::before { content: unset; } .orderform-active .orderform-template-holder .client-pre-email [data-i18n="clientProfileData.preemail_"] { display: block; font-size: 1.125rem; text-align: center; font-weight: 600; margin-top: 20px; } .orderform-active .orderform-template-holder .client-pre-email [data-i18n="clientProfileData.preemail_"]::before { content: "Ingresa tu email para continuar la compra."; display: block; text-align: center; font-weight: 600; margin-bottom: 8px; } @media (max-width: 40rem) { .orderform-active .orderform-template-holder .client-pre-email [data-i18n="clientProfileData.preemail_"] { font-size: 0; } .orderform-active .orderform-template-holder .client-pre-email [data-i18n="clientProfileData.preemail_"]::before { content: "Ingresa tu email para continuar la compra. Rápido, fácil y seguro."; font-size: 1rem; } } .orderform-active .orderform-template-holder .client-pre-email .client-email { justify-content: center; align-items: center; display: flex; flex-direction: column; padding-top: 10px; } .orderform-active .orderform-template-holder .client-pre-email .client-email::before { content: "Email"; font-size: 0.875rem; font-weight: 400; text-align: left; display: block; margin-bottom: 6px; max-width: 330px; width: 100%; } .orderform-active .orderform-template-holder .client-pre-email .client-email #client-pre-email { font-size: 0.875rem; max-width: 330px !important; width: 100%; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo { max-width: 380px; width: 100%; background: transparent; border: none; padding: 0 20px; margin: 0 auto; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo [data-i18n="clientProfileData.whyPreEmail"] { font-size: 0; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo [data-i18n="clientProfileData.whyPreEmail"]::before { content: "Guardamos tu email de manera 100% segura para:"; display: block; font-size: 0.875rem; line-height: 14px; font-weight: 600; color: #000000; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo ul { color: #757575; font-size: 0.875rem; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo ul li { margin-bottom: 8px; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo ul li .icon-ok { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTUgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NDY2QjU0QTctN0Q4Qy00RTg0LUI4ODUtRkY2MjMzRTE5ODU2PC90aXRsZT4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTguMDAwMDAwLCAtMTI5Ny4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjAvcGF5bWVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxOC4yODEyNTAsIDEyOTcuMTU2NjQxKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjYyMzAxMiwwLjEzNzI4NjI5OCBDMTMuNDQ1MzYzNSwtMC4wNDU3Njc4NzgxIDEzLjc0MjE1OTYsLTAuMDQ1NzYxMjUzIDEzLjkyNTIxMzgsMC4xMzczMDEwOTYgQzE0LjEwMzU3NDMsMC4zMTU2Njk1MzggMTQuMTA4MTQxMywwLjYwMjAxMzk5MyAxMy45Mzg5MTk2LDAuNzg1OTEyMTA4IEwxMy45MjUxOTksMC44MDAyMTM3MDYgTDUuMTc1MTk4OTMsOS41NDk4MjMxMyBDNC45OTY4Mzg5Myw5LjcyODE3NTE2IDQuNzEwNTEwOTUsOS43MzI3NTE0MyA0LjUyNjYxMDM1LDkuNTYzNTQ5NiBMNC41MTIzMDg1Miw5LjU0OTgzMDUyIEwwLjEzNzMwODQ5NSw1LjE3NTIyMTEzIEMtMC4wNDU3NTc5Mzk5LDQuOTkyMTcxMDQgLTAuMDQ1NzcxMTkwNCw0LjY5NTM3NDk1IDAuMTM3Mjc4OSw0LjUxMjMwODUyIEMwLjMxNTYzNTM5Nyw0LjMzMzkzNjA5IDAuNjAxOTc5NTQ2LDQuMzI5MzQ5ODYgMC43ODU4ODg5OTIsNC40OTg1NTkyMiBMMC44MDAxOTE1MSw0LjUxMjI3ODkyIEw0Ljg0MzY3MTksOC41NTU0Njg3OSBMMTMuMjYyMzAxMiwwLjEzNzI4NjI5OCBaIiBpZD0iY2hlY2ttYXJrIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); background-repeat: no-repeat; background-position: left center; background-size: 11px 7px; width: 11px; height: 7px; display: inline-block; vertical-align: middle; margin-right: 6px; filter: invert(49%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(93%) contrast(87%); } .orderform-active .orderform-template-holder .client-pre-email .emailInfo ul li .icon-ok::before { content: ""; } .orderform-active .orderform-template-holder .client-pre-email .emailInfo .icon-lock { display: none; } .orderform-active .orderform-template-holder .client-pre-email span.help { max-width: 330px; width: 100%; margin: 10px auto; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-email { margin-top: 40px; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-email::before { content: "Correo electronico*" !important; color: #000000 !important; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-phone[data-i18n="clientProfileData.phone"] { color: #000000; } .orderform-active .orderform-template-holder .input label { color: #000000 !important; } .orderform-active .orderform-template-holder .input label::after { content: "*"; } .orderform-active .orderform-template-holder #client-profile-data .accordion-body.collapse.in .accordion-inner { padding: 0 12px 24px !important; } .orderform-active .orderform-template-holder #client-profile-data input[type=tel]:not(.pac-target-input) { width: 100% !important; max-width: 100%; height: 40px !important; margin-top: 0px; font-size: 0.875rem; } .orderform-active .orderform-template-holder #client-profile-data.active .accordion-heading { font-family: "Rubik", "Arial, Helvetica, sans-serif"; display: flex; align-items: center; padding: 1rem 27x 0 27x; } .orderform-active .orderform-template-holder #client-profile-data.active .accordion-body { padding-top: 30px; margin-top: 0 !important; padding: 0 27px 0 27px; } @media (max-width: 48rem) { .orderform-active .orderform-template-holder #client-profile-data.active .accordion-body { margin-top: 10px !important; } } .orderform-active .orderform-template-holder .form-step { margin: 0; padding: 0; } .orderform-active .orderform-template-holder .form-step .client-profile-email .email { display: none; } .orderform-active .orderform-template-holder .form-step .client-profile-summary .tel, .orderform-active .orderform-template-holder .form-step .client-profile-summary .name { font-size: 0.875rem; color: #757575; margin-bottom: 7px; display: inline-block; } .orderform-active .orderform-template-holder .form-step .client-profile-summary .tel-label { display: inline !important; font-size: 0; } .orderform-active .orderform-template-holder .form-step .client-profile-summary .tel-label:before { content: "Teléfono: "; font-size: 0.875rem; color: #757575; } .orderform-active .orderform-template-holder .form-step .box-client-info { font-size: 0.875rem; padding-bottom: 0.5rem; } @media (min-width: 64rem) { .orderform-active .orderform-template-holder .form-step .box-client-info { padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 691px) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf { height: 19rem; } } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-notice { display: none; margin: 0; padding: 0; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-email .input-xlarge { font-family: "Rubik", "Arial, Helvetica, sans-serif"; color: #000000 !important; font-size: 0.875rem; margin-top: 5px; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-email [data-i18n="clientProfileData.email"] { display: none; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-email::before { content: "Email"; color: #757575; font-size: 14px; } @media (min-width: 64rem) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-last-name { width: calc(50% - 25px); } } @media (min-width: 64rem) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-first-name { padding-right: 20px; } } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .links-other-phone { display: none; } @media (min-width: 691px) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-new-phone { float: right; bottom: 5.1rem; width: calc(50% - 5px); } } @media (min-width: 64rem) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-new-phone { width: calc(50% - 25px); } } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-new-phone [data-i18n="clientProfileData.phoneInternational"] { font-size: 0; margin-bottom: 0; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-new-phone [data-i18n="clientProfileData.phoneInternational"]::before { content: "Teléfono / Móvil*"; font-size: 0.8125rem; color: #000000; } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-phone { display: none; } @media (min-width: 64rem) { .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-document { padding-right: 20px; } } .orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pj { display: none; } .orderform-active .orderform-template-holder .form-step .box-client-info .save-data { display: block !important; } .orderform-active .orderform-template-holder .form-step .box-client-info .save-data .save-data-text { font-size: 0; } .orderform-active .orderform-template-holder .form-step .box-client-info .save-data .save-data-text::before { content: "Acepto los términos y condiciones"; font-size: 0.8125rem; } .orderform-active .orderform-template-holder .form-step .box-client-info .newsletter .newsletter-text { font-size: 0; } .orderform-active .orderform-template-holder .form-step .box-client-info .newsletter .newsletter-text::before { content: "Acepto recibir novedades y promociones"; font-size: 0.8125rem; } .orderform-active .orderform-template-holder .form-step .box-client-info.save-not-check .save-data::after { content: "Este campo es obligatorio."; display: block; color: #e82c2c; font-size: 0.75rem; margin-bottom: 0.5rem; margin-left: 1.2rem; } .orderform-active .orderform-template-holder .form-step .box-client-info.save-not-check .newsletter { display: block !important; } .orderform-active .orderform-template-holder .form-step .box-client-info.save-not-check ~ .submit.btn-submit-wrapper { pointer-events: none !important; opacity: 0.5 !important; } .orderform-active .orderform-template-holder .form-step .btn-submit-wrapper { padding: 0.5rem 0 0.5rem 0; display: flex; justify-content: flex-end; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder .form-step .btn-submit-wrapper { justify-content: center; } } .orderform-active .orderform-template-holder .form-step .btn-submit-wrapper .btn-success { border-radius: 4px !important; text-transform: uppercase; font-size: 0.875rem !important; width: 200px !important; height: 40px; margin: 0; } #nuevo-mensaje-ahora { color: rgb(17, 17, 17); width: 98%; line-height: 22px; font-size: 14px; margin-bottom: 14px; float: left; box-sizing: border-box; text-align: left; background-color: #F5F5F5; border-image: initial; border-radius: 2px; padding: 12px; } @media (max-width: 426px) { #nuevo-mensaje-ahora { width: 100%; } } .mensaje-ahora { display: none !important; } .orderform-active .orderform-template-holder #shipping-data { padding: 0; padding-bottom: 20px; } @media (min-width: 80rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-infoBar { width: 400px; } } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal { border: none; } @media (min-width: 80rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal { width: 80rem; left: calc((100vw - 80rem) / 2); margin-left: 0; } } @media (max-width: 64rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal .vtex-pickup-points-modal-3-x-closeButton { filter: brightness(0) invert(1); top: 4px; } } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal .vtex-pickup-points-modal-3-x-pickupViewMode { display: flex; align-items: center; justify-content: center; flex-direction: row; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal .vtex-pickup-points-modal-3-x-pickupViewMode .pkpmodal-pickup-view-option-inactive { color: #000000; border-color: #000000; background-color: white; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal .vtex-pickup-points-modal-3-x-pickupViewMode .pkpmodal-pickup-view-option-active { color: white; border-color: #000000; background-color: #000000; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pkpmodal .vtex-pickup-points-modal-3-x-pickupViewMode .vtex-pickup-points-modal-3-x-pickupViewItem { border-radius: 0; width: 100%; height: 40px; font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPointMain { gap: 20px; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsMiddle::-webkit-scrollbar, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pointsList::-webkit-scrollbar { width: 6px; background-color: transparent; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsMiddle::-webkit-scrollbar-track, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pointsList::-webkit-scrollbar-track { background-color: transparent; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsMiddle::-webkit-scrollbar-thumb, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pointsList::-webkit-scrollbar-thumb { border: 1px solid transparent; background-clip: content-box; background-color: #03394D; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-showListButton { background-color: transparent; border: 1px solid #000000; outline: none; color: #000000; font-weight: 600; font-size: 1rem; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; cursor: pointer; text-transform: none; padding: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-showListButton:hover { background-color: #000000; border: 1px solid #000000; color: #ffffff; } @media (max-width: 64rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-showListButton { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; text-transform: none; padding: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-showListButton:hover { background-color: #000000; opacity: 0.7; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-showListButton:disabled { background-color: #d2d2d2; } } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-infoBarContainer { border-radius: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint { border-radius: 1px; border-color: #efefef; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointName { font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupListTitle, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointAddress, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .pkpmodal-pickup-point-available { color: #757575; font-size: 0.875rem; } @media (max-width: 64rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupListTitle { font-size: 1rem; font-weight: 600; color: #000000; } } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointMarker .vtex-pickup-points-modal-3-x-pickupPointDistance { color: #757575; font-size: 0.75rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointMarker .pkpmodal-pickup-point-marker-image, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointMarker .pkpmodal-pickup-point-best-marker-image { filter: contrast(0) brightness(1.2); } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointSlaAvailability { display: flex; align-items: center; flex-direction: row; padding-left: 10px; color: #757575; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointSlaAvailability .vtex-pickup-points-modal-3-x-pickupPointSla, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-pickupPoint .vtex-pickup-points-modal-3-x-pickupPointSlaAvailability .vtex-pickup-points-modal-3-x-pickupPointPrice { font-size: 0.875rem; margin-right: 10px; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalSearch { border-bottom: 1px solid #000000; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-askGeolocationBtn { border: none; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalHeader { padding: 0 12px; background-color: #4b5ab8; display: flex; align-items: center; border-radius: 0; font-size: 1rem; height: 50px; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalHeader .vtex-pickup-points-modal-3-x-modalTitle { color: white; font-weight: 600; font-size: 0; display: flex; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalHeader .vtex-pickup-points-modal-3-x-modalTitle::after { content: "Elegí un punto de retiro"; font-size: 1rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsTop { height: 50px; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsTop .vtex-pickup-points-modal-3-x-modalDetailsBackLnk { width: 100%; display: flex; align-items: center; background-color: #4b5ab8; color: white; font-weight: 600; border-radius: 0; font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsTop .vtex-pickup-points-modal-3-x-modalDetailsBackLnk .vtex-pickup-points-modal-3-x-backChevron { filter: brightness(0) invert(1); } .orderform-active .orderform-template-holder #shipping-data .pkpmodal-details-bottom .pkpmodal-details-confirm-btn { visibility: hidden; position: relative; padding-left: 0; margin: 0; } .orderform-active .orderform-template-holder #shipping-data .pkpmodal-details-bottom .pkpmodal-details-confirm-btn::after { content: "Retirar en este punto"; background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; font-family: "Rubik"; text-transform: none; font-weight: 400; position: absolute; visibility: visible; top: 0; left: auto; max-width: 100%; } .orderform-active .orderform-template-holder #shipping-data .pkpmodal-details-bottom .pkpmodal-details-confirm-btn::after:hover { background-color: #000000; opacity: 0.7; } .orderform-active .orderform-template-holder #shipping-data .pkpmodal-details-bottom .pkpmodal-details-confirm-btn::after:disabled { background-color: #d2d2d2; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsInfoTitle { font-weight: 600; font-size: 0.875rem; color: #000000; } .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsInfoTitle, .orderform-active .orderform-template-holder #shipping-data .vtex-pickup-points-modal-3-x-modalDetailsHours { font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .btn-ask-for-geolocation-cta { max-width: 265px; text-transform: none; margin: 0 auto; } .orderform-active .orderform-template-holder #shipping-data .accordion-heading { position: relative; right: 1.5rem; border-left: 2px solid #4b5ab8 !important; height: 46px; border-left: 0 !important; height: 60px; padding: 0 0 0 46px; } .orderform-active .orderform-template-holder #shipping-data .accordion-heading .accordion-toggle { font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-heading .accordion-toggle::before { font-size: 1rem; } @media (max-width: 22.5rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-heading .accordion-toggle::before { font-size: 0.8125rem; } } .orderform-active .orderform-template-holder #shipping-data .accordion-heading .accordion-toggle::after { content: " Envío o retiro"; font-size: 1rem; font-weight: 600; } @media (max-width: 22.5rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-heading .accordion-toggle::after { font-size: 0.8125rem; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container { padding-top: 10px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .delivery-group-content .vtex-omnishipping-1-x-shippingSectionTitle { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .delivery-group-content .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingTextLabelSingle { font-weight: bold; font-size: 0.875rem; color: #757575; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container #change-pickup-button { border: 0; background-color: #000000; color: white; border-radius: 2px; height: 40px; margin-top: 30px; font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container #change-pickup-button::after { font-size: 1rem; content: "Ver todos los puntos de retiro"; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container #change-pickup-button { font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container #change-pickup-button::after { content: "Ver todos los puntos de retiro"; font-size: 1rem; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-container .vtex-omnishipping-1-x-receiverTitle { font-size: 0.875rem; color: #000000; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo { padding: 22px 16px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .pickup-marker-blue { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-pointWrapper { padding: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-pointWrapper .vtex-omnishipping-1-x-PickupPointName { font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-pointWrapper .vtex-omnishipping-1-x-PickupPointName::before { content: url("https://topperarg.vteximg.com.br/arquivos/location-outline-icon.svg"); display: inline-block; margin-right: 10px; width: 14px; height: 14px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary { margin: 16px 0 20px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .city, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .state-delimiter, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .state { font-size: 0.875rem; color: #757575; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary { margin-left: 24px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .state { display: block; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .street, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .number-delimiter, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .number, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .postalCode, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .line1-delimiter, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .line2-delimiter, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .address-summary .line3-delimiter { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-details { background-color: transparent; border: 1px solid #000000; outline: none; color: #000000; font-weight: 600; font-size: 1rem; line-height: 32px; border-radius: 2px; display: block; width: 100%; height: 32px; min-height: 32px; text-transform: uppercase; cursor: pointer; padding: 0; font-size: 0.875rem; font-weight: 400; text-transform: none; width: 148px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-details:hover { background-color: #000000; border: 1px solid #000000; color: #ffffff; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-details { margin: 0 auto; width: 190px; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .box-step #postalCode-finished-loading { padding: 20px 23px 0; } @media (max-width: 40rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .box-step #postalCode-finished-loading { padding: 0 5px; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .box-step > div:not(#postalCode-finished-loading) { padding: 0 23px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper { height: 50px; max-width: 450px; border: none; box-shadow: none; background: #f5f5f5; border-radius: 30px; display: flex; flex-direction: row-reverse; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper .vtex-omnishipping-1-x-deliveryChannelsToggle { border-radius: 30px; border: none; background-color: transparent; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper .vtex-omnishipping-1-x-deliveryOptionActive { background-color: #000000; border-radius: 30px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper .vtex-omnishipping-1-x-deliveryOptionActive .shp-method-option-text { color: white; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper .vtex-omnishipping-1-x-deliveryOptionInactive { background: #f5f5f5; color: #000000; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-pickup-in-point .shp-method-option-text { font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-pickup-in-point .shp-method-option-text::after { content: "RETIRAR POR UN PUNTO"; font-size: 1rem; } @media (max-width: 40rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-pickup-in-point .shp-method-option-text::after { font-weight: 600; font-size: 0.75rem; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-pickup-in-point .shp-method-option-complement { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-delivery .shp-method-option-text { font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-delivery .shp-method-option-text::after { content: "ENVIAR A DOMICILIO"; font-size: 1rem; } @media (max-width: 40rem) { .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-delivery .shp-method-option-text::after { font-weight: 600; font-size: 0.75rem; } } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-deliveryChannelsWrapper #shipping-option-delivery .shp-method-option-complement { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-summaryChange { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup { padding-top: 0; padding-bottom: 28px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemTitle { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent { flex-direction: column; align-items: flex-start; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemPrice { font-size: 0.875rem; color: #757575; line-height: 20px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemPrice { order: 1; padding-left: 0; padding-bottom: 2px; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemPrice::before { content: "Costo: "; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo { order: 2; border: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .vtex-omnishipping-1-x-SummaryItemAddress { margin-bottom: 0; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .address-summary .complement::before { content: ", "; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .address-summary .line1-delimiter, .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .address-summary .line2-delimiter { display: none; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .postalCode { display: block; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .postalCode::before { content: "Código Postal: "; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data label { color: #000000; font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-shippingSectionTitle { font-weight: 600; color: #000000; line-height: 1.375rem; margin-bottom: 20px; font-size: 1.125rem; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-shippingSectionTitle { font-size: 1rem; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 { order: 1; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode { position: relative; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small { display: block; position: absolute; top: 12px; right: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small a { color: #4b5ab8; font-size: 0.875rem; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small a { font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small a::after { content: "No lo sé"; font-size: 0.875rem; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-deliveryOptionActive { border-radius: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-deliveryGroup { order: 2; margin-bottom: 20px; } @media (max-width: 48rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-deliveryGroup { margin-bottom: 10px; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm { order: 3; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-shippingSectionTitle { font-weight: 600; color: #000000; font-size: 0; line-height: 1.375rem; margin-bottom: 20px; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-shippingSectionTitle::after { font-size: 1.125rem; content: "Completa tu dirección de entrega"; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-shippingSectionTitle::after { font-size: 1rem; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .input { width: calc(50% - (16px / 2)); display: inline-block; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .input { width: 100%; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-street { order: 1; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-street label::after { content: " *"; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-number { order: 3; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-number label::after { content: " *"; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-complement { order: 4; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-complement label { line-height: 1rem; font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-complement label::before { content: "Piso / Departamento"; font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-reference { order: 2; display: none; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-neighborhood { display: none; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-state { order: 5; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-state label::after { content: " *"; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-city { order: 6; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-city label::after { content: " *"; white-space: pre; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-receiverName { order: 7; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-receiverName label { line-height: 1rem; font-size: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-address > div .ship-receiverName label::before { content: "¿Quién recibe el pedido?"; font-size: 0.875rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingGroupList { border: none; border-radius: 0; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption { margin-bottom: 1rem; border: 1px solid #d2d2d2; background: inherit; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOptionActive { border: 1px solid #757575; background: inherit; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingIcon { filter: brightness(0) saturate(100%) invert(24%) sepia(4%) saturate(142%) hue-rotate(314deg) brightness(90%) contrast(97%); } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText { border: none; flex-direction: row; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText .vtex-omnishipping-1-x-leanShippingTextLabel { font-weight: 600; font-size: 1rem; color: #000000; display: inline-block; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText .vtex-omnishipping-1-x-leanShippingTextLabelSingle { font-size: 0.875rem; color: #757575; font-weight: bold; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText .shp-option-text-package { display: inline-block; margin-left: 8px; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText { flex-direction: column; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText .shp-option-text-package { display: block; margin-left: 0; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-optionPrice { color: #4b5ab8; font-size: 1rem; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingIcon { transform: scale(0.8); } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption { position: relative; align-items: center; line-height: 1.5; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-leanShippingOption .vtex-omnishipping-1-x-leanShippingText .vtex-omnishipping-1-x-leanShippingTextLabel { margin-bottom: 10px; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-textBox { border: 1px solid #d2d2d2; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-textBox .vtex-omnishipping-1-x-pickupReceiverIcon { filter: brightness(0) grayscale(1); } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-textBox .vtex-omnishipping-1-x-btn { color: #4b5ab8; } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-submitPaymentButton { margin-top: 20px; margin-bottom: 10px; display: flex; justify-content: flex-end; } @media (max-width: 64rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-submitPaymentButton { justify-content: center; } } .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-submitPaymentButton #btn-go-to-payment { position: relative; padding-left: 0; margin: 0; font-size: 0.875rem; } @media (max-width: 43.125rem) { .orderform-active .orderform-template-holder #shipping-data .vtex-omnishipping-1-x-submitPaymentButton #btn-go-to-payment { max-width: 100%; } } .orderform-active .orderform-template-holder #shipping-data #delivery-packages-options .shipping-text { font-style: italic; font-weight: 800; font-size: 12px; display: block !important; } .orderform-active .orderform-template-holder #payment-data { /* PROMOS BANCARIAS EN PAYMENT */ } .orderform-active .orderform-template-holder #payment-data fieldset.payment-group { margin-bottom: 22px; width: 37%; } @media (max-width: 1199px) { .orderform-active .orderform-template-holder #payment-data fieldset.payment-group { width: 100%; max-width: 250px; } } @media (max-width: 640px) { .orderform-active .orderform-template-holder #payment-data fieldset.payment-group { margin-bottom: 10px; max-width: none; } } .orderform-active .orderform-template-holder #payment-data .steps-view { max-width: 820px; width: 100%; } @media (max-width: 64rem) { .orderform-active .orderform-template-holder #payment-data .steps-view { max-width: 670px; } } @media (max-width: 48rem) { .orderform-active .orderform-template-holder #payment-data .steps-view { max-width: 640px; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .steps-view { max-width: 340px; } } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-debitCardPaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-customPrivate_501PaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-WipeiPaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-creditCardPaymentGroup { padding-top: 0; } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-debitCardPaymentGroup .card-flag, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-customPrivate_501PaymentGroup .card-flag, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-WipeiPaymentGroup .card-flag, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-creditCardPaymentGroup .card-flag { display: none; } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-debitCardPaymentGroup .card-flag.creditCardPaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-customPrivate_501PaymentGroup .card-flag.creditCardPaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-WipeiPaymentGroup .card-flag.creditCardPaymentGroup, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #iframe-placeholder-creditCardPaymentGroup .card-flag.creditCardPaymentGroup { display: block; } @media (max-width: 640px) { .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #payment-group-mercadoCredito .payment-mercadoCredito-ico-mp { margin-top: 12px; } } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #payment-group-mercadoCredito .payment-mercadoCredito-buy-now { margin-top: 5px; } @media (max-width: 640px) { .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #payment-group-mercadoCredito .payment-mercadoCredito-buy-now { margin-top: -15px; } } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #payment-group-mercadoCredito .payment-mercadoCredito-description, .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #payment-group-mercadoCredito .payment-mercadoCredito-step-by-step { border: none; margin-bottom: 0px; width: 100%; margin-left: 0px; min-height: 0px !important; } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #ml-payment-info-wrapper .leyend-mp-container { border-radius: 5px; display: flex; flex-flow: column nowrap; justify-content: center; } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #ml-payment-info-wrapper .leyend-mp-container strong { font-size: 13px; text-align: center; margin-top: 5px; color: #333; } .orderform-active .orderform-template-holder #payment-data .steps-view .payment-method #ml-payment-info-wrapper .leyend-mp-container p { text-align: center; } .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body { padding-top: 30px; } .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body .gift-card-section { display: none !important; } .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body .form-step { display: flex; flex-direction: row; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body .form-step { flex-direction: column; } } .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body .form-step .link-gift-card { display: none !important; } @media (max-width: 48rem) { .orderform-active .orderform-template-holder #payment-data .accordion-group.active .accordion-body { margin-top: 10px !important; padding-top: 10px; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn { background-color: white; display: flex; flex-direction: column; width: 100%; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn { height: 185px; display: flex; flex-flow: row wrap; justify-content: space-between; } } @media (min-width: 80rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn { justify-content: flex-start !important; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item { background-color: #ffffff; font-size: 0.875rem !important; color: #000; line-height: 16px; padding: 10px 17px 15px; width: 100%; height: auto; border-radius: 4px; border: 1px solid #DCDCDC; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.08); margin: 0 0 10px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item { width: 48% !important; margin: 0 !important; height: 55px !important; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item { padding: 10px 15px 15px; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item.active { background-color: #4b5ab8; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item.active .payment-group-item-text { font-size: 0.875rem !important; color: #fff; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item.active .payment-group-item-text { font-size: 0.75rem !important; line-height: initial !important; padding-top: 0px !important; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item .payment-group-item-text { background-repeat: no-repeat !important; background-size: 40px; background-position: center left !important; height: 100%; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item .payment-group-item-text { line-height: initial !important; margin-top: 0px; padding-left: 41% !important; background-size: 30px; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup { order: 1; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text { margin-top: 0; background-size: 42px; background-image: url("/arquivos/icon-modo.png") !important; font-size: 0 !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text::before { content: "Modo"; font-size: 0.875rem; position: relative; top: 4px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text::before { top: 0; padding: 0; margin-top: 0; font-size: 0.75rem; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text { background-size: 35px; padding-top: 16px !important; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text .offerModo { color: #00d0a6; line-height: 18px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text .offerModo { font-size: 0.625rem !important; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text .offerModo .modo-date { font-weight: 400; color: #00d0a6; display: block; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-Modo\ PaymentPaymentGroup .payment-group-item-text .offerModo .modo-date { font-size: 0.625rem !important; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-WipeiPaymentGroup .payment-group-item-text { background: url("/arquivos/wipei.png"); } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-customPrivate_501PaymentGroup .payment-group-item-text { background: url("/arquivos/tarjeta-cordobesa-mastercard.png"); } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup { order: 6; display: block !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text { background: url("/arquivos/wibond_black.png"); background-size: 33%; font-size: 0 !important; padding: 0; margin-left: -10px; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text::after { content: "Cuotas sin tarjeta"; font-size: 0.875rem; padding-left: 30%; position: relative; top: 3px; color: #000000; margin-left: 10px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text::after { font-size: 0.75rem; top: 0; padding-left: 10px; margin: 0; display: block; width: 70px; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-GOcuotasPaymentGroup { order: 6; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-GOcuotasPaymentGroup .payment-group-item-text { display: flex; font-size: 0 !important; width: 34px; padding-left: 34px; background-size: contain; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup.active .payment-group-item-text { filter: none; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-custom201PaymentGroupPaymentGroup.active .payment-group-item-text::after { color: #ffffff; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoPagoProPaymentGroup { order: 4; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoPagoProPaymentGroup:not(.active) .payment-group-item-text { font-size: 0 !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoPagoProPaymentGroup:not(.active) .payment-group-item-text::before { content: "Mercado Pago"; font-size: 0.875rem; padding: 0; position: relative; top: 4px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoPagoProPaymentGroup:not(.active) .payment-group-item-text::before { font-size: 0.75rem; top: 0; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoCreditoPaymentGroup { order: 6; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoCreditoPaymentGroup .payment-group-item-text { background-image: url("/arquivos/icon-mercadocredito.png"); font-size: 0 !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoCreditoPaymentGroup .payment-group-item-text::after { content: "Mercado Crédito"; font-size: 0.875rem; padding: 0; position: relative; top: 4px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-MercadoCreditoPaymentGroup .payment-group-item-text::after { font-size: 0.75rem; top: 0; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-debitCardPaymentGroup { order: 3; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-debitCardPaymentGroup:not(.active) .payment-group-item-text { font-size: 0 !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-debitCardPaymentGroup:not(.active) .payment-group-item-text::before { content: "Tarjeta de débito"; font-size: 0.875rem; padding: 0; position: relative; top: 4px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-debitCardPaymentGroup:not(.active) .payment-group-item-text::before { padding: 0; top: 0; margin-top: 0; font-size: 0.75rem; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-debitCardPaymentGroup .payment-group-item-text { background-image: url("/arquivos/icon-debit-card.png") !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup { order: 2; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup:not(.active) .payment-group-item-text { font-size: 0 !important; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup:not(.active) .payment-group-item-text::before { content: "Tarjeta de crédito"; font-size: 0.875rem; padding: 0; position: relative; top: 4px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup:not(.active) .payment-group-item-text::before { font-size: 0.75rem; top: 0; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup .payment-group-item-text { background-image: url("/arquivos/icon-credit-card.png") !important; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-creditCardPaymentGroup .payment-group-item-text { padding-left: 45%; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item#payment-group-GOcuotasPaymentGroup { order: 5; } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item .payment-group-item-text { font-weight: 600; text-align: left; width: 100%; color: #000000; padding-left: 60px; } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item .payment-group-item-text { text-align: left; padding-left: 45%; } } .orderform-active .orderform-template-holder #payment-data .payment-group-list-btn .payment-group-item::before { display: none; } .orderform-active .orderform-template-holder #payment-data .payment-method > div { width: 100%; max-width: 860px; } @media (max-width: 981px) { .orderform-active .orderform-template-holder #payment-data .payment-method { display: flex; justify-content: flex-start; } } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards { position: absolute; display: none !important; left: 48% !important; top: 6rem !important; width: 100%; max-width: 294px; } @media screen and (max-width: 640px) { .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards { position: initial !important; } } @media (min-width: 80rem) { .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag { margin-right: 10px; } } @media (max-width: 994px) { .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards { display: none !important; justify-content: end; margin-left: auto; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards { top: 6rem !important; } } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag { margin-bottom: 5px; opacity: 1 !important; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Nativa, .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Naranja, .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Shopping, .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Nevada { background-image: url("/arquivos/card-flags-last.png"); background-repeat: no-repeat; font-size: 0; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Nativa { background-position: 0 0; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Naranja { background-position: -33px 0; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Shopping { background-position: -95px 0; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Nevada { background-position: -64px 0; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.MercadoPagoPro { display: none; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Cordobesa.Master { background: url("/arquivos/tarjeta-cordobesa-mastercard.png"); background-position: center; background-repeat: no-repeat; font-size: 0; background-size: 100%; } .orderform-active .orderform-template-holder #payment-data .payment-method .payment-group-item-cards .card-flag.Wipei { background: url("/arquivos/wipei.png"); background-position: center; background-repeat: no-repeat; font-size: 0; background-size: 40px; } .orderform-active .orderform-template-holder #payment-data .payment-method .span12 { border: none; min-height: 340px !important; } @media (min-width: 64rem) { .orderform-active .orderform-template-holder #payment-data .payment-method .span12 { margin-bottom: 1rem; border-radius: 4px; width: 95%; margin-left: 15px; } } @media (max-width: 993px) { .orderform-active .orderform-template-holder #payment-data .payment-method .span12 { min-height: auto !important; } } .orderform-active .orderform-template-holder #payment-data .payment-method .box-payment-group2 { margin-bottom: 1rem; } @media (max-width: 80rem) { .orderform-active .orderform-template-holder #payment-data .payment-method div.header-img { width: auto; } } .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_title { background: url(/arquivos/wibond_black.png); background-repeat: no-repeat; background-position: center; background-size: contain; height: 80px; font-size: 0; margin: 1rem 0 0; } .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_subTitle { display: block; text-align: center; font-size: 0.875rem; margin-top: 0; } .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_list { width: 45%; margin: 1.5rem auto 0; font-size: 0.8125rem; } @media (max-width: 48rem) { .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_list { width: 60%; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_list { width: 85%; } } @media (max-width: 30rem) { .orderform-active .orderform-template-holder #payment-data .payment-method #wibondPayment .wibondPayment_item { margin-bottom: 0.5rem; } } .orderform-active .orderform-template-holder #payment-data .installments-promos-container { display: block; max-width: 100%; width: 100%; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper { position: relative; display: flex; align-items: center; width: 100%; max-width: 865px; padding: 12px; border: solid 1px #DCDCDC; border-radius: 2px; } @media (max-width: 1024px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper { max-width: 650px; } } @media (max-width: 768px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper { max-width: 655px; } } @media (max-width: 430px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper { flex-direction: column; max-width: 304px; width: auto; } } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .left-text { font-size: 1rem; font-weight: 600; color: #111111; max-width: 120px; } @media (max-width: 430px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .left-text { text-align: left; width: 100%; max-width: 100%; } } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider { width: 100%; max-width: 80%; margin: 0 auto; position: relative; } @media (max-width: 430px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider { width: 100%; max-width: none; } } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper .swiper-slide { width: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper .swiper-slide .title { font-size: 12px; font-weight: 600; line-height: 15px; color: #000000; margin: 2px 0; user-select: none; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper .swiper-slide .subtitle { font-size: 12px; font-weight: 400; line-height: 15px; color: #757575; margin: 0; user-select: none; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-prev, .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-next { background-image: url("../arquivos/payment-slider-arrow-icon.svg"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; width: 12px; height: 12px; top: 55px; } @media (max-width: 430px) { .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-prev, .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-next { display: none; } } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-prev::after, .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-next::after { content: none; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-prev { transform: rotate(180deg); left: -10px; } .orderform-active .orderform-template-holder #payment-data .installments-promos-container .installments-promos-wrapper .slider .swiper-button-next { right: -10px; } /* Payment iframe rules */ #app-container .iframe-credit-card-payment-group .PaymentLabel .payment-label-0-card { font-size: 0%; } #app-container .iframe-credit-card-payment-group .PaymentLabel .payment-label-0-card::before { content: "> Primera tarjeta de crédito"; display: block; font-size: 13px; } #app-container .iframe-credit-card-payment-group .PaymentLabel .payment-label-1-card { font-size: 0%; margin-top: 20px; } @media (max-width: 30rem) { #app-container .iframe-credit-card-payment-group .PaymentLabel .payment-label-1-card { margin-top: -20px; } } #app-container .iframe-credit-card-payment-group .PaymentLabel .payment-label-1-card::before { content: "> Segunda tarjeta de crédito"; display: block; font-size: 13px; } #app-container .iframe-debit-card-payment-group .PaymentLabel .payment-label-0-card { font-size: 0%; } #app-container .iframe-debit-card-payment-group .PaymentLabel .payment-label-0-card::before { content: "> Primera tarjeta de débito"; display: block; font-size: 13px; } #app-container .iframe-debit-card-payment-group .PaymentLabel .payment-label-1-card { font-size: 0%; margin-top: 20px; } @media (max-width: 30rem) { #app-container .iframe-debit-card-payment-group .PaymentLabel .payment-label-1-card { margin-top: -20px; } } #app-container .iframe-debit-card-payment-group .PaymentLabel .payment-label-1-card::before { content: "> Segunda tarjeta de débito"; display: block; font-size: 13px; } #app-container div[class*=payment-group] > div .ChangeNumberOfPayments:hover::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #f0f0f0 transparent transparent; display: block; position: absolute; bottom: 5px; left: 181px; } #app-container div[class*=payment-group] > div .ChangeNumberOfPayments:hover::after { content: "Recordá que para pagar con dos tarjetas deberán ser del mismo tipo, por ejemplo dos tarjetas de crédito o dos tarjetas de débito"; display: block; font-size: 11px; background-color: #f0f0f0; position: absolute; line-height: 14px; bottom: 0; left: 192px; padding: 6px; max-width: 320px; font-weight: 500; } @media (max-width: 48rem) { #app-container div[class*=payment-group] > div .ChangeNumberOfPayments:hover::before { display: none; } #app-container div[class*=payment-group] > div .ChangeNumberOfPayments:hover::after { display: none; } } #app-container div[class*=payment-group] > div .ChangeNumberOfPayments a { display: flex; align-items: center; position: relative; top: -40px; font-weight: 600; left: -2%; color: #4b5ab8; } @media (max-width: 30rem) { #app-container div[class*=payment-group] > div .ChangeNumberOfPayments a { left: 3%; } } #app-container div[class*=payment-group] > div .ChangeNumberOfPayments a:hover::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 12C28.1 12 29 12.9 29 14V26C29 27.1 28.1 28 27 28H7C5.9 28 5 27.1 5 26V14C5 12.9 5.9 12 7 12H27ZM27 11H7C5.34 11 4 12.34 4 14V26C4 27.66 5.34 29 7 29H27C28.66 29 30 27.66 30 26V14C30 12.34 28.66 11 27 11Z' fill='%231d63be'/%3e%3cpath d='M13.5 16H8.5C8.22 16 8 15.78 8 15.5C8 15.22 8.22 15 8.5 15H13.5C13.78 15 14 15.22 14 15.5C14 15.78 13.78 16 13.5 16Z' fill='%231d63be'/%3e%3cpath d='M20.5 27H8.5C8.22 27 8 26.78 8 26.5C8 26.22 8.22 26 8.5 26H20.5C20.78 26 21 26.22 21 26.5C21 26.78 20.78 27 20.5 27Z' fill='%231d63be'/%3e%3cpath d='M24.5 25H8.5C8.22 25 8 24.78 8 24.5C8 24.22 8.22 24 8.5 24H24.5C24.78 24 25 24.22 25 24.5C25 24.78 24.78 25 24.5 25Z' fill='%231d63be'/%3e%3cpath d='M25 19C23.62 19 22.5 17.88 22.5 16.5C22.5 15.12 23.62 14 25 14C26.38 14 27.5 15.12 27.5 16.5C27.5 17.88 26.38 19 25 19ZM25 15C24.17 15 23.5 15.67 23.5 16.5C23.5 17.33 24.17 18 25 18C25.83 18 26.5 17.33 26.5 16.5C26.5 15.67 25.83 15 25 15Z' fill='%231d63be'/%3e%3cpath d='M21.5 19C20.12 19 19 17.88 19 16.5C19 15.12 20.12 14 21.5 14C22.41 14 23.25 14.5 23.69 15.3L22.81 15.78C22.55 15.3 22.05 15 21.5 15C20.67 15 20 15.67 20 16.5C20 17.33 20.67 18 21.5 18C22.05 18 22.55 17.7 22.82 17.22L23.7 17.7C23.25 18.5 22.41 19 21.5 19Z' fill='%231d63be'/%3e%3cpath d='M4.5 19H3.5C1.57 19 0 17.43 0 15.5V4.5C0 2.57 1.57 1 3.5 1H22.5C24.43 1 26 2.57 26 4.5V11.5H25V4.5C25 3.12 23.88 2 22.5 2H3.5C2.12 2 1 3.12 1 4.5V15.5C1 16.88 2.12 18 3.5 18H4.5V19Z' fill='%231d63be'/%3e%3cpath d='M9.5 6H4.5C4.22 6 4 5.78 4 5.5C4 5.22 4.22 5 4.5 5H9.5C9.78 5 10 5.22 10 5.5C10 5.78 9.78 6 9.5 6Z' fill='%231d63be'/%3e%3cpath d='M21 9C19.62 9 18.5 7.88 18.5 6.5C18.5 5.12 19.62 4 21 4C22.38 4 23.5 5.12 23.5 6.5C23.5 7.88 22.38 9 21 9ZM21 5C20.17 5 19.5 5.67 19.5 6.5C19.5 7.33 20.17 8 21 8C21.83 8 22.5 7.33 22.5 6.5C22.5 5.67 21.83 5 21 5Z' fill='%231d63be'/%3e%3cpath d='M17.5 9C16.12 9 15 7.88 15 6.5C15 5.12 16.12 4 17.5 4C18.41 4 19.25 4.5 19.69 5.3L18.81 5.78C18.55 5.3 18.05 5 17.5 5C16.67 5 16 5.67 16 6.5C16 7.33 16.67 8 17.5 8C18.05 8 18.55 7.7 18.82 7.22L19.7 7.7C19.25 8.5 18.41 9 17.5 9Z' fill='%231d63be'/%3e%3c/svg%3e"); } #app-container .CardForm { background-color: #f5f5f5; border-radius: 4px; position: relative; width: 100%; padding: 0 0 40px 0; margin-top: 20px; top: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: space-evenly; } #app-container .CardForm > div { width: 90%; } @media (max-width: 30rem) { #app-container .CardForm > div { width: 94%; } } #app-container .CardForm .SavedCards, #app-container .CardForm .PaymentLabel { width: 92% !important; } #app-container .CardForm .SavedCards + div:not([class]), #app-container .CardForm .PaymentLabel + div:not([class]), #app-container .CardForm > div:first-child { width: 40%; } @media (max-width: 30rem) { #app-container .CardForm .SavedCards + div:not([class]), #app-container .CardForm .PaymentLabel + div:not([class]), #app-container .CardForm > div:first-child { width: 94%; margin-top: 20px; } } @media (max-width: 30rem) { #app-container .CardForm .SavedCards + div:not([class]), #app-container .CardForm .PaymentLabel + div:not([class]) { margin-top: 0px; } } #app-container .CardForm .SavedCards + div + div + div, #app-container .CardForm .PaymentLabel + div + div + div, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) { width: 73%; display: flex; justify-content: space-between; } @media (max-width: 30rem) { #app-container .CardForm .SavedCards + div + div + div, #app-container .CardForm .PaymentLabel + div + div + div, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) { flex-direction: column; width: 94%; } } #app-container .CardForm .SavedCards + div + div + div .PaymentCardHolderName, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardHolderName, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardHolderName { width: 55%; } #app-container .CardForm .SavedCards + div + div + div .PaymentCardHolderName .FormFieldLabel, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardHolderName .FormFieldLabel, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardHolderName .FormFieldLabel { font-size: 0; line-height: 15px !important; } #app-container .CardForm .SavedCards + div + div + div .PaymentCardHolderName .FormFieldLabel::after, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardHolderName .FormFieldLabel::after, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardHolderName .FormFieldLabel::after { content: "Nombre y Apellido"; font-size: 0.875rem; } @media (max-width: 30rem) { #app-container .CardForm .SavedCards + div + div + div .PaymentCardHolderName, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardHolderName, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardHolderName { width: 100%; margin-bottom: 20px; } } #app-container .CardForm .SavedCards + div + div + div .PaymentCardDueDate, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardDueDate, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardDueDate { width: 39%; } @media (max-width: 30rem) { #app-container .CardForm .SavedCards + div + div + div .PaymentCardDueDate, #app-container .CardForm .PaymentLabel + div + div + div .PaymentCardDueDate, #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) .PaymentCardDueDate { width: 100%; margin-bottom: 20px; } } #app-container .CardForm .PaymentLabel + div + div + div + p + p { width: 60%; } #app-container .CardForm .PaymentLabel + div + div + div + p + p #holder-document-0, #app-container .CardForm .PaymentLabel + div + div + div + p + p #holder-document-1 { max-width: 67%; } @media (max-width: 30rem) { #app-container .CardForm .PaymentLabel + div + div + div + p + p { width: 94%; } #app-container .CardForm .PaymentLabel + div + div + div + p + p #holder-document-0, #app-container .CardForm .PaymentLabel + div + div + div + p + p #holder-document-1 { max-width: 100%; } } #app-container .CardForm .SavedCards + .PaymentInstallments { width: 63%; max-width: none; } #app-container .CardForm .SavedCards + .PaymentInstallments + .PaymentCardCVV { width: 25%; position: relative; } #app-container .CardForm .SavedCards + .PaymentInstallments + .PaymentCardCVV .FormFieldLabel { font-size: 0; line-height: 15px !important; } #app-container .CardForm .SavedCards + .PaymentInstallments + .PaymentCardCVV .FormFieldLabel::after { content: "CVV"; font-size: 0.875rem; } #app-container .CardForm .SavedCards + .PaymentInstallments + .PaymentCardCVV .PaymentCardCVVHelp { bottom: -105px !important; right: 0; } #app-container .CardForm .SavedCards + .PaymentInstallments + .PaymentCardCVV + .PaymentCardValue { width: 92%; justify-content: flex-start; } #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) { width: 40%; } @media (max-width: 22.5rem) { #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) { width: 92%; } } #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument { width: 60%; } #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument #holder-document-0, #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument #holder-document-1 { max-width: 67%; } @media (max-width: 22.5rem) { #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument { width: 92%; } #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument #holder-document-0, #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument #holder-document-1 { max-width: 100%; } } @media (max-width: 30rem) { #app-container .CardForm .PaymentLabel + .SavedCards + .PaymentInstallments + .PaymentCardCVV + .PaymentCardValue, #app-container .CardForm .PaymentLabel + .SavedCards + div:not([class]) + .PaymentInstallments + div:not([class]) + .PaymentCardCVV + .PaymentCardHolderDocument + .PaymentCardValue { margin: 0; } } #app-container .CardForm .PaymentCardValue { width: 29%; height: 77px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; } #app-container .CardForm .PaymentCardValue .input-prepend { height: 40px !important; margin-bottom: 0 !important; position: relative; } #app-container .CardForm .PaymentCardValue .input-prepend .help.error { position: absolute; bottom: -35%; left: 1%; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardValue { width: 94%; justify-content: flex-start; margin: 20px 0; } } #app-container .CardForm > div:last-child { width: 100%; } #app-container .CardForm .BillingAddress > div { width: 100%; margin-left: 4%; } @media (max-width: 30rem) { #app-container .CardForm .BillingAddress > div { margin-left: 3%; } } #app-container .CardForm .BillingAddress h5 { font-size: 0.9rem; border-bottom: 1px solid #efefef; margin-bottom: 0.5rem; } #app-container .CardForm .BillingAddress .AddressToggle { width: 100%; padding-left: 4%; } #app-container .CardForm .BillingAddress .AddressForm .AddressField.payment-billing-address-state { width: 48%; margin-right: 4%; } #app-container .CardForm .BillingAddress .AddressForm .AddressField.payment-billing-address-city { width: 48%; order: 4; } #app-container .CardForm .BillingAddress .AddressForm .AddressField.payment-billing-address-number { order: 2; width: 48%; margin-right: 4%; } #app-container .CardForm .BillingAddress .AddressForm .AddressField.payment-billing-address-complement { order: 3; width: 48%; } #app-container .CardForm .PaymentCardDueDate .payment-card-lash { text-align: center; width: 10%; display: block; margin: auto; line-height: 40px; height: 40px; font-size: 0.875rem; } #app-container .CardForm .PaymentCardDueDate .payment-card-due-month, #app-container .CardForm .PaymentCardDueDate .payment-card-due-year { width: 45%; height: 40px; } #app-container .CardForm .PaymentCardDueDate .payment-card-due-year { float: right; } #app-container .CardForm .PaymentInstallments { max-width: 48%; margin-bottom: 20px; } @media (max-width: 30rem) { #app-container .CardForm .PaymentInstallments { max-width: 94%; } } #app-container .CardForm .PaymentInstallments p.select .input-xlarge { max-width: none; } #app-container .CardForm .PaymentInstallments p.label { display: none; } @media (max-width: 30rem) { #app-container .CardForm .PaymentInstallments { margin-bottom: 20px; } } #app-container .CardForm .PaymentInstallments .PaymentCardCVVHelp { position: absolute; margin: 0; height: 24px; right: 0px; bottom: -105px; width: 147px; } #app-container .CardForm .PaymentInstallments .PaymentCardCVVHelp .cvv-help-arrow { display: none; } @media (max-width: 22.5rem) { #app-container .CardForm .PaymentInstallments .PaymentCardCVVHelp { right: 0; bottom: 60px; } } @media (max-width: 30rem) { #app-container .CardForm { border: none; margin-top: 0 !important; } } #app-container .CardForm input, #app-container .CardForm select { font-size: 14px; border-radius: 0 !important; } #app-container .CardForm span.error { display: block !important; } #app-container .CardForm .PaymentCardNumber { height: 85px; width: calc(50% - 8px); } #app-container .CardForm .PaymentCardNumber #creditCardpayment-card-0Number.input-medium.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } #app-container .CardForm .card-selected { display: none !important; } #app-container .CardForm .FormFieldLabel { padding: 0; color: #757575; font-weight: 500; font-size: 0.875rem; line-height: 20px !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } #app-container .CardForm h5 { font-size: 1rem; margin: 2px 0; } #app-container .CardForm a { color: #4b5ab8; font-size: 0.875rem; } #app-container .CardForm span.error { font-size: 12px; } @media (max-width: 30rem) { #app-container .CardForm span.error { font-size: 11px; } } #app-container .CardForm .PaymentCardNumber { width: calc(50% - 8px); } #app-container .CardForm .PaymentCardNumber #creditCardpayment-card-0Number.input-medium.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } @media (max-width: 643px) { #app-container .CardForm .PaymentCardNumber { width: 100%; } } #app-container .CardForm .PaymentCardNumber .Warning { position: absolute; z-index: 10; max-width: 276px; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardNumber .Warning { top: 110px; } } #app-container .CardForm .PaymentCardHolderDocument { width: 92%; } #app-container .CardForm .PaymentCardHolderDocument #holder-document-0 { max-width: 44%; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardHolderDocument #holder-document-0 { max-width: 100%; } } @media (max-width: 640px) { #app-container .CardForm .PaymentCardHolderDocument { position: relative; } } #app-container .CardForm .PaymentCardDueDate label { width: 100%; padding: 0 !important; } #app-container .CardForm .SavedCardsList { margin-bottom: 40px; } @media (max-width: 30rem) { #app-container .CardForm .SavedCardsList { width: calc(100% - 1px); } } #app-container .CardForm .PaymentCardCVV { display: block; height: 71px; position: initial; width: 15%; position: relative; } #app-container .CardForm .PaymentCardCVV .FormFieldLabel { font-size: 0; line-height: 15px !important; } #app-container .CardForm .PaymentCardCVV .FormFieldLabel::after { content: "CVV"; font-size: 0.875rem; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardCVV { margin: 0; width: 94%; margin-bottom: 20px; } } #app-container .CardForm .PaymentCardCVV .PaymentCardCVVHelp { position: absolute; margin: 0; height: 24px; right: 0px; bottom: -105px; width: 147px; } #app-container .CardForm .PaymentCardCVV .PaymentCardCVVHelp .cvv-help-arrow { display: none; } @media (max-width: 22.5rem) { #app-container .CardForm .PaymentCardCVV .PaymentCardCVVHelp { right: 0; bottom: 60px; } } @media (max-width: 30rem) { #app-container .CardForm { border: none; margin-top: 0 !important; } } #app-container .CardForm input, #app-container .CardForm select { font-size: 14px; border-radius: 0 !important; } #app-container .CardForm span.error { display: block !important; } #app-container .CardForm .PaymentCardNumber { height: 85px; width: calc(50% - 8px); } #app-container .CardForm .PaymentCardNumber #creditCardpayment-card-0Number.input-medium.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } #app-container .CardForm .card-selected { display: none !important; } #app-container .CardForm .FormFieldLabel { padding: 0; color: #757575; font-weight: 500; font-size: 0.875rem; line-height: 20px !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } #app-container .CardForm h5 { font-size: 1rem; margin: 2px 0; } #app-container .CardForm a { color: #4b5ab8; font-size: 0.875rem; } #app-container .CardForm span.error { font-size: 12px; } @media (max-width: 30rem) { #app-container .CardForm span.error { font-size: 11px; } } #app-container .CardForm .PaymentCardNumber { width: calc(50% - 8px); } #app-container .CardForm .PaymentCardNumber #creditCardpayment-card-0Number.input-medium.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } @media (max-width: 643px) { #app-container .CardForm .PaymentCardNumber { width: 100%; } } #app-container .CardForm .PaymentCardNumber .Warning { position: absolute; z-index: 10; max-width: 276px; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardNumber .Warning { top: 110px; } } #app-container .CardForm .PaymentCardHolderDocument { width: 92%; } #app-container .CardForm .PaymentCardHolderDocument #holder-document-0 { max-width: 44%; } @media (max-width: 30rem) { #app-container .CardForm .PaymentCardHolderDocument #holder-document-0 { max-width: 100%; } } @media (max-width: 640px) { #app-container .CardForm .PaymentCardHolderDocument { position: relative; } } #app-container .CardForm .PaymentCardDueDate label { width: 100%; padding: 0 !important; } @media (min-width: 643px) { #app-container .CardForm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 30px 40px 0; } #app-container .CardForm > p { margin-bottom: 21px; } #app-container .CardForm > div { display: flex; width: 100%; } } @media (min-width: 643px) and (min-width: 80rem) { #app-container .CardForm > div .PaymentCardNumber { position: relative; } } @media (min-width: 643px) and (max-width: 30rem) { #app-container .CardForm > div.PaymentInstallments { margin: 0 0 20px; } } @media (min-width: 643px) { #app-container .CardForm > div.PaymentInstallments p.select { width: 100%; margin: 0; } #app-container .CardForm > div.PaymentInstallments p.select .input-xlarge { max-width: none; } } @media (min-width: 643px) and (min-width: 80rem) { #app-container .CardForm > div:first-child:not(.PaymentLabel) { width: calc(50% - 8px); } } @media (min-width: 643px) and (min-width: 80rem) { #app-container .CardForm > div:nth-child(3):not(.PaymentInstallments) { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; } } @media (min-width: 643px) { #app-container .CardForm > div:nth-child(5):not(.PaymentCardHolderDocument) { width: 75%; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardHolderName { width: 100%; } #app-container .CardForm .PaymentCardHolderName #creditCardpayment-card-0Name.input-medium.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } } @media (min-width: 643px) and (max-width: 600px) { #app-container .CardForm .PaymentCardHolderName { margin-bottom: 15px; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardDueDate { position: absolute; left: 0; top: 5rem; width: calc(66% - 8px); } } @media (min-width: 643px) and (max-width: 30rem) { #app-container .CardForm .PaymentCardDueDate { margin-top: 20px; width: 100%; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardDueDate .payment-card-lash { display: none; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardDueDate .payment-card-due-month, #app-container .CardForm .PaymentCardDueDate .payment-card-due-year { width: calc(50% - 8px); } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardDueDate .payment-card-due-year { float: right; margin-right: 8px; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardHolderDocument { display: flex; justify-content: flex-start; flex-direction: column; } } @media (min-width: 643px) and (max-width: 640px) { #app-container .CardForm .PaymentCardHolderDocument { width: 96%; } } @media (min-width: 643px) and (max-width: 640px) { #app-container .CardForm .PaymentCardHolderDocument .input-small { width: 91%; } } @media (min-width: 643px) { #app-container .CardForm .PaymentCardHolderDocument .input-small.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } } @media (min-width: 643px) { #app-container .CardForm .PaymentLabel { width: 100%; display: flex; justify-content: flex-start; margin: 1rem 0 1rem 0; } } #app-container .CardForm #creditCardpayment-card-0Code.input-mini, #app-container .CardForm #creditCardpayment-card-1Code.input-mini { width: 100% !important; } #app-container .CardForm #creditCardpayment-card-0Code.input-mini.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } #app-container .CardForm .input-mini { padding: 10px; } #app-container .ChangeNumberOfPayments { padding: 0 40px; order: 2; } @media (max-width: 30rem) { #app-container .ChangeNumberOfPayments { padding: 0; } } .box-payment-option.box-payment-modo.modoPaymentGroup .offerModo-mobile { font-size: 0.75rem !important; font-weight: 600; color: #00d0a6; text-align: center; border: solid 1px #000; padding: 10px 0; margin: 0; border-radius: 4px; } .box-payment-option.box-payment-modo.modoPaymentGroup .offerModo-mobile .offerModo-mobile-date { font-weight: 400; } .table.cart-items i.icon.icon-remove.item-remove-ico:before { content: url(https://summasolutions.vteximg.com.br/arquivos/trash-icon.svg); filter: invert(50%) sepia(30%) saturate(0%) hue-rotate(156deg) brightness(84%) contrast(81%); } .table.cart-items thead tr th { font-size: 0.875rem; } .table.cart-items thead tr th.item-remove, .table.cart-items thead tr th.quantity-price { display: block; } .table.cart-items thead tr th.product { width: 40% !important; font-weight: 400; padding: 0; color: #757575; } .table.cart-items thead tr th.product-price { order: 4; width: 15% !important; font-weight: 400; color: #757575; } .table.cart-items thead tr th.quantity { order: 5; width: 15% !important; font-weight: 400; color: #757575; } .table.cart-items thead tr th.quantity-price { order: 6; width: 16% !important; font-size: 0; position: relative; display: flex; } .table.cart-items thead tr th.quantity-price::after { content: "Subtotal"; font-weight: 400; color: #757575; font-size: 0.875rem; position: absolute; left: 4.5rem; display: flex; justify-content: center; width: 16px; } .table.cart-items thead tr th.item-remove { order: 7; width: 2% !important; font-weight: 400; } .table.cart-items tbody .selectGiftBag { display: flex; align-items: center; color: #4b5ab8; width: 100%; gap: 0.5rem; padding: 8px 6px; margin-bottom: 1.5rem; } @media (max-width: 48rem) { .table.cart-items tbody .selectGiftBag { justify-content: center; } } .table.cart-items tbody .selectGiftBag input { height: 1rem; width: 1rem; margin: 0; accent-color: #4b5ab8; } .table.cart-items tbody .selectGiftBag input::after { content: ""; display: block; width: 14px; height: 14px; border: 1px solid #4b5ab8; border-radius: 2px; } .table.cart-items tbody .selectGiftBag label { font-size: 0.875rem; line-height: 12px; font-weight: 600; padding-top: 2px; font-variant: "Rubik", "Arial, Helvetica, sans-serif"; } .table.cart-items tbody .product-item { border-top: none; padding: 1rem 0; background-color: #ffffff; margin-bottom: 1rem; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); height: 80px; } @media (max-width: 43.125rem) { .table.cart-items tbody .product-item { padding: 10px 1rem; width: 90%; min-height: 120px; height: 155px; } } .table.cart-items tbody .product-item[data-sku="31907"] .product-name { pointer-events: none; } .table.cart-items tbody .product-item[data-sku="31907"] .product-image { pointer-events: none; } .table.cart-items tbody .product-item[data-sku="31907"] .quantity { display: none; } .table.cart-items tbody .product-item[data-sku="31907"] .product-price { display: none !important; } .table.cart-items tbody .product-item[data-sku="31907"] .quantity-price { width: 43% !important; } .table.cart-items tfoot .bag-label { margin-bottom: 50px; display: none; } .table.cart-items tfoot .bag-label #bag-input { margin: 0px 8px 0px 0px; width: 18px; height: 18px; } .table.cart-items tfoot .bag-label span { font-weight: 13px; font-weight: 700; } .table.cart-items #item-remove-31907 { display: none; } .table.cart-items tbody .v-custom-product-item-wrap { padding: 0 1rem; height: 82px; } @media (min-width: 43.125rem) { .table.cart-items tbody .v-custom-product-item-wrap { padding: 0 1rem !important; } } @media (max-width: 43.125rem) { .table.cart-items tbody .v-custom-product-item-wrap { height: 120px; } } .table.cart-items tbody .item-service .v-custom-trservice-wrap { padding: 5px 1rem !important; } .table.cart-items tbody .item-service .v-custom-trservice-wrap .gift-message label { visibility: hidden; } .table.cart-items tbody .item-service .v-custom-trservice-wrap .gift-message label::before { content: "Mensaje"; visibility: visible; } .table.cart-items tbody tr td { font-size: 0.875rem; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td { font-size: 1rem; } } .table.cart-items tbody tr td.field-help { background: #4b5ab8; border-color: #4b5ab8; } .table.cart-items tbody tr td.product-name { width: calc(40% - 5.5rem) !important; font-size: 0.75rem; display: flex; flex-direction: column-reverse; } @media (max-width: 61.25rem) { .table.cart-items tbody tr td.product-name { width: auto !important; padding: 0 !important; display: flex !important; flex-direction: column-reverse; margin-left: 60px !important; position: relative; } } .table.cart-items tbody tr td.product-name .brand { display: none; } .table.cart-items tbody tr td.product-name .seller { display: none !important; } .table.cart-items tbody tr td.product-name a { font-weight: 500; color: #000000; } .table.cart-items tbody tr td.product-name a:hover { font-weight: 500; } .table.cart-items tbody tr td.product-name .add-service-container { position: absolute; bottom: 0; left: 25%; margin: 0; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td.product-name .add-service-container { top: 105px; } } .table.cart-items tbody tr td.product-name .add-service-container a { padding: 0 0.5rem; } .table.cart-items tbody tr td.product-price { order: 4; width: 15% !important; display: flex !important; margin: 0; flex-direction: column; } .table.cart-items tbody tr td.product-price .list-price { display: inline-block !important; } .table.cart-items tbody tr td.product-price .best-price { display: inline-block !important; color: #000000; font-weight: 200; } .table.cart-items tbody tr td.product-price .old-product-price { color: #d2d2d2; font-size: 0.75rem; text-align: right; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td.product-price { display: flex !important; flex-direction: row !important; width: auto !important; height: 30%; align-items: flex-end; margin-left: 3.8rem; position: absolute; } .table.cart-items tbody tr td.product-price .new-product-price { font-size: 0.875rem; } .table.cart-items tbody tr td.product-price .old-product-price { font-size: 0.75rem; margin-right: 5px; } } .table.cart-items tbody tr td.quantity { order: 5; justify-content: center; border: 1px solid #d2d2d2; border-radius: 0; width: 100px; height: 2.5rem; padding-right: 0.6rem; margin-left: 1.5rem; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td.quantity { margin-top: 0.5rem; width: 110px !important; margin-left: 60px !important; position: absolute; bottom: -10%; } } .table.cart-items tbody tr td.quantity .item-quantity-change i { line-height: 23px; } .table.cart-items tbody tr td.quantity .item-quantity-change-decrement { margin-left: 0px; width: 15px; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td.quantity .item-quantity-change-decrement { margin-left: 2px; } } .table.cart-items tbody tr td.quantity .item-quantity-change-increment { margin-right: -10px; width: 15px; } @media (max-width: 61.25rem) { .table.cart-items tbody tr td.quantity .item-quantity-change-increment { margin-right: 0; } } .table.cart-items tbody tr td.quantity .item-quantity-change i:before { font-weight: 200; font-size: 1.2rem; color: #757575; } .table.cart-items tbody tr td.quantity.item-quantity-change-increment i:before { line-height: 22px; } .table.cart-items tbody tr td.quantity input { font-size: 0.875rem; } @media (max-width: 61.25rem) { .table.cart-items tbody tr td.quantity input { width: 55px !important; height: 35px !important; } } @media (min-width: 64rem) { .table.cart-items tbody tr td.quantity input { width: 55px !important; } } .table.cart-items tbody tr td input[type=number] { font-size: 0.875rem; } .table.cart-items tbody tr td.quantity-price { display: block !important; order: 6; width: 15% !important; color: #000000; margin-left: 1.5rem; font-weight: 200; } @media (max-width: 43.125rem) { .table.cart-items tbody tr td.quantity-price { position: absolute; right: 0; bottom: 0; } } .table.cart-items tbody tr td.item-remove { display: flex; align-items: center; } .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 60px; } @media (max-width: 61.25rem) { .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 48px; } } .table.cart-items td.product-image a { margin-right: 1rem; } @media (max-width: 43.125rem) { .table.cart-items td.product-image a { margin-right: 0.5rem; } } @media (max-width: 43.125rem) { .full-cart .cart table tbody tr td.bundle-item-name span, .full-cart .cart table tbody tr td.product-name a { display: inline-block; } } @media (max-width: 43.125rem) { .full-cart .cart table tbody tr td.product-name { padding: 0 !important; } } @media (max-width: 30rem) { .full-cart .cart table tbody tr td.product-name { height: 50px; text-overflow: ellipsis; overflow: hidden; justify-content: start; } } .container.container-cart .checkout-container .cart-template .summary-template-holder { background-color: #ffffff; border: none; border-radius: 4px; width: 308px; min-width: 308px; padding-left: 1.5rem; padding-right: 1.5rem; } @media (max-width: 64rem) { .container.container-cart .checkout-container .cart-template .summary-template-holder { padding: 1rem; width: 100%; } } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary::before { content: "Resumen de compra"; font-weight: 600; display: block; font-size: 1.125rem; font-weight: 600; padding-bottom: 2rem; padding-top: 1rem; border-bottom: 1px solid #d2d2d2; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options { display: block !important; border-radius: 0; } @media (max-width: 48rem) { .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options { margin: 0 !important; } } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder { margin: 0; display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .available-gift-quantity { margin: 5px 0; display: flex; font-size: 1rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .can-select-1-gifts { font-size: 0; border-top: 1px solid #cbcbcb; padding-top: 0.3rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .can-select-1-gifts::after { content: "Elegí un obsequio"; font-size: 1rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items { height: 160px; overflow-y: scroll; transition: all 0.3s ease; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items::-webkit-scrollbar { width: 6px; background-color: transparent; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items::-webkit-scrollbar-track { background-color: transparent; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items::-webkit-scrollbar-thumb { border: 1px solid transparent; background-clip: content-box; background-color: #03394D; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .available-gift-item { padding: 5px 30px 5px 0; justify-content: flex-start; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .available-gift-item:hover .icon-check-empty { color: black; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .available-gift-item .product-image { display: flex; align-items: center; justify-content: center; margin-right: 10px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .available-gift-item .product-name { font-size: 0.625rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .available-gift-item .product-name .brand { display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .select-gift.active { background: #f3f3f3; border-radius: 0; box-shadow: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .cart-select-gift-placeholder .cart-gift-items .available-gift-items .select-gift.active .icon-check-sign.active { color: black; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .shipping-preview-container { display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-calculate-link { margin: 0 auto; display: block; color: #000000; border-color: #000000; background-color: transparent; border-radius: 2px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .srp-pickup-empty .srp-pickup-my-location__button { background: #000000; border-color: transparent; border-radius: 2px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options .srp-pickup-empty .srp-pickup-search-location__button { color: #000000; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container { display: none !important; margin: 20px 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-main-title { font-size: 0; line-height: 0px; margin: 0; padding: 0 !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-main-title::before { content: ""; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RjA4QzYxMUUtM0Q2OS00OUFDLTg0OEMtMjVERDA3MDk4N0JDPC90aXRsZT4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzUuMDAwMDAwLCAtMTI1Ni4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjAvY2FydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzNS43ODEyNTAsIDEyNTYuNTMxMjUwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi44MTQzNDIxNywxMS4wMDA4MjcyIEM2LjU3MzM3MjY0LDEyLjAzODkxODQgNS42NDI2NTExOCwxMi44MTI1MDAxIDQuNTMxMjUwMDIsMTIuODEyNTAwMSBDMy4zOTcyNDI5NiwxMi44MTI1MDAxIDIuNDUxMzQwMzksMTIuMDA3MTI5IDIuMjM0MzE0MjcsMTAuOTM3MTU4OSBMMS4wOTM3NTAwMSwxMC45Mzc1MDAxIEMwLjQ5Nzg1MTU1LDEwLjkzNzUwMDEgMC4wMTMyNTU3MTIxLDEwLjQ2MDk1NjkgMC4wMDAyNjczNDczMDQsOS44NjgxNzU0NCBMMCwxLjA5Mzc1MDAxIEMwLDAuNDk3ODUxNTUgMC40NzY1NDMxNTYsMC4wMTMyNTU3MTIxIDEuMDY5MzI0NjEsMC4wMDAyNjczNDczMDQgTDEyLjk2ODc1MDEsMCBDMTMuMjIxNzQ5OCwwIDEzLjQyNzkzNTQsMC4yMDA0MzU1MzkgMTMuNDM3MTc2NywwLjQ1MTE3NjcgTDEzLjQzNywxLjI1IEwxNi4yOTU2MDQ4LDEuMjUwMDAwMDEgQzE2LjY5ODEyLDEuMjUwMDAwMDEgMTcuMDY0MTM4MywxLjQ3MDU1NDc4IDE3LjI1NDQwNDMsMS44MTczODM5MSBMMTcuMzExMTI1OSwxLjkzNzU0MTEyIEwxOC40MDE3ODkyLDQuNjYzOTc2MzYgQzE4LjQyMjY3MjUsNC43MTQyMjMxOSAxOC40MzUwNjUzLDQuNzY4ODg2ODggMTguNDM3MTc2OCw0LjgyNjE3NjcyIEwxOC40Mzc1MDAxLDkuODQzNzUwMDUgQzE4LjQzNzUwMDEsMTAuNDM5NjQ4NSAxNy45NjA5NTY5LDEwLjkyNDI0NDMgMTcuMzY4MTc1NSwxMC45MzcyMzI3IEwxNi4yMDMxODU4LDEwLjkzNzE1ODkgQzE1Ljk4NjE1OTcsMTIuMDA3MTI5IDE1LjA0MDI1NzEsMTIuODEyNTAwMSAxMy45MDYyNTAxLDEyLjgxMjUwMDEgQzEyLjc5NDg0ODksMTIuODEyNTAwMSAxMS44NjQxMjc0LDEyLjAzODkxODQgMTEuNjIzMTU3OSwxMS4wMDA4MjcyIFogTTEzLjkwNjI1MDEsOS4wNjI1MDAwNSBDMTMuMTI5NTk5Niw5LjA2MjUwMDA1IDEyLjUwMDAwMDEsOS42OTIwOTk2MiAxMi41MDAwMDAxLDEwLjQ2ODc1MDEgQzEyLjUwMDAwMDEsMTEuMjQ1NDAwNSAxMy4xMjk1OTk2LDExLjg3NTAwMDEgMTMuOTA2MjUwMSwxMS44NzUwMDAxIEMxNC42ODI5MDA1LDExLjg3NTAwMDEgMTUuMzEyNTAwMSwxMS4yNDU0MDA1IDE1LjMxMjUwMDEsMTAuNDY4NzUwMSBDMTUuMzEyNTAwMSw5LjY5MjA5OTYyIDE0LjY4MjkwMDUsOS4wNjI1MDAwNSAxMy45MDYyNTAxLDkuMDYyNTAwMDUgWiBNNC41MzEyNTAwMiw5LjA2MjUwMDA1IEMzLjc1NDU5OTU5LDkuMDYyNTAwMDUgMy4xMjUwMDAwMiw5LjY5MjA5OTYyIDMuMTI1MDAwMDIsMTAuNDY4NzUwMSBDMy4xMjUwMDAwMiwxMS4yNDU0MDA1IDMuNzU0NTk5NTksMTEuODc1MDAwMSA0LjUzMTI1MDAyLDExLjg3NTAwMDEgQzUuMzA3OTAwNDYsMTEuODc1MDAwMSA1LjkzNzUwMDAzLDExLjI0NTQwMDUgNS45Mzc1MDAwMywxMC40Njg3NTAxIEM1LjkzNzUwMDAzLDkuNjkyMDk5NjIgNS4zMDc5MDA0Niw5LjA2MjUwMDA1IDQuNTMxMjUwMDIsOS4wNjI1MDAwNSBaIE0xMi41LDcuMjUgTDAuOTM3LDcuMjUgTDAuOTM3NTAwMDA1LDkuODQzNzUwMDUgQzAuOTM3NTAwMDA1LDkuOTI2MTIyMDYgMS4wMDEyNDA0Niw5Ljk5MzYwNjcgMS4wODIwODg4OCw5Ljk5OTU3MTQ4IEwxLjA5Mzc1MDAxLDEwIEwyLjIzNDMwOTA4LDEwLjAwMDM2NjggQzIuNDUxMzI1MzEsOC45MzAzODM5MyAzLjM5NzIzMzkyLDguMTI1MDAwMDQgNC41MzEyNTAwMiw4LjEyNTAwMDA0IEM1LjY2NTI2NjEyLDguMTI1MDAwMDQgNi42MTExNzQ3NCw4LjkzMDM4MzkzIDYuODI4MTkwOTYsMTAuMDAwMzY2OCBMMTEuNjA5MzA5MSwxMC4wMDAzNjY4IEMxMS43MjUzNjk0LDkuNDI4MTM5OTcgMTIuMDQ5OTAxLDguOTMxNTkxMzYgMTIuNTAwMTg2LDguNTkzNDM4NzMgTDEyLjUsNy4yNSBaIE0xNy41MDAwMDAxLDUuMzEyNTAwMDMgTDEzLjQzNzUwMDEsNS4zMTI1MDAwMyBMMTMuNDM3MTU2NCw4LjE3MTk1MzMyIEMxMy41ODg3MjA3LDguMTQxMTYzNjUgMTMuNzQ1NTk3OCw4LjEyNTAwMDA0IDEzLjkwNjI1MDEsOC4xMjUwMDAwNCBDMTUuMDQwMjY2Miw4LjEyNTAwMDA0IDE1Ljk4NjE3NDgsOC45MzAzODM5MyAxNi4yMDMxOTEsMTAuMDAwMzY2OCBMMTcuMzQzNzUwMSwxMCBDMTcuNDI2MTIyMSwxMCAxNy40OTM2MDY3LDkuOTM2MjU5NiAxNy40OTk1NzE1LDkuODU1NDExMTcgTDE3LjUwMDAwMDEsOS44NDM3NTAwNSBMMTcuNTAwMDAwMSw1LjMxMjUwMDAzIFogTTEyLjUsMC45Mzc1MDAwMDUgTDEuMDkzNzUwMDEsMC45Mzc1MDAwMDUgQzEuMDExMzc3OTksMC45Mzc1MDAwMDUgMC45NDM4OTMzNTUsMS4wMDEyNDA0NiAwLjkzNzkyODU3OCwxLjA4MjA4ODg4IEwwLjkzNyw2LjI1IEwxMi41LDYuMjUgTDEyLjUsMC45Mzc1MDAwMDUgWiBNMTYuMjk1NjA0OCwyLjE4NzUwMDAxIEwxMy40Mzc1MDAxLDIuMTg3NTAwMDEgTDEzLjQzNzUwMDEsNC4zNzUwMDAwMiBMMTcuMjc2NDA2Myw0LjM3NTAwMDAyIEwxNi40NDA2NzkxLDIuMjg1NzIwMTMgQzE2LjQyNDA2OSwyLjI0NDE5NTAyIDE2LjM5MDkzMzMsMi4yMTI2NzcyMSAxNi4zNTA2MzIxLDIuMTk3NTAzNzggTDE2LjMwODI4OTEsMi4xODgwMTMxOCBMMTYuMjk1NjA0OCwyLjE4NzUwMDAxIFoiIGlkPSJ0cnVjayI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: 14px 10px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(97%) contrast(105%); width: 14px; height: 11px; display: inline-block; vertical-align: middle; margin-right: 8px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-main-title::after { content: "Calcular envío"; font-size: 0.875rem; font-weight: 400; color: #000000; margin: 10px 0; display: inline-block; vertical-align: middle; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container.show { display: block !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper { box-shadow: none; height: 40px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .vtex-shipping-preview-0-x-frame { display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__delivery, .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__pickup { background-color: #f5f5f5; color: #000000; font-weight: 600; border-radius: 37px; position: absolute; width: 55%; height: 42px; top: 0; margin: 0; padding: 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__delivery.blue, .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__pickup.blue { background-color: #000000; color: #ffffff; z-index: 2; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__delivery { left: 0; font-size: 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__delivery::before { content: "ENVIAR A DOMICILIO"; font-size: 0.75rem; display: block; width: 60px; height: 36px; padding: 0; text-align: center; margin: 1px auto 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__pickup { right: 0; font-size: 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .srp-toggle__wrapper .srp-toggle__pickup::before { content: "RETIRAR POR UN PUNTO"; font-size: 0.75rem; display: block; width: 84px; height: 36px; padding: 0; text-align: center; margin: 1px auto 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .ship-postalCode { max-width: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .ship-postalCode label { font-size: 0.875rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .ship-postalCode small { font-size: 0.75rem; color: #4b5ab8; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .ship-postalCode #ship-postalCode { border-color: #d2d2d2; border-radius: 2px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container .ship-postalCode #ship-postalCode.success { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .cart-more-options #shipping-preview-container #cart-shipping-calculate { border-color: black; color: black; border-radius: 2px; font-size: 1rem; margin-left: 4px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers { padding: 0; } @media (max-width: 48rem) { .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers { margin-top: 0; } } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .accordion-group { width: 100%; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner { margin-top: 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart { display: flex; flex-direction: column; color: #757575; margin-bottom: 5px; } @media (max-width: 48rem) { .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart { margin-bottom: 0; } } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart span { font-family: Rubik; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .totalizers-list { padding: 18px 0 !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-totalizers .totalizers-list .Items { margin: 0 !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap { display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .summary-coupon { padding: 10px 0; margin: 0 !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .summary-coupon .vcustom-showCustomMsgCoupon { display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .cart-delivery-calc { font-size: 0.875rem; line-height: 40px; color: #757575; padding: 10px 0; border-top: 1px solid #d2d2d2; display: inline-block; width: 100%; cursor: pointer; text-align: left; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .cart-delivery-calc::before { content: ""; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RjA4QzYxMUUtM0Q2OS00OUFDLTg0OEMtMjVERDA3MDk4N0JDPC90aXRsZT4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzUuMDAwMDAwLCAtMTI1Ni4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjAvY2FydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzNS43ODEyNTAsIDEyNTYuNTMxMjUwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi44MTQzNDIxNywxMS4wMDA4MjcyIEM2LjU3MzM3MjY0LDEyLjAzODkxODQgNS42NDI2NTExOCwxMi44MTI1MDAxIDQuNTMxMjUwMDIsMTIuODEyNTAwMSBDMy4zOTcyNDI5NiwxMi44MTI1MDAxIDIuNDUxMzQwMzksMTIuMDA3MTI5IDIuMjM0MzE0MjcsMTAuOTM3MTU4OSBMMS4wOTM3NTAwMSwxMC45Mzc1MDAxIEMwLjQ5Nzg1MTU1LDEwLjkzNzUwMDEgMC4wMTMyNTU3MTIxLDEwLjQ2MDk1NjkgMC4wMDAyNjczNDczMDQsOS44NjgxNzU0NCBMMCwxLjA5Mzc1MDAxIEMwLDAuNDk3ODUxNTUgMC40NzY1NDMxNTYsMC4wMTMyNTU3MTIxIDEuMDY5MzI0NjEsMC4wMDAyNjczNDczMDQgTDEyLjk2ODc1MDEsMCBDMTMuMjIxNzQ5OCwwIDEzLjQyNzkzNTQsMC4yMDA0MzU1MzkgMTMuNDM3MTc2NywwLjQ1MTE3NjcgTDEzLjQzNywxLjI1IEwxNi4yOTU2MDQ4LDEuMjUwMDAwMDEgQzE2LjY5ODEyLDEuMjUwMDAwMDEgMTcuMDY0MTM4MywxLjQ3MDU1NDc4IDE3LjI1NDQwNDMsMS44MTczODM5MSBMMTcuMzExMTI1OSwxLjkzNzU0MTEyIEwxOC40MDE3ODkyLDQuNjYzOTc2MzYgQzE4LjQyMjY3MjUsNC43MTQyMjMxOSAxOC40MzUwNjUzLDQuNzY4ODg2ODggMTguNDM3MTc2OCw0LjgyNjE3NjcyIEwxOC40Mzc1MDAxLDkuODQzNzUwMDUgQzE4LjQzNzUwMDEsMTAuNDM5NjQ4NSAxNy45NjA5NTY5LDEwLjkyNDI0NDMgMTcuMzY4MTc1NSwxMC45MzcyMzI3IEwxNi4yMDMxODU4LDEwLjkzNzE1ODkgQzE1Ljk4NjE1OTcsMTIuMDA3MTI5IDE1LjA0MDI1NzEsMTIuODEyNTAwMSAxMy45MDYyNTAxLDEyLjgxMjUwMDEgQzEyLjc5NDg0ODksMTIuODEyNTAwMSAxMS44NjQxMjc0LDEyLjAzODkxODQgMTEuNjIzMTU3OSwxMS4wMDA4MjcyIFogTTEzLjkwNjI1MDEsOS4wNjI1MDAwNSBDMTMuMTI5NTk5Niw5LjA2MjUwMDA1IDEyLjUwMDAwMDEsOS42OTIwOTk2MiAxMi41MDAwMDAxLDEwLjQ2ODc1MDEgQzEyLjUwMDAwMDEsMTEuMjQ1NDAwNSAxMy4xMjk1OTk2LDExLjg3NTAwMDEgMTMuOTA2MjUwMSwxMS44NzUwMDAxIEMxNC42ODI5MDA1LDExLjg3NTAwMDEgMTUuMzEyNTAwMSwxMS4yNDU0MDA1IDE1LjMxMjUwMDEsMTAuNDY4NzUwMSBDMTUuMzEyNTAwMSw5LjY5MjA5OTYyIDE0LjY4MjkwMDUsOS4wNjI1MDAwNSAxMy45MDYyNTAxLDkuMDYyNTAwMDUgWiBNNC41MzEyNTAwMiw5LjA2MjUwMDA1IEMzLjc1NDU5OTU5LDkuMDYyNTAwMDUgMy4xMjUwMDAwMiw5LjY5MjA5OTYyIDMuMTI1MDAwMDIsMTAuNDY4NzUwMSBDMy4xMjUwMDAwMiwxMS4yNDU0MDA1IDMuNzU0NTk5NTksMTEuODc1MDAwMSA0LjUzMTI1MDAyLDExLjg3NTAwMDEgQzUuMzA3OTAwNDYsMTEuODc1MDAwMSA1LjkzNzUwMDAzLDExLjI0NTQwMDUgNS45Mzc1MDAwMywxMC40Njg3NTAxIEM1LjkzNzUwMDAzLDkuNjkyMDk5NjIgNS4zMDc5MDA0Niw5LjA2MjUwMDA1IDQuNTMxMjUwMDIsOS4wNjI1MDAwNSBaIE0xMi41LDcuMjUgTDAuOTM3LDcuMjUgTDAuOTM3NTAwMDA1LDkuODQzNzUwMDUgQzAuOTM3NTAwMDA1LDkuOTI2MTIyMDYgMS4wMDEyNDA0Niw5Ljk5MzYwNjcgMS4wODIwODg4OCw5Ljk5OTU3MTQ4IEwxLjA5Mzc1MDAxLDEwIEwyLjIzNDMwOTA4LDEwLjAwMDM2NjggQzIuNDUxMzI1MzEsOC45MzAzODM5MyAzLjM5NzIzMzkyLDguMTI1MDAwMDQgNC41MzEyNTAwMiw4LjEyNTAwMDA0IEM1LjY2NTI2NjEyLDguMTI1MDAwMDQgNi42MTExNzQ3NCw4LjkzMDM4MzkzIDYuODI4MTkwOTYsMTAuMDAwMzY2OCBMMTEuNjA5MzA5MSwxMC4wMDAzNjY4IEMxMS43MjUzNjk0LDkuNDI4MTM5OTcgMTIuMDQ5OTAxLDguOTMxNTkxMzYgMTIuNTAwMTg2LDguNTkzNDM4NzMgTDEyLjUsNy4yNSBaIE0xNy41MDAwMDAxLDUuMzEyNTAwMDMgTDEzLjQzNzUwMDEsNS4zMTI1MDAwMyBMMTMuNDM3MTU2NCw4LjE3MTk1MzMyIEMxMy41ODg3MjA3LDguMTQxMTYzNjUgMTMuNzQ1NTk3OCw4LjEyNTAwMDA0IDEzLjkwNjI1MDEsOC4xMjUwMDAwNCBDMTUuMDQwMjY2Miw4LjEyNTAwMDA0IDE1Ljk4NjE3NDgsOC45MzAzODM5MyAxNi4yMDMxOTEsMTAuMDAwMzY2OCBMMTcuMzQzNzUwMSwxMCBDMTcuNDI2MTIyMSwxMCAxNy40OTM2MDY3LDkuOTM2MjU5NiAxNy40OTk1NzE1LDkuODU1NDExMTcgTDE3LjUwMDAwMDEsOS44NDM3NTAwNSBMMTcuNTAwMDAwMSw1LjMxMjUwMDAzIFogTTEyLjUsMC45Mzc1MDAwMDUgTDEuMDkzNzUwMDEsMC45Mzc1MDAwMDUgQzEuMDExMzc3OTksMC45Mzc1MDAwMDUgMC45NDM4OTMzNTUsMS4wMDEyNDA0NiAwLjkzNzkyODU3OCwxLjA4MjA4ODg4IEwwLjkzNyw2LjI1IEwxMi41LDYuMjUgTDEyLjUsMC45Mzc1MDAwMDUgWiBNMTYuMjk1NjA0OCwyLjE4NzUwMDAxIEwxMy40Mzc1MDAxLDIuMTg3NTAwMDEgTDEzLjQzNzUwMDEsNC4zNzUwMDAwMiBMMTcuMjc2NDA2Myw0LjM3NTAwMDAyIEwxNi40NDA2NzkxLDIuMjg1NzIwMTMgQzE2LjQyNDA2OSwyLjI0NDE5NTAyIDE2LjM5MDkzMzMsMi4yMTI2NzcyMSAxNi4zNTA2MzIxLDIuMTk3NTAzNzggTDE2LjMwODI4OTEsMi4xODgwMTMxOCBMMTYuMjk1NjA0OCwyLjE4NzUwMDAxIFoiIGlkPSJ0cnVjayI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: 14px 10px; filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(98%) contrast(94%); width: 14px; height: 11px; display: inline-block; vertical-align: middle; margin-right: 8px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .cart-delivery-calc::after { content: "+"; display: inline-block; vertical-align: middle; float: right; font-size: 1.75rem; font-weight: 200; color: #757575; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary .summary-coupon-wrap .cart-delivery-calc.hide { display: none !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-label { display: initial !important; margin: 5px auto !important; width: 100% !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-label label { font-size: 0; font-weight: 600; min-width: 10rem; display: flex; flex-direction: column; width: 80%; margin: auto; align-items: center; justify-content: center; color: #4b5ab8; line-height: 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-label label::before { content: ""; background-image: url("/arquivos/cupontopper 1.svg"); background-repeat: no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 8.5px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-label label::after { content: "¿Tenés un cupón de descuento?"; color: #4b5ab8; text-align: center; font-family: Rubik; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset > div { flex-direction: column; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset [style="display: flex;"] { display: flex !important; flex-direction: column; align-items: flex-start; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset [style="display: flex;"] + [data-bind="fadeVisible: !isUsingCoupon()"] { display: none !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset [style="display: none;"] { display: none !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset [style="display: none;"] + [data-bind="fadeVisible: !isUsingCoupon()"] { display: block !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add { text-align: left; text-decoration: none; color: #000000; padding: 0; font-size: 0.875rem; line-height: 35px; font-family: "Rubik", "Arial, Helvetica, sans-serif"; display: inline-block; visibility: hidden; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add::before { content: ""; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MTEyNkNENzYtQzE2RC00MTFBLTgwRDUtOTM4ODEzMUNFRjEwPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAwIDE2IDAgMTYgMTUuOTk4NjIyOCAwIDE1Ljk5ODYyMjgiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMzcuMDAwMDAwLCAtMTQxNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3LjAwMDAwMCwgMTQxNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC40Nzc1MDU5LDkuNjMyNDU0MTMgQzEwLjI1MzUwMjgsOS40MDg0NTEwMSA5Ljg1MzQ5NzIxLDkuNDA4NDUxMDEgOS42Mjk0OTQwOSw5LjYzMjQ1NDEzIEM5LjU3MzQ5MzMxLDkuNjg4NDU0OTEgOS41MzM0OTI3NSw5Ljc1MjQ1NTggOS41MDE0OTIzMSw5LjgyNDQ1NjggQzkuNDY5NDkxODYsOS44OTY0NTc4MSA5LjQ1MzQ5MTY0LDkuOTc2NDU4OTIgOS40NTM0OTE2NCwxMC4wNTY0NiBDOS40NTM0OTE2NCwxMC4xMzcyNjEyIDkuNDY5NDkxODYsMTAuMjA4NDYyMiA5LjUwMTQ5MjMxLDEwLjI4MDQ2MzIgQzkuNTMzNDkyNzUsMTAuMzUyNDY0MiA5LjU3MzQ5MzMxLDEwLjQyNDQ2NTIgOS42Mjk0OTQwOSwxMC40ODA0NjU5IEM5Ljc0MTQ5NTY1LDEwLjU5MjQ2NzUgOS44OTM0OTc3NywxMC42NTY0Njg0IDEwLjA1MzUsMTAuNjU2NDY4NCBDMTAuMjEzNTAyMiwxMC42NTY0Njg0IDEwLjM2NTUwNDMsMTAuNTkyNDY3NSAxMC40Nzc1MDU5LDEwLjQ4MDQ2NTkgQzEwLjUzMzUwNjcsMTAuNDI0NDY1MiAxMC41ODE1MDczLDEwLjM1MjQ2NDIgMTAuNjEzNTA3OCwxMC4yODA0NjMyIEMxMC42Mzc1MDgxLDEwLjIwODQ2MjIgMTAuNjUzNTA4MywxMC4xMzcyNjEyIDEwLjY1MzUwODMsMTAuMDU2NDYgQzEwLjY1MzUwODMsOS45NzY0NTg5MiAxMC42Mzc1MDgxLDkuODk2NDU3ODEgMTAuNjEzNTA3OCw5LjgyNDQ1NjggQzEwLjU4MTUwNzMsOS43NTI0NTU4IDEwLjUzMzUwNjcsOS42ODg0NTQ5MSAxMC40Nzc1MDU5LDkuNjMyNDU0MTMiIGlkPSJGaWxsLTEiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjUxNzQzNjgzLDYuMzY4NzI4NjggQzUuNTczNDM3NjEsNi40MjQ3Mjk0NiA1LjY0NTQzODYxLDYuNDYzOTMwMDEgNS43MTc0Mzk2MSw2LjQ5NTkzMDQ1IEM1Ljc4OTQ0MDYyLDYuNTI3OTMwOSA1Ljg2MTQ0MTYyLDYuNTQ0NzMxMTMgNS45NDE0NDI3Myw2LjU0NDczMTEzIEM2LjAyMTQ0Mzg1LDYuNTQ0NzMxMTMgNi4xMDE0NDQ5Niw2LjUyNzkzMDkgNi4xNzM0NDU5Niw2LjQ5NTkzMDQ1IEM2LjI0NTQ0Njk3LDYuNDYzOTMwMDEgNi4zMDk0NDc4Niw2LjQyNDcyOTQ2IDYuMzY1NDQ4NjQsNi4zNjg3Mjg2OCBDNi40MjE0NDk0Miw2LjMwNDcyNzc5IDYuNDY5NDUwMDksNi4yNDA3MjY5IDYuNTAxNDUwNTMsNi4xNjg3MjU5IEM2LjUzMzQ1MDk4LDYuMDk1OTI0ODggNi41NDE0NTEwOSw2LjAyNDcyMzg5IDYuNTQxNDUxMDksNS45NDQ3MjI3OCBDNi41NDE0NTEwOSw1Ljc4NDcyMDU1IDYuNDc3NDUwMiw1LjYzMTkxODQyIDYuMzY1NDQ4NjQsNS41MjA3MTY4OCBDNi4xNDE0NDU1Miw1LjI5NTkxMzc0IDUuNzQ5NDQwMDYsNS4yOTU5MTM3NCA1LjUxNzQzNjgzLDUuNTIwNzE2ODggQzUuNDYxNDM2MDUsNS41Njg3MTc1NCA1LjQyMTQzNTQ5LDUuNjQwNzE4NTUgNS4zODk0MzUwNSw1LjcxMjcxOTU1IEM1LjM1NzQzNDYsNS43ODQ3MjA1NSA1LjM0MTQzNDM4LDUuODYzOTIxNjUgNS4zNDE0MzQzOCw1Ljk0NDcyMjc4IEM1LjM0MTQzNDM4LDYuMDI0NzIzODkgNS4zNTc0MzQ2LDYuMDk1OTI0ODggNS4zODk0MzUwNSw2LjE2ODcyNTkgQzUuNDIxNDM1NDksNi4yNDA3MjY5IDUuNDYxNDM2MDUsNi4zMDQ3Mjc3OSA1LjUxNzQzNjgzLDYuMzY4NzI4NjgiIGlkPSJGaWxsLTMiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjYzMjIxNDEzLDUuNTE3OTk2ODQgTDUuNTIwMTU2ODcsOS42MzAwNTQxIEM1LjI4NTc1MzYsOS44NjQ0NTczNiA1LjI4NTc1MzYsMTAuMjQzNjYyNiA1LjUyMDE1Njg3LDEwLjQ3ODA2NTkgQzUuNjM2OTU4NDksMTAuNTk1NjY3NSA1Ljc5MDU2MDYzLDEwLjY1NDA2ODQgNS45NDQxNjI3NywxMC42NTQwNjg0IEM2LjA5Nzc2NDkxLDEwLjY1NDA2ODQgNi4yNTEzNjcwNSwxMC41OTU2Njc1IDYuMzY4MTY4NjgsMTAuNDc4MDY1OSBMMTAuNDgxMDI1OSw2LjM2NjgwODY2IEMxMC43MTU0MjkyLDYuMTMyNDA1MzkgMTAuNzE1NDI5Miw1Ljc1MjQwMDEgMTAuNDgxMDI1OSw1LjUxNzk5Njg0IEMxMC4yNDY2MjI3LDUuMjgzNTkzNTcgOS44NjY2MTczOSw1LjI4MzU5MzU3IDkuNjMyMjE0MTMsNS41MTc5OTY4NCIgaWQ9IkZpbGwtNSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtOCI+PC9nPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC40NDIzNjExLDguODU3MDgzMzMgTDEzLjg2NTU1MzEsOS40MzQ2OTEzOCBDMTMuNDIwNzQ2OSw5Ljg4MDI5NzU4IDEzLjE2NDc0MzMsMTAuNDk5NTA2MiAxMy4xNjQ3NDMzLDExLjEzMTUxNSBMMTMuMTY0NzQzMywxMS45NTM5MjY1IEMxMy4xNjQ3NDMzLDEyLjYyMTEzNTcgMTIuNjIzMTM1OCwxMy4xNjM1NDMzIDExLjk1NTkyNjUsMTMuMTYzNTQzMyBMMTEuMTMyNzE1LDEzLjE2MzU0MzMgQzEwLjQ5MTkwNjEsMTMuMTYzNTQzMyA5Ljg4ODY5NzcsMTMuNDEyMzQ2OCA5LjQzNDI5MTM3LDEzLjg2NTk1MzEgTDguODU3NDgzMzQsMTQuNDQxOTYxMSBDOC42Mjk0ODAxNiwxNC42NzE1NjQzIDguMzI2Mjc1OTQsMTQuNzk3OTY2MSA4LjAwMzg3MTQ1LDE0Ljc5ODc2NjEgTDguMDAwNjcxNDEsMTQuNzk4NzY2MSBDNy42NzgyNjY5MiwxNC43OTg3NjYxIDcuMzc1ODYyNzEsMTQuNjczOTY0MyA3LjE0MTQ1OTQ0LDE0LjQ0MDM2MTEgTDYuNTY1NDUxNDIsMTMuODY1MTUzMSBDNi4xMTAyNDUwOCwxMy40MTIzNDY4IDUuNTA3ODM2NywxMy4xNjM1NDMzIDQuODY3ODI3NzgsMTMuMTYzNTQzMyBMNC4wNDM4MTYzMSwxMy4xNjM1NDMzIEMzLjM3NzQwNzAzLDEzLjE2MzU0MzMgMi44MzU3OTk0OSwxMi42MjExMzU3IDIuODM1Nzk5NDksMTEuOTUzOTI2NSBMMi44MzU3OTk0OSwxMS4xMzE1MTUgQzIuODM1Nzk5NDksMTAuNTAwMzA2MiAyLjU3OTc5NTkyLDkuODgxMDk3NTkgMi4xMzQxODk3Miw5LjQzNDY5MTM4IEwxLjU1NzM4MTY5LDguODU1NDgzMzEgQzEuMzI3Nzc4NDksOC42Mjc0ODAxNCAxLjIwMTM3NjczLDguMzI0Mjc1OTEgMS4xOTk3NzI5MSw4LjAwMTg3MTQyIEMxLjE5ODk3NjcsNy42Nzg2NjY5MiAxLjMyNDU3ODQ0LDcuMzc0NjYyNjkgMS41NTg5ODE3MSw3LjE0MDI1OTQzIEwyLjEzNDk4OTczLDYuNTYyNjUxMzggQzIuNTg2OTk2MDIsNi4xMDc0NDUwNSAyLjgzNTc5OTQ5LDUuNTA1MDM2NjYgMi44MzU3OTk0OSw0Ljg2NTAyNzc0IEwyLjgzNTc5OTQ5LDQuMDQyNjE2MjkgQzIuODM1Nzk5NDksMy4zNzYyMDcwMSAzLjM3NzQwNzAzLDIuODMzNzk5NDYgNC4wNDM4MTYzMSwyLjgzMzc5OTQ2IEw0Ljg2NzgyNzc4LDIuODMzNzk5NDYgQzUuNTA3ODM2NywyLjgzMzc5OTQ2IDYuMTEwMjQ1MDgsMi41ODQ5OTYgNi41NjYyNTE0MywyLjEzMjE4OTY5IEw3LjE0MjI1OTQ1LDEuNTU1MzgxNjYgQzcuNjEyNjY2MDEsMS4wODI1NzUwNyA4LjM3OTg3NjY5LDEuMDgwMTc1MDQgOC44NTkwODMzNiwxLjU1NjE4MTY3IEw5LjQzNTA5MTM4LDIuMTMyOTg5NyBDOS44ODk0OTc3MSwyLjU4NDk5NiAxMC40OTI3MDYxLDIuODMzNzk5NDYgMTEuMTMyNzE1LDIuODMzNzk5NDYgTDExLjk1NTkyNjUsMi44MzM3OTk0NiBDMTIuNjIzMTM1OCwyLjgzMzc5OTQ2IDEzLjE2NDc0MzMsMy4zNzYyMDcwMSAxMy4xNjQ3NDMzLDQuMDQyNjE2MjkgTDEzLjE2NDc0MzMsNC44NjUwMjc3NCBDMTMuMTY0NzQzMyw1LjUwNTAzNjY2IDEzLjQxMzU0NjgsNi4xMDgyNDUwNiAxMy44NjYzNTMxLDYuNTY0MjUxNDEgTDE0LjQ0MzE2MTEsNy4xNDEwNTk0NCBDMTQuOTE2NzY3Nyw3LjYxMTQ2NTk5IDE0LjkxOTE2NzcsOC4zNzg2NzY2NyAxNC40NDIzNjExLDguODU3MDgzMzMgTTE1LjI5MTE3MjksNi4yOTE0NDc2MSBMMTQuNzE2NzY0OSw1LjcxNzAzOTYxIEMxNC40OTAzNjE4LDUuNDg5MDM2NDMgMTQuMzY0NzYsNS4xODY2MzIyMiAxNC4zNjQ3Niw0Ljg2NTAyNzc0IEwxNC4zNjQ3Niw0LjA0MjYxNjI5IEMxNC4zNjQ3NiwyLjcxNDU5NzggMTMuMjg0NzQ1LDEuNjMzNzgyNzUgMTEuOTU1OTI2NSwxLjYzMzc4Mjc1IEwxMS4xMzI3MTUsMS42MzM3ODI3NSBDMTAuODE2NzEwNiwxLjYzMzc4Mjc1IDEwLjUwNjMwNjMsMS41MDU3ODA5NyAxMC4yODMxMDMyLDEuMjgzMzc3ODcgTDkuNjk5MDk1MDYsMC43MDAxNjk3NSBDOC43NTc0ODE5NSwtMC4yMzY2NDMyOTUgNy4yMjg2NjA2NiwtMC4yMzM0NDMyNTEgNi4yOTI2NDc2MiwwLjcwNzM2OTg1IEw1LjcxOTAzOTY0LDEuMjgxNzc3ODUgQzUuNDk0MjM2NTEsMS41MDU3ODA5NyA1LjE4MzgzMjE4LDEuNjMzNzgyNzUgNC44Njc4Mjc3OCwxLjYzMzc4Mjc1IEw0LjA0MzgxNjMxLDEuNjMzNzgyNzUgQzIuNzE1Nzk3ODIsMS42MzM3ODI3NSAxLjYzNTc4Mjc4LDIuNzE0NTk3OCAxLjYzNTc4Mjc4LDQuMDQyNjE2MjkgTDEuNjM1NzgyNzgsNC44NjUwMjc3NCBDMS42MzU3ODI3OCw1LjE4NTgzMjIxIDEuNTEwMTgxMDMsNS40ODgyMzY0MiAxLjI4NDU3Nzg5LDUuNzE2MjM5NiBMMC43MDEzNjk3NjYsNi4zMDAyNDc3MyBDMC4yNDY5NjM0MzksNi43NTYyNTQwOCAtMC4wMDE4NDAwMjU2Miw3LjM2MTg2MjUxIC0wLjAwMDI0NzY3MjY0Miw4LjAwNTA3MTQ3IEMwLjAwMjE2MDAzMDA4LDguNjQ5MDgwNDQgMC4yNTQxNjM1MzksOS4yNTMwODg4NSAwLjcwODU2OTg2Nyw5LjcwNTA5NTE0IEwxLjI4NDU3Nzg5LDEwLjI4MTEwMzIgQzEuNTA3NzgxLDEwLjUwNTkwNjMgMS42MzU3ODI3OCwxMC44MTQ3MTA2IDEuNjM1NzgyNzgsMTEuMTMxNTE1IEwxLjYzNTc4Mjc4LDExLjk1MzkyNjUgQzEuNjM1NzgyNzgsMTMuMjgyNzQ1IDIuNzE1Nzk3ODIsMTQuMzYzNTYgNC4wNDM4MTYzMSwxNC4zNjM1NiBMNC44Njc4Mjc3OCwxNC4zNjM1NiBDNS4xODM4MzIxOCwxNC4zNjM1NiA1LjQ5MzQzNjUsMTQuNDkxNTYxOCA1LjcxNzQzOTYxLDE0LjcxMzk2NDkgTDYuMzAxNDQ3NzUsMTUuMjk3OTczIEM2Ljc1NjY1NDA5LDE1Ljc0OTE3OTMgNy4zNTkwNjI0NywxNS45OTg3ODI4IDcuOTk5ODcxNCwxNS45OTg3ODI4IEw4LjAwNzA3MTUsMTUuOTk4NzgyOCBDOC42NTAyODA0NSwxNS45OTcxODI4IDkuMjU1MDg4ODgsMTUuNzQ0Mzc5MiA5LjcwNzA5NTE3LDE1LjI4OTE3MjkgTDEwLjI4MjMwMzIsMTQuNzE0NzY0OSBDMTAuNTA2MzA2MywxNC40OTE1NjE4IDEwLjgxNjcxMDYsMTQuMzYzNTYgMTEuMTMyNzE1LDE0LjM2MzU2IEwxMS45NTU5MjY1LDE0LjM2MzU2IEMxMy4yODQ3NDUsMTQuMzYzNTYgMTQuMzY0NzYsMTMuMjgyNzQ1IDE0LjM2NDc2LDExLjk1MzkyNjUgTDE0LjM2NDc2LDExLjEzMTUxNSBDMTQuMzY0NzYsMTAuODE0NzEwNiAxNC40OTI3NjE4LDEwLjUwNTEwNjMgMTQuNzE1MTY0OSwxMC4yODE5MDMyIEwxNS4yOTk5NzMsOS42OTc4OTUwNCBDMTUuNzUzNTc5NCw5LjI0MDI4ODY3IDE2LjAwMjM4MjgsOC42MzU0ODAyNSAxNiw3Ljk5MTQ3MTI4IEMxNS45OTgzODI4LDcuMzQ4MjYyMzIgMTUuNzQ2Mzc5Myw2Ljc0NDI1MzkxIDE1LjI5MTE3MjksNi4yOTE0NDc2MSIgaWQ9IkZpbGwtNyIgZmlsbD0iIzAwMDAwMCIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 13px; filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(98%) contrast(94%); width: 13px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add::after { content: "+"; display: inline-block; vertical-align: middle; float: right; font-size: 1.75rem; font-weight: 200; color: #757575; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add [data-i18n="global.add"] { display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add [data-i18n="totalizers.coupon"] { display: inline-block; color: #757575; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-data .link-coupon-add [data-i18n="totalizers.coupon"]::first-letter { text-transform: uppercase; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields { margin-top: 5px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields label { display: flex; justify-content: flex-start; margin-top: 5px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields label #termAndConditionsInput { margin-right: 4px; background-color: #2691ED; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields label a { color: gray; text-decoration: underline; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields .termAndConditionsAlert { color: red; font-size: 11px; display: none; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields .info { justify-content: center; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fieldset .coupon-fields .info > span { width: auto; font-weight: 600; background-color: #4b5ab8; border-radius: 50px; padding: 5px 10px; color: white; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fields [data-bind="visible: !isCouponTyped()"] { justify-content: space-between; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fields [data-bind="visible: !isCouponTyped()"] #cart-coupon { margin-right: 0; border-radius: 0; border-right: none; width: 70%; border: 1px solid gray; } .container.container-cart .checkout-container .cart-template .summary-template-holder .coupon-fields [data-bind="visible: !isCouponTyped()"] .info span { color: #4b5ab8; font-weight: 600; font-size: 0.875rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .loading-coupon { right: 25px !important; } @media (max-width: 48rem) { .container.container-cart .checkout-container .cart-template .summary-template-holder .loading-coupon { right: 50px !important; } } .container.container-cart .checkout-container .cart-template .summary-template-holder #cart-coupon-add { padding: 0; border: 0px; color: #000000; border-radius: 2px; width: 30%; font-size: 0; background-color: #ffffff; } .container.container-cart .checkout-container .cart-template .summary-template-holder #cart-coupon-add::before { content: "AÑADIR"; font-size: 14px; display: block; color: #ffffff; background: #4b5ab8; } .container.container-cart .checkout-container .cart-template .summary-template-holder .totalizers-list { border-color: #d2d2d2; margin-bottom: 10px; } .container.container-cart .checkout-container .cart-template .summary-template-holder .totalizers-list .monetary, .container.container-cart .checkout-container .cart-template .summary-template-holder .totalizers-list .info { color: #757575; font-size: 0.875rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder .totalizers-list .Items { padding: 12px 0 6px 0; } .container.container-cart .checkout-container .cart-template .summary-template-holder .totalizers-list .srp-summary-result { padding-top: 8px; } .container.container-cart .checkout-container .cart-template .summary-template-holder tfoot { margin-bottom: 0.5rem; } .container.container-cart .checkout-container .cart-template .summary-template-holder tfoot .info { color: #000000; font-size: 1.125rem; font-weight: 600; } .container.container-cart .checkout-container .cart-template .summary-template-holder tfoot .monetary { color: #000000; font-weight: 600; font-size: 1.125rem; width: 180px !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .ship-country label { font-size: 0.875rem; } .container.container-cart .checkout-container .cart-template .cart-links-bottom { position: static !important; } .container.container-cart .checkout-container .cart-template .cart-links-bottom #cart-to-orderform { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; padding: 0; font-size: 0; } .container.container-cart .checkout-container .cart-template .cart-links-bottom #cart-to-orderform:hover { background-color: #000000; opacity: 0.7; } .container.container-cart .checkout-container .cart-template .cart-links-bottom #cart-to-orderform:disabled { background-color: #d2d2d2; } .container.container-cart .checkout-container .cart-template .cart-links-bottom #cart-to-orderform::before { content: "INICIAR PAGO"; font-size: 1rem; font-weight: 400; display: block; } @media (max-width: 30.625rem) { .container.container-cart .checkout-container .cart-template .btn-place-order-wrapper { position: fixed; bottom: 0; left: 0; right: 0; padding: 20px 24px; background-color: white; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1215686275); } .container.container-cart .checkout-container .cart-template .btn-place-order-wrapper .cart-to-orderform { margin: 0; } } .container.container-cart .checkout-container .cart-template .srp-icon-arrow-down { filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(98%) contrast(94%); } @media (max-width: 61.25rem) { .body-cart-vertical .summary-template-holder { margin-top: 0; } } .products-total { border-bottom: solid 1px #d2d2d2; padding: 0 0 0.8rem 0 !important; margin-top: -10px; color: #757575; } .cart-template { width: 308px; } .orderform-template .cart-template.mini-cart .custom-cart-template-wrap { padding: 30px 20px 28px 20px; } .orderform-template .cart-template.mini-cart h2[data-i18n="totalizers.summary"] { padding-bottom: 0 !important; border-bottom: none !important; } .orderform-template .cart-template.mini-cart .hproduct .photo { width: 64px; height: 64px; border: none; } .orderform-template .cart-template.mini-cart .item { padding: 15px 0 !important; } .orderform-template .cart-template.mini-cart .item .fn { width: calc(78% - 20px); } .orderform-template .cart-template.mini-cart .quantity.badge { left: 66px !important; top: 61px !important; color: #757575 !important; font-weight: 400; } .orderform-template .cart-template.mini-cart .totalizers-list .Items td, .orderform-template .cart-template.mini-cart .totalizers-list .Discounts td { padding-bottom: 12px !important; } .orderform-template .cart-template .table tfoot tr td.monetary { font-size: 1.125rem !important; } .orderform-template .cart-template tr[data-bind="css: {'muted': !hasTotal()}"] { margin-top: 14px; } .bdw-banner .bdw-images-title { text-align: center; padding: 10px 0px; font-size: 31.5px; } .bdw-banner .bdw-images-slider-1, .bdw-banner .bdw-images-slider-2, .bdw-banner .bdw-images-slider-3 { position: relative; } .bdw-banner .bdw-images-slider-1 .prev-arrow-carrousel, .bdw-banner .bdw-images-slider-2 .prev-arrow-carrousel, .bdw-banner .bdw-images-slider-3 .prev-arrow-carrousel { position: absolute; width: 20px; height: 20px; top: 40%; left: 0; z-index: 10; cursor: pointer; } .bdw-banner .bdw-images-slider-1 .next-arrow-carrousel, .bdw-banner .bdw-images-slider-2 .next-arrow-carrousel, .bdw-banner .bdw-images-slider-3 .next-arrow-carrousel { position: absolute; width: 20px; height: 20px; top: 40%; right: 0; z-index: 10; cursor: pointer; } .bdw-banner .bdw-images-slider-1 .slick-dots, .bdw-banner .bdw-images-slider-2 .slick-dots, .bdw-banner .bdw-images-slider-3 .slick-dots { display: flex; justify-content: center; list-style: none; margin: 10px 0; padding: 0; } .bdw-banner .bdw-images-slider-1 .slick-dots li, .bdw-banner .bdw-images-slider-2 .slick-dots li, .bdw-banner .bdw-images-slider-3 .slick-dots li { margin: 0 3px; } .bdw-banner .bdw-images-slider-1 .slick-dots li button, .bdw-banner .bdw-images-slider-2 .slick-dots li button, .bdw-banner .bdw-images-slider-3 .slick-dots li button { border-radius: 100%; cursor: pointer; font-size: 0 !important; width: 8px !important; height: 13px !important; margin: auto; background-color: #ffffff; border: 1px solid #000 !important; height: 9px; width: 9px; transform: scale(0.8); } .bdw-banner .bdw-images-slider-1 .slick-dots li.slick-active button, .bdw-banner .bdw-images-slider-2 .slick-dots li.slick-active button, .bdw-banner .bdw-images-slider-3 .slick-dots li.slick-active button { background-color: black; } .cart-more-options .srp-container .onda-v1 .blue { color: #4b5ab8; } .container.container-cart .checkout-container .brain-slider-title { text-align: center; padding: 10px 0px; } .container.container-cart .checkout-container .brain-slider { /* display: flex; flex-direction: row; justify-content: center; */ font-family: "Rubik", "Arial, Helvetica, sans-serif"; background-color: #ffffff; padding: 2rem 1rem; margin-top: 1rem; margin-bottom: 10px; border-radius: 10px; } @media (max-width: 64rem) { .container.container-cart .checkout-container .brain-slider { margin-bottom: 2rem; } } @media (max-width: 30rem) { .container.container-cart .checkout-container .brain-slider { padding: 2rem 0; } } .container.container-cart .checkout-container .brain-slider .slide-container { background-color: #ffffff; margin: 0 0.3rem; background-color: #ffffff; position: relative; padding: 10px; border-radius: 4px; box-shadow: 0 0 8px #ddd; transition: 0.2s ease-in-out; overflow: hidden; display: flex; flex-direction: column; align-items: center; } .container.container-cart .checkout-container .brain-slider .slide-container:hover { box-shadow: 0 0 8px #bbb; } .container.container-cart .checkout-container .brain-slider .slick-dots { display: flex; position: absolute; bottom: 0; flex-direction: row; width: 100%; justify-content: center; } .container.container-cart .checkout-container .brain-slider .slick-track { display: flex; flex-direction: row; min-width: 100%; justify-content: center; width: fit-content !important; margin: 10px 0; } .container.container-cart .checkout-container .brain-slider .next-arrow-carrousel { height: 20px; position: absolute; right: 2%; top: 46%; width: 20px; z-index: 100; cursor: pointer; } .container.container-cart .checkout-container .brain-slider .prev-arrow-carrousel { height: 20px; position: absolute; top: 46%; left: 2%; z-index: 100; cursor: pointer; } .container.container-cart .checkout-container .brain-slider .bottom { width: 160px; margin-top: 10px; } @media (max-width: 64rem) { .container.container-cart .checkout-container .brain-slider .bottom { width: 90%; } } .container.container-cart .checkout-container .brain-slider .image-container { width: 156px; border: 1px solid #efefef; } @media (max-width: 64rem) { .container.container-cart .checkout-container .brain-slider .image-container { width: 90%; display: flex; justify-content: center; } } .container.container-cart .checkout-container .brain-slider .product-image-cart { height: 156px; width: 156px; } .container.container-cart .checkout-container .brain-slider .prod-name { font-size: 0.875rem; height: 40px; line-height: normal; } .container.container-cart .checkout-container .brain-slider .price-carrousel { display: flex; flex-direction: row; align-items: center; } .container.container-cart .checkout-container .brain-slider .list-price-carrousel { color: #727273; font-size: 0.875rem; margin: 0 5px; } .container.container-cart .checkout-container .brain-slider .final-price-carrousel { font-size: 0.875rem; margin: 0; } .container.container-cart .checkout-container .brain-slider .black-price-carrousel { font-size: 0.875rem; margin-bottom: 6px; margin-top: 0; } .container.container-cart .checkout-container .brain-slider .specifications-carrousel { text-transform: capitalize; color: #757575; font-size: 0.75rem; min-height: 40px; } .container.container-cart .checkout-container .brain-slider .fit-cucarda-carrousel { min-height: 20px; margin-bottom: 7px; } .container.container-cart .checkout-container .brain-slider .fit-cucarda { text-transform: capitalize; color: #000000; background-color: #e5e5e5; border-radius: 10px; width: 50%; text-align: center; font-size: 0.75rem; } .container.container-cart .checkout-container .brain-slider .image-and-cucardas { position: relative; } .container.container-cart .checkout-container .brain-slider .image-container { position: relative; } .container.container-cart .checkout-container .brain-slider .link-to-product { color: inherit !important; } .container.container-cart .checkout-container .brain-slider .link-to-product:focus { outline: none; text-decoration: none; } .container.container-cart .checkout-container .brain-slider .envio-cucarda-carrousel { position: absolute; top: 0; right: 0; background-color: #4b5ab8; width: 75px; border-radius: 10px; text-align: center; color: #ffffff; margin: 5px; } .container.container-cart .checkout-container .brain-slider .installments-carrousel { color: #757575; font-size: 0.6875rem; height: 40px; } .container.container-cart .checkout-container .brain-slider .descuento-cucarda-carrousel { position: absolute; top: 0; left: 0; background-color: #e82c2c; color: #ffffff; border-radius: 10px; text-align: center; width: 20%; margin: 5px; } @media (max-width: 30rem) { .container.container-cart .checkout-container .brain-slider .descuento-cucarda-carrousel { width: 30%; } } @media (min-width: 64rem) { .container.container-cart .checkout-container .brain-slider .descuento-cucarda-carrousel { width: 25%; } } .container.container-cart .checkout-container .brain-slider .promo-cucarda-carrousel, .container.container-cart .checkout-container .brain-slider .lanzamiento-cucarda-container { height: 20px; margin-bottom: 7px; } .container.container-cart .checkout-container .brain-slider .promo-cucarda { text-transform: capitalize; background-color: #ad7800; border-radius: 10px; color: #ffffff; text-align: center; width: 60%; } @media (max-width: 64rem) { .container.container-cart .checkout-container .brain-slider .promo-cucarda { width: 50%; } } .container.container-cart .checkout-container .brain-slider .lanzamiento-cucarda-carrousel { text-transform: capitalize; background-color: #000000; border-radius: 10px; color: #ffffff; text-align: center; width: 50%; padding: 0 5px; } .container.container-cart .checkout-container .brain-slider .buy-button-icon { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+OTJGMTk0MTAtOTZCRi00ODA3LUE5QTAtODI5REEyNTIxRDJFPC90aXRsZT4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MzcuMDAwMDAwLCAtMTM3NC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjAvcGF5bWVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzNy4wMzEyNTAsIDEzNzQuMDMxMjUwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy45Njg3NTAwNCwwIEM5Ljc5NDcxLDAgMTEuMzAyNjA2NywxLjM2MTc5MDg4IDExLjUzMjIyNzIsMy4xMjUxNTk4MyBMMTQuODQzNzUwMSwzLjEyNTAwMDAyIEMxNS40NDc4MTE1LDMuMTI1MDAwMDIgMTUuOTM3NTAwMSwzLjYxNDY4ODU3IDE1LjkzNzUwMDEsNC4yMTg3NTAwMiBMMTUuOTM3NTAwMSw0LjIxODc1MDAyIEwxNS45Mzc1MDAxLDE0LjIxODc1MDEgQzE1LjkzNzUwMDEsMTQuODIyODExNSAxNS40NDc4MTE1LDE1LjMxMjUwMDEgMTQuODQzNzUwMSwxNS4zMTI1MDAxIEwxNC44NDM3NTAxLDE1LjMxMjUwMDEgTDEuMDkzNzUwMDEsMTUuMzEyNTAwMSBDMC40ODk2ODg1NTcsMTUuMzEyNTAwMSAwLDE0LjgyMjgxMTUgMCwxNC4yMTg3NTAxIEwwLDE0LjIxODc1MDEgTDAsNC4yMTg3NTAwMiBDMCwzLjYxNDY4ODU3IDAuNDg5Njg4NTU3LDMuMTI1MDAwMDIgMS4wOTM3NTAwMSwzLjEyNTAwMDAyIEwxLjA5Mzc1MDAxLDMuMTI1MDAwMDIgTDQuNDA1Mjg3MSwzLjEyNTA1MDU3IEM0LjYzNDk1NTcxLDEuMzYxNzM0NjMgNi4xNDI4Mjc3OSwwIDcuOTY4NzUwMDQsMCBaIE0xNC44NDM3NTAxLDQuMDYyNTAwMDIgTDExLjU2Miw0LjA2MiBMMTEuNTYyNTAwMSw2LjA5Mzc1MDAzIEMxMS41NjI1MDAxLDYuMzUyNjMzNTEgMTEuMzUyNjMzNSw2LjU2MjUwMDAzIDExLjA5Mzc1MDEsNi41NjI1MDAwMyBDMTAuODQwNzUwMyw2LjU2MjUwMDAzIDEwLjYzNDU2NDgsNi4zNjIwNjQ0OSAxMC42MjUzMjM0LDYuMTExMzIzMzMgTDEwLjYyNSw0LjA2MiBMNS4zMTIsNC4wNjIgTDUuMzEyNTAwMDMsNi4wOTM3NTAwMyBDNS4zMTI1MDAwMyw2LjM1MjYzMzUxIDUuMTAyNjMzNSw2LjU2MjUwMDAzIDQuODQzNzUwMDIsNi41NjI1MDAwMyBDNC41OTA3NTAyNiw2LjU2MjUwMDAzIDQuMzg0NTY0NzMsNi4zNjIwNjQ0OSA0LjM3NTMyMzM0LDYuMTExMzIzMzMgTDQuMzc1LDQuMDYyIEwxLjA5Mzc1MDAxLDQuMDYyNTAwMDIgQzEuMDI0NzE0NDEsNC4wNjI1MDAwMiAwLjk2NjEzNTc2Nyw0LjEwNzI3MTU1IDAuOTQ1NDY1NzMzLDQuMTY5MzYyOTQgTDAuOTM3NTAwMDA1LDQuMjE4NzUwMDIgTDAuOTM3NTAwMDA1LDE0LjIxODc1MDEgQzAuOTM3NTAwMDA1LDE0LjMwNTA0NDYgMS4wMDc0NTU1MSwxNC4zNzUwMDAxIDEuMDkzNzUwMDEsMTQuMzc1MDAwMSBMMS4wOTM3NTAwMSwxNC4zNzUwMDAxIEwxNC44NDM3NTAxLDE0LjM3NTAwMDEgQzE0LjkzMDA0NDYsMTQuMzc1MDAwMSAxNS4wMDAwMDAxLDE0LjMwNTA0NDYgMTUuMDAwMDAwMSwxNC4yMTg3NTAxIEwxNS4wMDAwMDAxLDE0LjIxODc1MDEgTDE1LjAwMDAwMDEsNC4yMTg3NTAwMiBDMTUuMDAwMDAwMSw0LjEzMjQ1NTUzIDE0LjkzMDA0NDYsNC4wNjI1MDAwMiAxNC44NDM3NTAxLDQuMDYyNTAwMDIgTDE0Ljg0Mzc1MDEsNC4wNjI1MDAwMiBaIE03Ljk2ODc1MDA0LDAuOTM3NTAwMDA1IEM2LjY2MTY0NzM2LDAuOTM3NTAwMDA1IDUuNTc1MDU1MjQsMS44ODE2MTc5MyA1LjM1MzcwNzg0LDMuMTI1MTE5NjMgTDEwLjU4MzgxMTMsMy4xMjUyMjY5OCBDMTAuMzYyNTA3NCwxLjg4MTY3MjI3IDkuMjc1ODkwMzMsMC45Mzc1MDAwMDUgNy45Njg3NTAwNCwwLjkzNzUwMDAwNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; margin-right: 8px; } .container.container-cart .checkout-container .brain-slider .brain-slider-button { background-color: #000000; color: #ffffff; font-size: 0.875rem; border-radius: 0; border: none; padding: 8px 5px; width: 92%; display: flex; align-items: center; justify-content: center; } @media (max-width: 30rem) { .container.container-cart .checkout-container .brain-slider .brain-slider-button { font-size: 0.675rem; } } .container.container-cart .checkout-container .brain-slider .brain-slider-button:hover, .container.container-cart .checkout-container .brain-slider .brain-slider-button:focus { text-decoration: none; } .container.container-cart .checkout-container::before { content: "Mi carrito"; font-weight: 600; display: block; color: #000000; font-size: 2rem; margin-bottom: 1.5rem; margin-top: 1.5rem; padding-left: 0.6rem; } @media (max-width: 61.25rem) { .container.container-cart .checkout-container::before { margin: 1rem 0 0.8rem 0; margin-top: 1rem; padding: 0 15px; font-size: 1.5rem; } } .container.container-cart .checkout-container .cart-template { padding-left: 0; padding-right: 0; } @media (max-width: 64rem) { .container.container-cart .checkout-container .cart-template { flex-direction: column; margin-right: 0; margin-left: 0; padding-left: 0 !important; padding-right: 0 !important; } } .container.container-cart .checkout-container .cart-template .cart-template-holder { width: 72%; } @media (max-width: 64rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder { width: 100%; } } .container.container-cart .checkout-container .cart-template .cart-template-holder .cart { padding: 0; background-color: #f5f5f5 !important; } @media (max-width: 61.25rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder .cart { border: none; padding-top: 0.8rem; margin: 0 15px; } } .container.container-cart .checkout-container .cart-template .cart-template-holder .cart .cart-items { background-color: transparent; } @media (max-width: 61.25rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder .cart .cart-items { padding: 0; } } @media (max-width: 61.25rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder .cart .table-choose-more-wrapper { display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } } .container.container-cart .checkout-container .cart-template .cart-template-holder .cart .table-choose-more-wrapper .table-choose-more-link { display: flex; align-items: center; font-size: 0.875rem; color: #4b5ab8; text-decoration: none; border: none; } .container.container-cart .checkout-container .cart-template .cart-template-holder .cart .table-choose-more-wrapper .table-choose-more-link::before { content: ""; display: inline-block; background-image: url(https://summasolutions.vtexassets.com/assets/vtex/assets-builder/almacenarg.store-theme/0.0.1/icons/arrow-left-thin.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; margin-right: 10px; width: 15px; height: 15px; filter: invert(32%) sepia(71%) saturate(823%) hue-rotate(201deg) brightness(91%) contrast(87%); } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container { margin: 0; padding: 1rem 2rem; } @media (max-width: 43.125rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container { padding: 1rem; } } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-toggle { margin-right: 0; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-pc .ship-country { width: 100%; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container #shipping-calculate-link { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; width: 110px; line-height: 1.15; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container #shipping-calculate-link:hover { background-color: #000000; opacity: 0.7; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container #shipping-calculate-link:disabled { background-color: #d2d2d2; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-postalCodeForgotten { align-items: flex-start; } @media (max-width: 43.125rem) { .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-postalCodeForgotten .ship-postalCode { width: 100% !important; max-width: 100%; } } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-postalCodeForgotten .ship-postalCode small a { font-size: 0.875rem; color: #4b5ab8; white-space: nowrap; display: inline-block; padding-top: 8px; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-postalCodeForgotten .ship-postalCode input { border-radius: 4px 0 0 4px; border-right: none; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .vtex-shipping-preview-0-x-postalCodeForgotten #cart-shipping-calculate { border: 1px solid #000000; color: #000000; font-size: 0.875rem; border-radius: 0 4px 4px 0; margin-top: 20px; margin-left: 0; min-width: 115px; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-main-title { font-size: 1.125rem; font-weight: 600; padding-bottom: 0 !important; color: #000000; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header .srp-items, .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header #deliver-at-text { font-size: 0.875rem; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header .srp-items strong, .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header #deliver-at-text strong { font-weight: 600; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header .srp-items { color: #000000; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-delivery-header .srp-address-title { color: #4b5ab8; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-shipping-current-single { border: 1px solid #757575; } .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-shipping-current-single__sla, .container.container-cart .checkout-container .cart-template .cart-template-holder #shipping-preview-container .srp-shipping-current-single__price { color: #000000; } .container.container-cart .checkout-container .cart-template .empty-cart-links .link-choose-products { height: 40px; line-height: 4px; background: #4b5ab8; border: solid 1px #4b5ab8; } .container.container-cart .checkout-container .cart-template .v-custom-addLabels-active-flag { display: none !important; } .container.container-cart .checkout-container .cart-template .product-price .discount { position: absolute; position: absolute; right: -12px; top: -0.5rem; } .container.container-cart .checkout-container .cart-template .product-price .field-help { position: absolute; right: -10px; top: -5px; } @media (max-width: 43.125rem) { .container.container-cart .checkout-container .cart-template .product-price .field-help { right: -50px; top: -20px; } } .label-vertical-group.active { box-shadow: none; } @media (max-width: 43.125rem) { .full-cart .cart table tbody tr + tr { border-top: 1px solid #d2d2d2; } } @media (max-width: 43.125rem) { .cart-more-options #shipping-preview-container { display: block !important; } } @media (max-width: 61.25rem) { .cart-more-options { margin-bottom: 1.5rem !important; } } .cart-more-options .cart-select-gift-placeholder { margin-bottom: 1rem; } .cart-template .additional-container { width: 100%; max-width: 92%; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); padding: 20px 40px; margin: 20px 0 30px 0; } @media (max-width: 30rem) { .cart-template .additional-container { width: auto; } } .cart-template .additional-container .top-content { margin: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media (max-width: 30rem) { .cart-template .additional-container .top-content { flex-direction: column; } } .cart-template .additional-container .top-content .text-extra { display: block; margin-bottom: 20px; margin-left: 0; width: 100%; text-align: center; color: #000000; font-size: 14px; } .cart-template .additional-container .top-content h4 { color: #000000; font-weight: 600; font-size: 1.125rem; margin: 0; padding: 0; } @media (max-width: 30rem) { .cart-template .additional-container .top-content h4 { margin-bottom: 10px; text-align: center; } } .cart-template .additional-container .top-content p { font-size: 1rem; color: #4b5ab8; display: flex; justify-content: center; align-items: center; margin: 0 0 0 20px; } .cart-template .additional-container .top-content p .truck-icon { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RjA4QzYxMUUtM0Q2OS00OUFDLTg0OEMtMjVERDA3MDk4N0JDPC90aXRsZT4KICAgIDxnIGlkPSLimpnvuI8tU3R5bGUtR3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUb3BwZXItLS1TdHlsZS1HdWlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzUuMDAwMDAwLCAtMTI1Ni4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjAvY2FydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzNS43ODEyNTAsIDEyNTYuNTMxMjUwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi44MTQzNDIxNywxMS4wMDA4MjcyIEM2LjU3MzM3MjY0LDEyLjAzODkxODQgNS42NDI2NTExOCwxMi44MTI1MDAxIDQuNTMxMjUwMDIsMTIuODEyNTAwMSBDMy4zOTcyNDI5NiwxMi44MTI1MDAxIDIuNDUxMzQwMzksMTIuMDA3MTI5IDIuMjM0MzE0MjcsMTAuOTM3MTU4OSBMMS4wOTM3NTAwMSwxMC45Mzc1MDAxIEMwLjQ5Nzg1MTU1LDEwLjkzNzUwMDEgMC4wMTMyNTU3MTIxLDEwLjQ2MDk1NjkgMC4wMDAyNjczNDczMDQsOS44NjgxNzU0NCBMMCwxLjA5Mzc1MDAxIEMwLDAuNDk3ODUxNTUgMC40NzY1NDMxNTYsMC4wMTMyNTU3MTIxIDEuMDY5MzI0NjEsMC4wMDAyNjczNDczMDQgTDEyLjk2ODc1MDEsMCBDMTMuMjIxNzQ5OCwwIDEzLjQyNzkzNTQsMC4yMDA0MzU1MzkgMTMuNDM3MTc2NywwLjQ1MTE3NjcgTDEzLjQzNywxLjI1IEwxNi4yOTU2MDQ4LDEuMjUwMDAwMDEgQzE2LjY5ODEyLDEuMjUwMDAwMDEgMTcuMDY0MTM4MywxLjQ3MDU1NDc4IDE3LjI1NDQwNDMsMS44MTczODM5MSBMMTcuMzExMTI1OSwxLjkzNzU0MTEyIEwxOC40MDE3ODkyLDQuNjYzOTc2MzYgQzE4LjQyMjY3MjUsNC43MTQyMjMxOSAxOC40MzUwNjUzLDQuNzY4ODg2ODggMTguNDM3MTc2OCw0LjgyNjE3NjcyIEwxOC40Mzc1MDAxLDkuODQzNzUwMDUgQzE4LjQzNzUwMDEsMTAuNDM5NjQ4NSAxNy45NjA5NTY5LDEwLjkyNDI0NDMgMTcuMzY4MTc1NSwxMC45MzcyMzI3IEwxNi4yMDMxODU4LDEwLjkzNzE1ODkgQzE1Ljk4NjE1OTcsMTIuMDA3MTI5IDE1LjA0MDI1NzEsMTIuODEyNTAwMSAxMy45MDYyNTAxLDEyLjgxMjUwMDEgQzEyLjc5NDg0ODksMTIuODEyNTAwMSAxMS44NjQxMjc0LDEyLjAzODkxODQgMTEuNjIzMTU3OSwxMS4wMDA4MjcyIFogTTEzLjkwNjI1MDEsOS4wNjI1MDAwNSBDMTMuMTI5NTk5Niw5LjA2MjUwMDA1IDEyLjUwMDAwMDEsOS42OTIwOTk2MiAxMi41MDAwMDAxLDEwLjQ2ODc1MDEgQzEyLjUwMDAwMDEsMTEuMjQ1NDAwNSAxMy4xMjk1OTk2LDExLjg3NTAwMDEgMTMuOTA2MjUwMSwxMS44NzUwMDAxIEMxNC42ODI5MDA1LDExLjg3NTAwMDEgMTUuMzEyNTAwMSwxMS4yNDU0MDA1IDE1LjMxMjUwMDEsMTAuNDY4NzUwMSBDMTUuMzEyNTAwMSw5LjY5MjA5OTYyIDE0LjY4MjkwMDUsOS4wNjI1MDAwNSAxMy45MDYyNTAxLDkuMDYyNTAwMDUgWiBNNC41MzEyNTAwMiw5LjA2MjUwMDA1IEMzLjc1NDU5OTU5LDkuMDYyNTAwMDUgMy4xMjUwMDAwMiw5LjY5MjA5OTYyIDMuMTI1MDAwMDIsMTAuNDY4NzUwMSBDMy4xMjUwMDAwMiwxMS4yNDU0MDA1IDMuNzU0NTk5NTksMTEuODc1MDAwMSA0LjUzMTI1MDAyLDExLjg3NTAwMDEgQzUuMzA3OTAwNDYsMTEuODc1MDAwMSA1LjkzNzUwMDAzLDExLjI0NTQwMDUgNS45Mzc1MDAwMywxMC40Njg3NTAxIEM1LjkzNzUwMDAzLDkuNjkyMDk5NjIgNS4zMDc5MDA0Niw5LjA2MjUwMDA1IDQuNTMxMjUwMDIsOS4wNjI1MDAwNSBaIE0xMi41LDcuMjUgTDAuOTM3LDcuMjUgTDAuOTM3NTAwMDA1LDkuODQzNzUwMDUgQzAuOTM3NTAwMDA1LDkuOTI2MTIyMDYgMS4wMDEyNDA0Niw5Ljk5MzYwNjcgMS4wODIwODg4OCw5Ljk5OTU3MTQ4IEwxLjA5Mzc1MDAxLDEwIEwyLjIzNDMwOTA4LDEwLjAwMDM2NjggQzIuNDUxMzI1MzEsOC45MzAzODM5MyAzLjM5NzIzMzkyLDguMTI1MDAwMDQgNC41MzEyNTAwMiw4LjEyNTAwMDA0IEM1LjY2NTI2NjEyLDguMTI1MDAwMDQgNi42MTExNzQ3NCw4LjkzMDM4MzkzIDYuODI4MTkwOTYsMTAuMDAwMzY2OCBMMTEuNjA5MzA5MSwxMC4wMDAzNjY4IEMxMS43MjUzNjk0LDkuNDI4MTM5OTcgMTIuMDQ5OTAxLDguOTMxNTkxMzYgMTIuNTAwMTg2LDguNTkzNDM4NzMgTDEyLjUsNy4yNSBaIE0xNy41MDAwMDAxLDUuMzEyNTAwMDMgTDEzLjQzNzUwMDEsNS4zMTI1MDAwMyBMMTMuNDM3MTU2NCw4LjE3MTk1MzMyIEMxMy41ODg3MjA3LDguMTQxMTYzNjUgMTMuNzQ1NTk3OCw4LjEyNTAwMDA0IDEzLjkwNjI1MDEsOC4xMjUwMDAwNCBDMTUuMDQwMjY2Miw4LjEyNTAwMDA0IDE1Ljk4NjE3NDgsOC45MzAzODM5MyAxNi4yMDMxOTEsMTAuMDAwMzY2OCBMMTcuMzQzNzUwMSwxMCBDMTcuNDI2MTIyMSwxMCAxNy40OTM2MDY3LDkuOTM2MjU5NiAxNy40OTk1NzE1LDkuODU1NDExMTcgTDE3LjUwMDAwMDEsOS44NDM3NTAwNSBMMTcuNTAwMDAwMSw1LjMxMjUwMDAzIFogTTEyLjUsMC45Mzc1MDAwMDUgTDEuMDkzNzUwMDEsMC45Mzc1MDAwMDUgQzEuMDExMzc3OTksMC45Mzc1MDAwMDUgMC45NDM4OTMzNTUsMS4wMDEyNDA0NiAwLjkzNzkyODU3OCwxLjA4MjA4ODg4IEwwLjkzNyw2LjI1IEwxMi41LDYuMjUgTDEyLjUsMC45Mzc1MDAwMDUgWiBNMTYuMjk1NjA0OCwyLjE4NzUwMDAxIEwxMy40Mzc1MDAxLDIuMTg3NTAwMDEgTDEzLjQzNzUwMDEsNC4zNzUwMDAwMiBMMTcuMjc2NDA2Myw0LjM3NTAwMDAyIEwxNi40NDA2NzkxLDIuMjg1NzIwMTMgQzE2LjQyNDA2OSwyLjI0NDE5NTAyIDE2LjM5MDkzMzMsMi4yMTI2NzcyMSAxNi4zNTA2MzIxLDIuMTk3NTAzNzggTDE2LjMwODI4OTEsMi4xODgwMTMxOCBMMTYuMjk1NjA0OCwyLjE4NzUwMDAxIFoiIGlkPSJ0cnVjayI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: 20px 14px; display: block; width: 20px; height: 14px; filter: invert(32%) sepia(76%) saturate(621%) hue-rotate(197deg) brightness(92%) contrast(91%); margin-right: 6px; } .cart-template .additional-container .top-content p .money-remaining { margin-left: 0.5rem; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #Footer { height: 64px; background-color: #ffffff; display: flex; align-items: center; z-index: 999; } @media (max-width: 48rem) { #Footer { padding: 1rem 0; } } @media (max-width: 64rem) { #Footer { height: 136px; } } #Footer .footer-container { background-color: #ffffff; width: 80rem; margin: 0 auto; display: flex; flex-direction: row; color: #f5f5f5; justify-content: space-between; align-items: center; } @media (max-width: 64rem) { #Footer .footer-container { gap: 0.8rem; flex-direction: column; justify-content: center; } } #Footer .footer-container .legal-content .legal-text { margin-bottom: 0; font-size: 0.75rem; color: #757575; } @media (max-width: 48rem) { #Footer .footer-container .legal-content .legal-text { text-align: center; margin-bottom: 0.5rem; } } @media (min-width: 64rem) { #Footer .footer-container .legal-content .legal-text { padding-left: 0.5rem; } } #Footer .footer-container .images-content { display: flex; gap: 0.8rem; justify-content: center; align-items: center; } @media (max-width: 64rem) { #Footer .footer-container .images-content { gap: 0.8rem; } } @media (max-width: 48rem) { #Footer .footer-container .images-content { margin-bottom: 1.5rem; } } #Footer .footer-container .images-content .cace-logo { background-image: url("https://summasolutions.vteximg.com.br/arquivos/Cace.svg"); background-size: cover; display: block; width: 60px; height: 18px; } #Footer .footer-container .images-content .mp-logo { background-image: url("https://summasolutions.vteximg.com.br/arquivos/MP.svg"); background-size: cover; display: block; width: 70px; height: 20px; } #Footer .footer-container .images-content .infracommerce-logo { background-image: url("https://topperarg.vteximg.com.br/arquivos/infracommerce-logo.png?v=0"); background-size: contain; background-repeat: no-repeat; display: block; width: 81px; height: 24px; } #header { height: 80px; background: #ffffff; display: flex; align-items: center; margin-bottom: 25px; } #header .header-container { max-width: calc(80rem + 6px); margin: 0 auto; padding-left: 6px; padding-right: 10px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #header .header-container .logo-container a { display: block; width: 155px; } #header .header-container .logo-container a > img { width: 100%; } #header .header-container .exit-content .exit-container { display: flex; flex-direction: row; align-items: center; color: darkgray; } #header .header-container .exit-content .exit-container:hover { border: none; text-decoration: none; } #header .header-container .exit-content .exit-container .exit-logo { background-image: url("https://summasolutions.vteximg.com.br/arquivos/remove-icon-topper.svg"); filter: invert(45%) sepia(0%) saturate(439%) hue-rotate(174deg) brightness(99%) contrast(76%); background-size: cover; display: block; width: 10px; height: 10px; } #header .header-container .exit-content .exit-container .exit-text { margin: 0; padding-left: 5px; font-size: 14px; } #header .header-container .exit-content .exit-container .exit-text:hover { border: none; text-decoration: none; } .countdown-bar-container { height: auto; } .info-countdown.sticky { position: fixed; top: 0; width: 100%; z-index: 100; } .info-countdown > .mensaje { display: flex; background: #000; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 30px; color: #fff; gap: 6px; } .info-countdown > .mensaje.active { background: #4B5AB8; } .info-countdown .timer { font-weight: 600; } header#header { margin-bottom: 0; } .container.container-cart .checkout-container:before { content: none; } @media only screen and (max-width: 1023px) { .additional-container { margin-top: 0 !important; } } @media (max-width: 40rem) { #header { height: 50px; } #header .header-container { padding-left: 12px; } #header .header-container .logo-container a { width: 105px; } } .orderform-template .cart-template.mini-cart .summary-template-holder .summary { display: flex; flex-direction: column-reverse; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { display: none !important; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart { display: flex; flex-direction: column; font-size: 0.625rem; color: #757575; margin-bottom: 5px; } @media (max-width: 48rem) { .orderform-template .cart-template.mini-cart .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart { margin-bottom: 0; } } .orderform-template .cart-template.mini-cart .summary-template-holder .summary .summary-totalizers .accordion-group .accordion-inner .price-and-taxes-cart span { font-family: Rubik; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .orderform-template .cart-template.mini-cart #go-to-cart-button { display: none; } .orderform-template .cart-template.mini-cart h2[data-i18n="totalizers.summary"] { font-size: 1.125rem; font-weight: 600; color: #000000; border-bottom: solid 1px #d2d2d2; margin-bottom: 5px; padding-bottom: 20px !important; } .orderform-template .cart-template.mini-cart .summary-coupon-wrap { display: none !important; } .orderform-template .cart-template.mini-cart .product-name { font-size: 0.875rem; color: #000000; font-weight: 400; } .orderform-template .cart-template.mini-cart .product-name { position: absolute; padding-left: 69px; } .orderform-template .cart-template.mini-cart .productTalle { margin-top: 1.5rem; } .orderform-template .cart-template.mini-cart .description { position: relative; } .orderform-template .cart-template.mini-cart .description .shipping-date { display: none; } .orderform-template .cart-template.mini-cart .description .price { font-size: 0.875rem; font-weight: 400; color: #000000; position: absolute; top: -20px; right: 0; } .orderform-template .cart-template.mini-cart .totalizers-list { border-top: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; } .orderform-template .cart-template.mini-cart .totalizers-list .srp-summary-result, .orderform-template .cart-template.mini-cart .totalizers-list .Items { font-size: 0.875rem; margin: 5px 0; } .orderform-template .cart-template.mini-cart .totalizers-list .srp-summary-result .info, .orderform-template .cart-template.mini-cart .totalizers-list .Items .info { color: #757575; } .orderform-template .cart-template.mini-cart .totalizers-list .srp-summary-result .monetary, .orderform-template .cart-template.mini-cart .totalizers-list .Items .monetary { color: #757575; } .orderform-template .cart-template.mini-cart .hproduct { position: relative; border-bottom: solid 1px #d2d2d2 !important; } .orderform-template .cart-template.mini-cart .hproduct:last-child { border-bottom: none !important; } .orderform-template .cart-template.mini-cart .hproduct img { border: solid 1px #d2d2d2; } .orderform-template .cart-template.mini-cart .quantity.badge { position: absolute; top: 55px; left: 50px; background: transparent; border: none; box-shadow: none; color: #000000; font-size: 0.75rem; } .orderform-template .cart-template.mini-cart .quantity.badge::before { content: "Cantidad:"; display: inline-block; margin-right: 5px; } .orderform-template .cart-template.mini-cart.mini-cart .item { padding: 10px 0 23px; } .orderform-template .cart-template.mini-cart.mini-cart.gift { font-style: normal !important; } .orderform-template .cart-template.mini-cart .table tfoot tr td.info { font-size: 1.125rem; font-weight: 600; color: #000000; } .orderform-template .cart-template.mini-cart .table tfoot tr td.monetary { font-size: 1.375rem; font-weight: 600; color: #000000; width: auto; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap { background: transparent; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit { max-width: 100%; background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; line-height: 0; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit:hover { background-color: #000000; opacity: 0.7; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit:disabled { background-color: #d2d2d2; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit ::after { font-size: 0.875rem; content: "Finalizar Compra"; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit .mpSelected::after { content: "Pagar con Mercado Pago"; } @media (max-width: 1280px) { .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap #payment-data-submit .mpSelected::after { font-size: 0.735rem; } } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap .icon-lock { display: none !important; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap .icon-spinner { display: none !important; } @media (max-width: 48rem) { .orderform-template .cart-template.mini-cart .payment-confirmation-wrap .payment-submit-wrap { position: static; margin-top: 15px !important; } } .custom-cart-template-wrap .payment-confirmation-wrap .payment-submit-wrap .btn#payment-data-submit span { font-size: 0 !important; line-height: 8px; } .summary-template-holder .summary { display: flex; flex-direction: column-reverse; } #checkoutMainContainer > div.container.container-main.container-cart > div.checkout-container.row-fluid.cart-active > div.cart-template.full-cart.span12.active > div.summary-template-holder > div.row-fluid.summary > div.span5.totalizers.summary-totalizers.cart-totalizers.pull-right { display: flex !important; border-bottom: none !important; flex-direction: column; } #checkoutMainContainer > div.container.container-main.container-cart > div.checkout-container.row-fluid.cart-active > div.cart-template.full-cart.span12.active > div.summary-template-holder > div.row-fluid.summary > div.span5.totalizers.summary-totalizers.cart-totalizers.pull-right #shipping-preview-container { z-index: 9999999; } #checkoutMainContainer > div.container.container-main.container-cart > div.checkout-container.row-fluid.cart-active > div.cart-template.full-cart.span12.active > div.summary-template-holder > div.row-fluid.summary > div.span5.totalizers.summary-totalizers.cart-totalizers.pull-right .cart-delivery-calc { z-index: 9999; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary::before { content: none !important; } .container.container-cart .checkout-container .cart-template .summary-template-holder .summary::after { content: "Resumen de compra"; font-weight: 600; display: block; font-size: 1.125rem; font-weight: 600; padding-bottom: 2rem; padding-top: 1rem; border-bottom: 1px solid #d2d2d2; } .srp-shipping-current-single__price, .shp-option-text-price { font-weight: bold; padding-left: 0 !important; } .srp-shipping-current-single__text { border: none !important; white-space: pre-wrap !important; line-height: 1.2; } .srp-shipping-current-single__text .srp-shipping-current-single__sla { font-weight: bold !important; font-size: 0.8rem; } .orderform-active .orderform-template-holder #shipping-data .accordion-inner.shipping-container .vtex-omnishipping-1-x-SummaryItemGroup .vtex-omnishipping-1-x-SummaryItemContent .vtex-omnishipping-1-x-SummaryItemInfo .shp-summary-package-time { font-weight: bold; } .shp-time-container { font-size: 0.8rem; padding: 1rem 1.5rem 0 1.5rem; text-align: center; } body.body-order-form .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email { display: block !important; } body.body-order-form .client-pre-email h3.client-pre-email-h span:before { content: "1 -"; visibility: visible; font-size: 1rem; border-radius: 0; border: none; font-weight: 600; margin-right: 2px; margin-left: 1.5rem; } body.body-order-form .client-profile-data .accordion-toggle > span:before { content: "2 -"; visibility: visible; font-size: 1rem; border-radius: 0; border: none; font-weight: 600; margin-right: 2px; margin-left: 1.5rem; } body.body-order-form .shipping-data .accordion-toggle:before { content: "3 -"; visibility: visible; font-size: 1rem; border-radius: 0; border: none; font-weight: 600; margin-right: 2px; margin-left: 1.5rem; } body.body-order-form .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: "4 -"; visibility: visible; font-size: 1rem; border-radius: 0; border: none; font-weight: 600; margin-right: 2px; margin-left: 1.5rem; } .orderform-template-holder #client-profile-data .client-pre-email[style*="display: block;"] + .step.client-profile-data.active .accordion-body { display: none; } .orderform-template-holder #client-profile-data .client-pre-email[style*="display: block;"] + .step.client-profile-data.active span[data-i18n="clientProfileData.identification"]::before, .orderform-template-holder #client-profile-data .client-pre-email[style*="display: none;"] span[data-i18n="clientProfileData.preemail"]::before { background: inherit; border-color: inherit; color: inherit; } body { background-color: #f5f5f5; font-family: "Rubik", "Arial, Helvetica, sans-serif"; padding-bottom: 0 !important; } body .container-main { min-height: calc( 100vh - 25px - (80px + 64px) ); } @media (max-width: 64rem) { body .container-main { min-height: calc( 100vh - 25px - (186px) ); } } body .container-order-form { padding: 30px 0; } @media (max-width: 30.625rem) { body .container-order-form { padding-top: 0 !important; } } @media (max-width: 48rem) { body .container-order-form { width: 100%; } } body::before { background: transparent; } body .loading.loading-bg { background-color: transparent; } body .orderform-active .orderform-template .link, body .orderform-active .orderform-template .link-edit { color: #4b5ab8; } .orderform-active::before { content: "Finalizar compra"; font-weight: 600; font-size: 1.5rem; line-height: 30px; color: #000000; margin-bottom: 30px; padding-left: 10px; } @media (max-width: 40rem) { .orderform-active::before { font-size: 1.125rem; margin-bottom: 20px; } } .container { width: 100%; min-width: 0; max-width: calc(80rem + 10px * 2) !important; margin: 0 auto; } .container .row-fluid .full-cart.active, .container .row-fluid .orderform-template.active { padding-left: 10px; padding-right: 10px; } .container .orderform-template .orderform-template-holder { width: 74.7% !important; padding-right: 0; margin-right: 30px; max-width: 100%; } @media (max-width: 48rem) { .container .orderform-template .orderform-template-holder { width: 100% !important; margin-right: 0; } } .container .orderform-template .cart-template.mini-cart { width: calc(100% - 74.7% - 30px); border-radius: 1px; border: none; } .container .orderform-template .cart-template.mini-cart .custom-cart-template-wrap { background-color: white; } @media (max-width: 48rem) { .container .orderform-template .cart-template.mini-cart { margin-top: 10px; width: 100%; } } .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template-holder #shipping-data, .orderform-template-holder #payment-data { border: none; border-radius: 1px; padding: 0 23px; } .icon-edit::before { content: " "; background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-edit-icon.svg); width: 16px; height: 15px; background-size: 15px; background-repeat: no-repeat; position: relative; display: inline-block; margin-right: 4px; top: 2px; filter: invert(34%) sepia(90%) saturate(485%) hue-rotate(194deg) brightness(86%) contrast(91%); } .icon-edit::after { content: "Modificar"; font-family: "Rubik", "Arial, Helvetica, sans-serif"; display: inline-block; color: #4b5ab8; font-size: 0.875rem; position: relative; bottom: 5px; top: 0; } .link-box-edit { opacity: 1 !important; } body.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before, body.v-custom-step-email .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-payment .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-payment .client-profile-data .accordion-toggle > span:before, body.v-custom-step-payment .payment-data .accordion-toggle > span:not(.payment-edit-link):before, body.v-custom-step-payment .shipping-data .accordion-toggle:before, body.v-custom-step-profile .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-profile .client-profile-data .accordion-toggle > span:before, body.v-custom-step-shipping .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-shipping .client-profile-data .accordion-toggle > span:before, body.v-custom-step-shipping .shipping-data .accordion-toggle:before { background: transparent; border-color: transparent; color: #000000; } .orderform-template-holder .client-pre-email-h [data-i18n="clientProfileData.preemail"] { color: #000000; height: 60px; display: flex; align-items: center; padding: 0 !important; height: 60px !important; position: relative; right: 1.5rem; border-left: 2px solid #4b5ab8 !important; height: 46px; } .orderform-template-holder .accordion-heading { height: 60px; display: flex; align-items: center; } .orderform-template-holder .accordion-heading .accordion-toggle { width: 100%; display: flex; align-items: center; position: relative; right: 1.5rem; border-left: 2px solid #4b5ab8 !important; height: 46px; } .orderform-template-holder .accordion-heading .accordion-toggle.collapsed { height: 46px; } .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.preemail"]::after, .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.preemail"]::before, .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.identification"], .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.identification"]::before { font-size: 1rem; font-weight: 600; } @media (max-width: 22.5rem) { .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.preemail"]::after, .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.preemail"]::before, .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.identification"], .orderform-template-holder #client-profile-data [data-i18n="clientProfileData.identification"]::before { font-size: 0.8125rem; } } .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data [data-i18n="paymentData.payment"], .orderform-template-holder #payment-data [data-i18n="paymentData.payment"]::before { font-size: 1rem; font-weight: 600; } @media (max-width: 22.5rem) { .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data [data-i18n="paymentData.payment"], .orderform-template-holder #payment-data [data-i18n="paymentData.payment"]::before { font-size: 0.8125rem; } } .orderform-template-holder #btn-client-pre-email, .orderform-template-holder #go-to-shipping { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; padding: 0; max-width: 200px; min-width: 200px; font-size: 0.875rem !important; } .orderform-template-holder #btn-client-pre-email:hover, .orderform-template-holder #go-to-shipping:hover { background-color: #000000; opacity: 0.7; } .orderform-template-holder #btn-client-pre-email:disabled, .orderform-template-holder #go-to-shipping:disabled { background-color: #d2d2d2; } .orderform-template-holder .client-pre-email[style*="display: none"] input#client-pre-email { padding: 0 10px !important; } .orderform-template-holder .input .client-phone-prefix, .orderform-template-holder .input .client-phone-suffix { display: none; } .orderform-template-holder .input #client-phone1 { display: none; } .orderform-template-holder .input #client-phone3 { max-width: 100% !important; width: 100%; } .orderform-template-holder label[for=client-phone] { margin: 10px 0 5px 0; } .orderform-template-holder button.submit, .orderform-template-holder button.btn-ask-for-geolocation-cta { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 1rem; font-weight: bold; line-height: 40px; border-radius: 2px; display: block; width: 100%; height: 40px; min-height: 40px; text-transform: uppercase; transition: opacity 0.2s; border: none; outline: none; cursor: pointer; max-width: 200px; min-width: 200px !important; padding: 0; } .orderform-template-holder button.submit:hover, .orderform-template-holder button.btn-ask-for-geolocation-cta:hover { background-color: #000000; opacity: 0.7; } .orderform-template-holder button.submit:disabled, .orderform-template-holder button.btn-ask-for-geolocation-cta:disabled { background-color: #d2d2d2; } .orderform-template-holder input.success:not(.error) { background-image: url(https://topperarg.vteximg.com.br/arquivos/checkout-checkmark-icon.svg); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 10px; } .orderform-template-holder input.success.error { background-image: none; } .orderform-template-holder input.success.error:before { content: "x"; color: red; position: absolute; right: 0; top: 0; } span.error { width: 100% !important; }