.woo-custom-installments-offer { display: flex; flex-wrap: wrap; align-items: center; width: fit-content; padding: 0.65rem 0.85rem; font-size: 1rem; font-weight: 500; text-align: center; white-space: wrap; border-radius: 0.3rem; background-color: rgba(34, 197, 94, 0.10); color: #22c55e; margin-top: 1rem; margin-bottom: 2rem; order: 2; } .woo-custom-installments-economy-pix-badge { order: 2; background-color: #22c55e; color: #fff; font-size: 0.925rem; font-weight: 500; padding: 0.675rem 1rem; border-radius: 0.3rem; line-height: 1; white-space: wrap; width: fit-content; } .woo-custom-installments-economy-pix-badge .amount { color: #fff; } .woo-custom-installments-ticket-discount { display: flex; flex-wrap: wrap; align-items: center; width: fit-content; padding: 0.65rem 0.85rem; font-size: 1rem; font-weight: 500; text-align: center; white-space: wrap; border-radius: 0.3rem; background-color: rgba(255, 186, 8, 0.10); color: #ffba08; margin-top: 0.75rem; margin-bottom: 1rem; order: 3; } .woo-custom-installments-offer .amount, .woo-custom-installments-ticket-discount .amount, .woo-custom-installments-card-container .amount, .woo-custom-installments-economy-pix-badge .amount, th.final-text .amount, th.final-price .amount { font-weight: 500; } .woo-custom-installments-group { display: grid; justify-items: flex-start; width: 100%; } .woo-custom-installments-select-variation-message { display: block; margin-top: 0.25rem; margin-bottom: 1rem; font-size: 0.85rem; color: #6C757D; } .woocommerce-variation-price .price .woo-custom-installments-group { justify-items: flex-start; } .variation-price, .discount-before-price, .discounted-price, .discount-after-price, .discount-before-discount-ticket, .discount-after-discount-ticket { line-height: 1; } .woo-custom-installments-card-container { display: block; font-size: 1rem; font-weight: 400; margin-top: 1rem; margin-bottom: 2rem; color: #343A40; white-space: wrap; } .woo-custom-installments-details-without-fee, .woo-custom-installments-details-with-fee { display: block; } .woo-custom-installments-group .variation-price, .woo-custom-installments-group .discount-before-price, .woo-custom-installments-group .wci-icon-ticket-discount, .woo-custom-installments-group .discounted-price, .woo-custom-installments-group .wci-icon-main-price, .woo-custom-installments-group .wci-icon-best-installments, .woo-custom-installments-group .variation-text, .woo-custom-installments-group .discount-before-discount-ticket, .woo-custom-installments-group .wci-icon-economy-pix { margin-right: 0.25rem; } .woo-custom-installments-offer:has(.variation-text) .discount-before-price { display: none; } .container-separator { margin: 1.75rem 0; border: 0; border-top: 1px solid rgba(0,0,0,.1); height: 1px; width: 100%; } .instant-approval-badge, .badge-discount-checkout { display: inline-block; padding: 0.35em 0.6em; font-size: 0.825em; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 50rem; background-color: rgba(34, 197, 94, 0.10); color: #22c55e; margin-bottom: 1rem; } .badge-interest-checkout { display: inline-block; padding: 0.35em 0.6em; font-size: 0.8125em; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 50rem; background-color: rgba(255,186,8,.12); color: #ffba08; } .badge-discount-checkout, .badge-interest-checkout { margin-left: 0.5rem; margin-bottom: 0; } .pix-method-container { display: flex; align-items: center; margin-bottom: 1rem; } .pix-method-container .instant-approval-badge { margin-bottom: 0; } .pix-method-name { color: #212529; font-size: 1rem; font-weight: 600; margin-right: 0.5rem; } .ticket-method-name { color: #212529; font-size: 1rem; font-weight: 600; margin-bottom: 1rem; display: block; } .pix-method-name .amount, .ticket-method-name .amount, .woo-custom-installments-table, .woo-custom-installments-table .amount { color: #212529; } .pix-info { display: flex; width: fit-content !important; } .pix-info.instant-approval-badge { padding: 0.5rem 1rem; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: center; } .pix-info.instant-approval-badge .pix-icon-badge { font-size: 1.75rem; } .pix-info .woo-custom-installments-economy-pix-badge { margin-left: 0.5rem; background-color: transparent !important; padding: 0; color: #2ebdaf !important; font-weight: 600; } .pix-info .woo-custom-installments-economy-pix-badge .amount { color: #2ebdaf !important; font-size: 0.925rem; font-weight: 600; } .pix-info .woo-custom-installments-economy-pix-badge .wci-icon-economy-pix { display: none; } .pix-icon-badge { font-size: 2rem; color: #2ebdaf; } .ticket-instructions { font-size: 0.855rem; } .container-badge-icon { width: 3rem; height: auto; margin-right: 0.75rem; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; object-fit: cover; flex-shrink: 0; } .credit-card-container-badges, .debit-card-container-badges { display: flex; overflow: auto; padding-bottom: 0.5rem; } h4.pix-method-title, h4.ticket-method-title, h4.credit-card-method-title, h4.debit-card-method-title, h4.installments-title { font-size: 1.125rem; } .container-badge-icon.pix-flag, .credit-card-container-badges, .debit-card-container-badges, .container-badge-icon.ticket-flag { margin-bottom: 2rem; } .woo-custom-installments-table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th { background-color: transparent !important; } .woo-custom-installments-table th { font-weight: 400; font-size: 0.95rem; border: none; border-bottom: 1px solid; border-color: #d9dde3; padding: 0.75rem 1rem !important; width: 50%; } .woo-custom-installments-table th.final-text { border-right: 1px solid #d9dde3; } .woo-custom-installments-table tr:last-of-type > th { border-bottom: none; } .woo-custom-installments-table tr:first-of-type > th { border-top: none; } .woo-custom-installments-table tr:hover { background-color: #E9ECEF; } .woo-custom-installments-table { width: 100%; } .woo-custom-installments-group .fa-brands, .woo-custom-installments-group .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } .woo-custom-installments-group .fa-classic, .woo-custom-installments-group .fa-regular, .woo-custom-installments-group .fa-solid, .woo-custom-installments-group .far, .woo-custom-installments-group .fas { font-family: "Font Awesome 6 Free" !important; } .woo-custom-installments-group .fa-solid, .woo-custom-installments-group .fas { font-weight: 900 !important; } .woo-custom-installments-text-after-price { margin-left: 0.15rem; } .woo-custom-installments-discount-per-quantity-message { display: flex; flex-wrap: wrap; align-items: center; width: fit-content; padding: 0.65rem 0.85rem; font-size: 0.875rem; font-weight: 500; text-align: center; white-space: nowrap; border-radius: 0.3rem; color: #4475de; background-color: #edf3fe; margin-bottom: 1rem; line-height: 1; } .woo-custom-installments-discount-per-quantity-message i { margin-right: 0.25rem; } .browser-Safari .hide-larger-price .price { white-space: initial !important; } .d-none { display: none !important; } .woo-custom-installments-price.original-price { order: 1; font-size: 1.225rem; font-weight: 500; } #woo-custom-installments-product-price { display: grid; width: 100%; } .size-badge-icon { box-shadow: none !important; width: 100%; } .wci-loading-price { overflow: hidden; width: fit-content !important; background: #000; position: relative; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: placeholder_animation; animation-name: placeholder_animation; background: #f6f7f8; background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%); background-size: 1300px; border-radius: 0.375rem; } @keyframes placeholder_animation { 0% { background-position: -650px 0; } 100% { background-position: 650px 0; } } .woo-custom-installments-logo { width: 3rem; } .wci-license-message-box { display: flex; flex-direction: column; align-items: center; } .wci-license-message-box .message-box-header { width: 6rem; height: 6rem; padding: 0.5rem; margin-bottom: 1rem; background-color: #efefef; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .wci-license-message-box .message-box-header h5 { font-size: 1.125rem; font-weight: 600; color: #040f0f; display: block; text-align: center; margin-bottom: 1rem; } .wci-license-message-box .message-box-header .message-cta { font-size: 1.125rem; text-align: center; color: #495057; } .woo-custom-installments-price.original-price.has-discount { display: flex !important; font-weight: 400; font-size: 1rem; color: #495057; text-decoration: line-through; margin-right: 0.5rem; order: 1; } .woo-custom-installments-price.sale-price { order: 3; font-size: 1.325rem; font-weight: 500; } .woo-custom-installments-group-main-price { display: flex; align-items: center; flex-wrap: wrap; } .woo-custom-installments-group-main-price .woo-custom-installments-price { order: 3; } .woo-custom-installments-group .woo-custom-installments-group-main-price.has-range-price { display: inline-block !important; } .woo-custom-installments-group .icon-image { width: 1.325rem; height: auto; } .woo-custom-installments-group:not(.variable-range-price) .woo-custom-installments-price { display: flex !important; align-items: center; } .wci-sale-badge { order: 4; font-size: 0.785rem; font-weight: 600; color: rgba(38, 171, 91, 1); background-color: rgba(34, 197, 94, 0.15); padding: 0.25rem 0.65rem 0.25rem 0.65rem; border-radius: 10rem; margin-left: 0.5rem; } .woo-custom-installments-group-main-price .wci-icon-price { order: 1; } .woo-custom-installments-group-main-price .woo-custom-installments-starting-from { margin-right: 0.5rem; order: 2; } #wci-variation-prices .wci-variation-item { list-style: none; } #wci-variation-prices { padding: 0; margin: 0; } .woo-custom-installments-group-main-price del .amount { margin-right: 0.5rem; display: flex; } .woo-custom-installments-group ins { text-decoration: none; } .wci-popup-content .woo-custom-installments-pix-section, .wci-popup-content .woo-custom-installments-credit-card-section, .wci-popup-content .woo-custom-installments-debit-card-section, .wci-popup-content .woo-custom-installments-ticket-section { border-bottom: 1px solid #d4d7e5; margin-bottom: 2rem; } .wci-popup-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; display: flex !important; justify-content: center; align-items: center; z-index: 999999 !important; transition: opacity 0.3s ease, visibility 0s linear 0.3s; } .wci-popup-container.show { opacity: 1; visibility: visible; transform: none; transition: opacity 0.3s ease, visibility 0s linear 0s; } .wci-popup-content { background-color: #fff; border-radius: 0.5rem; width: auto; height: auto; overflow: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); transform: translate(0, -50px); transition: transform .3s ease-out; } .wci-popup-container.show .wci-popup-content { transform: none; } @media screen and (min-width: 768px) { .wci-popup-content { width: 650px; height: fit-content; max-height: 75%; } } @media screen and (max-width: 767px) { .wci-popup-content { width: 95%; height: fit-content; max-height: 95%; position: absolute; } .wci-popup-container.show { position: fixed; } .woo-custom-installments-offer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; } } .wci-popup-content::-webkit-scrollbar, .credit-card-container-badges::-webkit-scrollbar, .debit-card-container-badges::-webkit-scrollbar { width: 5px; height: 5px; } @media screen and (max-width: 992px){ .wci-popup-content::-webkit-scrollbar, .credit-card-container-badges::-webkit-scrollbar, .debit-card-container-badges::-webkit-scrollbar { height: 3px; width: 3px; } } .wci-popup-content::-webkit-scrollbar-track, .credit-card-container-badges::-webkit-scrollbar-track, .debit-card-container-badges::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 100%; } .wci-popup-content::-webkit-scrollbar-thumb, .credit-card-container-badges::-webkit-scrollbar-thumb, .debit-card-container-badges::-webkit-scrollbar-thumb { background-color: #CED4DA; border-radius: 50px; } .wci-popup-content::-webkit-scrollbar-thumb:hover, .credit-card-container-badges::-webkit-scrollbar-thumb:hover, .debit-card-container-badges::-webkit-scrollbar-thumb:hover { background-color: #212529; } button.wci-open-popup { display: inline-flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1.6; color: #008aff; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid #008aff; padding: 0.625rem 1.75rem; margin: 1rem 0 3rem 0; font-size: 0.875rem; border-radius: 0.375rem; outline: none !important; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } button.wci-open-popup:hover { background-color: #008aff; color: #fff; } .wci-popup-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #dee2e6; margin-bottom: 2rem; padding: 1rem 1.5rem 0.5rem 1.5rem; } .wci-popup-body { padding: 0rem 1.5rem 0rem 1.5rem; } .wci-popup-title { font-size: 1.25rem; font-weight: 500; line-height: 1.5; color: #212529; margin-bottom: 0; } button.wci-close-popup { width: 1rem; height: 1rem; color: #fff; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.925rem auto no-repeat !important; background-position: right; opacity: 0.35; border: none !important; outline: none !important; } button.wci-close-popup:hover { text-decoration: none; opacity: 0.75; cursor: pointer; } .wci-accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125); border-radius: 0.35rem; overflow: hidden; height: 55px; transition: height .35s ease; } .wci-accordion-item.active { height: auto !important; } .wci-accordion-header { position: relative; display: flex !important; align-items: center; width: 100% !important; height: 55px; padding: 1rem 1.25rem !important; font-size: 1rem; font-weight: 500; color: #343A40; background-color: #fff; text-align: left; text-transform: none; border: 0; border-radius: 0.25rem; overflow-anchor: none; outline: none !important; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; } .wci-accordion-header:hover, .wci-accordion-header:focus { color: #212529; background-color: #E9ECEF; } .wci-accordion-header .wci-accordion-icon { stroke: #212529; flex-shrink: 0; width: 1.825em; height: auto; margin-left: auto; margin-bottom: 0.625rem; transition: transform .2s ease-in-out; } .wci-accordion-item.active .wci-accordion-header .wci-accordion-icon { transform: rotate(-180deg); margin-bottom: -0.625rem; } .wci-accordion-content { background-color: #fff; max-height: 0; padding: 1rem; border: 0; overflow: hidden; transition: max-height .35s ease; } .wci-accordion-item.active .wci-accordion-content { padding: 1rem; max-height: none; border-top: 1px solid #ddd; } .woo-custom-installments-group .woo-custom-installments-starting-from { font-weight: 500; } .woo-custom-installments-group .woo-custom-installments-price.original-price.has-discount .amount, .woo-custom-installments-group .woo-custom-installments-group-main-price del .amount { opacity: 0.75; } body .woo-custom-installments-card-container, body .woo-custom-installments-details { font-size: 0.95rem !important; font-weight: 400 !important; color: #555 !important; margin-top: 0.35rem !important; margin-bottom: 0.4rem !important; } body .woo-custom-installments-card-container bdi, body .woo-custom-installments-card-container .woocommerce-Price-amount, body .woo-custom-installments-card-container .woocommerce-Price-currencySymbol, body .woo-custom-installments-details bdi, body .woo-custom-installments-details .woocommerce-Price-amount { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; background: transparent !important; } body .woo-custom-installments-offer { font-size: 0.9rem !important; font-weight: 500 !important; margin-top: 0.5rem !important; margin-bottom: 0.6rem !important; } body .woo-custom-installments-offer bdi, body .woo-custom-installments-offer .woocommerce-Price-amount, body .woo-custom-installments-offer .woocommerce-Price-currencySymbol, body .woo-custom-installments-offer .amount { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; background: transparent !important; } body .woo-custom-installments-economy-pix-badge bdi, body .woo-custom-installments-economy-pix-badge .woocommerce-Price-amount { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; background: transparent !important; } body button.wci-open-popup { margin-top: 0.4rem !important; margin-bottom: 0.75rem !important; }