/* * MINIVPS: order form (filho do standard_cart). * * Mesma linguagem visual do checkout do site (plugin minivps-plugins-cart, * assets/css/checkout.css): cabeçalho com título, etapas em pílulas, etapas em * cartões, rótulo acima do campo, escolhas em cartões e resumo fixo à direita. * As classes .mvc-* são aplicadas pelo js/checkout.js sobre a marcação do * standard_cart; sem JS, o carrinho padrão continua legível. * * Só variáveis do site (identity.css do tema minivps, importado abaixo para o * order form funcionar também com outro tema). Nenhuma cor ou fonte fixa. */ @import url("../../../minivps/css/identity.css"); #order-standard_cart { --mvc-gap: 16px; --mvc-on-primary: var(--c-bg); --mvc-radius-sm: calc(var(--radius) * .7); --mvc-shadow-sm: 0 1px 2px rgba(var(--c-dark-rgb), .05); --mvc-shadow-primary: 0 8px 24px -8px rgba(var(--c-primary-rgb), .6); max-width: 1080px; margin: 0 auto; padding-top: 8px; font-family: var(--f-body); font-size: var(--fs-base); color: var(--c-text); } #order-standard_cart .mv-hide, #order-standard_cart [hidden] { display: none !important; } #order-standard_cart > .row { margin: 0; } /* Sem distrações (o JS também remove do DOM). */ #order-standard_cart .cart-sidebar, #order-standard_cart .sidebar-collapsed, #order-standard_cart #continueShopping, #order-standard_cart .btn-continue-shopping, #order-standard_cart .info-text-sm, #order-standard_cart .product-recommendations, #order-standard_cart .product-recommendations-container, #order-standard_cart .view-cart-tabs .nav-tabs, #order-standard_cart #calcTaxes, #order-standard_cart .checkout-security-msg, #recommendationsModal { display: none !important; } #order-standard_cart .cart-body { float: none; width: 100%; padding: 0; } /* ------------------------------------------------------------------ */ /* Cabeçalho da página e etapas */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc__head { margin: 0 0 20px; padding: 0; border: 0; } #order-standard_cart .mvc__title, #order-standard_cart .header-lined h1 { margin: 0 0 6px; font-family: var(--f-heading); font-weight: var(--fw-heading); letter-spacing: var(--ls-heading); font-size: clamp(26px, 5vw, 38px); line-height: 1.12; color: var(--c-heading); } #order-standard_cart .mvc__lead { margin: 0; color: var(--c-muted); } .mv-steps.mv-steps--inline { padding: 0; margin: 0 0 20px; } .mv-steps--inline .container { max-width: none; padding: 0; } .mv-steps--inline .mv-steps__list { display: flex; gap: 8px; justify-content: stretch; } .mv-steps--inline .mv-steps__item { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: calc(var(--radius) * .7); background: var(--c-surface); color: var(--c-muted); font-size: 13.5px; } .mv-steps--inline .mv-steps__item + .mv-steps__item::before { display: none; } .mv-steps--inline .mv-steps__num { width: 24px; height: 24px; flex: none; box-shadow: none; background: var(--c-bg-alt); border: 1px solid var(--c-border); font: 500 12px/1 var(--f-mono); } .mv-steps--inline .mv-steps__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mv-steps--inline .mv-steps__item.is-current { color: var(--c-heading); border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(var(--c-primary-rgb), .12); } .mv-steps--inline .mv-steps__item.is-current .mv-steps__num { background: var(--c-primary); border-color: var(--c-primary); color: var(--c-bg); box-shadow: none; } .mv-steps--inline .mv-steps__item.is-done { color: var(--c-heading); } .mv-steps--inline .mv-steps__item.is-done .mv-steps__num { background: var(--c-success); border-color: var(--c-success); color: var(--c-bg); } /* ------------------------------------------------------------------ */ /* Layout: conteúdo + resumo fixo */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc__layout { display: grid; gap: 20px; align-items: start; margin: 0; } #order-standard_cart .mvc__layout::before, #order-standard_cart .mvc__layout::after { display: none; } #order-standard_cart .mvc__main { display: grid; gap: 20px; min-width: 0; float: none; width: auto; padding: 0; } #order-standard_cart .mvc__summary { float: none; width: auto; padding: 0; margin: 0; } @media (min-width: 920px) { #order-standard_cart .mvc__layout { grid-template-columns: minmax(0, 1fr) 340px; } #order-standard_cart .mvc__summary { position: sticky; top: 16px; } } #order-standard_cart #orderSummary { margin-top: 0 !important; } /* Cartões */ #order-standard_cart .mvc-card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); box-shadow: var(--mvc-shadow-sm); } #order-standard_cart .mvc-step { padding: 22px; margin: 0; } #order-standard_cart .mvc-step__title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-family: var(--f-heading); font-weight: var(--fw-heading); letter-spacing: var(--ls-heading); font-size: 20px; color: var(--c-heading); } #order-standard_cart .mvc-step__num { flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--c-primary); color: var(--mvc-on-primary); font: 500 13px/1 var(--f-mono); } #order-standard_cart .mvc-step__body > :last-child { margin-bottom: 0; } /* Grupos dentro do cartão (antigos .sub-heading) */ #order-standard_cart .sub-heading, #order-standard_cart .sub-heading-borderless { height: auto; margin: 22px 0 12px; border: 0; text-align: left; } #order-standard_cart .mvc-step__body > .sub-heading:first-child, #order-standard_cart .mvc-step__body > div:first-child > .sub-heading:first-child { margin-top: 0; } #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading .primary-bg-color { position: static; padding: 0; background: transparent; color: var(--c-muted); font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; } /* ------------------------------------------------------------------ */ /* Campos */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc-label, #order-standard_cart .form-group > label:not(.field-icon), #order-standard_cart .product-configurable-options label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 500; color: var(--c-heading); } #order-standard_cart .mvc-opt { color: var(--c-muted); font-weight: 400; } #order-standard_cart .form-group { margin-bottom: var(--mvc-gap); } #order-standard_cart .form-control, #order-standard_cart .field, #order-standard_cart .mvc-step select, #order-standard_cart .mvc-step input[type="text"], #order-standard_cart .mvc-step input[type="email"], #order-standard_cart .mvc-step input[type="tel"], #order-standard_cart .mvc-step input[type="password"], #order-standard_cart .mvc-step input[type="number"], #order-standard_cart .mvc-step textarea { width: 100%; height: auto; min-height: 46px; padding: 11px 14px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); color: var(--c-text); font: inherit; font-size: 16px; box-shadow: none; transition: border-color .15s, box-shadow .15s; } #order-standard_cart .form-control:hover, #order-standard_cart .field:hover { border-color: rgba(var(--c-primary-rgb), .25); } #order-standard_cart .form-control:focus, #order-standard_cart .field:focus, #order-standard_cart .mvc-step input:focus, #order-standard_cart .mvc-step select:focus, #order-standard_cart .mvc-step textarea:focus { outline: none; border-color: var(--c-primary); box-shadow: var(--mv-field-focus, inset 0 0 0 3px rgba(var(--c-primary-rgb), .06)); } #order-standard_cart textarea.form-control, #order-standard_cart textarea.field { min-height: 88px; resize: vertical; } #order-standard_cart .form-control[readonly], #order-standard_cart .form-control[disabled] { background: var(--c-bg-alt); color: var(--c-muted); } /* Rótulo acima: ícones do standard_cart saem e o campo perde o recuo. */ #order-standard_cart .mvc-field .field-icon { display: none !important; } #order-standard_cart .prepend-icon .field { padding-left: 42px; } #order-standard_cart .prepend-icon.mvc-field .field { padding-left: 14px; } #order-standard_cart .prepend-icon .field-icon { color: var(--c-muted); } #order-standard_cart .mvc-field .intl-tel-input, #order-standard_cart .mvc-field .iti { width: 100%; } #order-standard_cart .mvc-field .intl-tel-input .field, #order-standard_cart .mvc-field .iti .field { padding-left: 52px; } #order-standard_cart .field-help-text, #order-standard_cart .text-muted, #order-standard_cart .small { color: var(--c-muted); } #order-standard_cart input[type="checkbox"], #order-standard_cart input[type="radio"] { accent-color: var(--c-primary); } #order-standard_cart .mvc-step .row { margin-left: -8px; margin-right: -8px; } #order-standard_cart .mvc-step .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; } /* Alertas */ #order-standard_cart .alert { border-radius: var(--mvc-radius-sm); box-shadow: none; font-size: 14.5px; } #order-standard_cart .alert-info { background: var(--c-primary-soft); border-color: rgba(var(--c-primary-rgb), .3); color: var(--c-heading); } /* ------------------------------------------------------------------ */ /* Botões */ /* ------------------------------------------------------------------ */ #order-standard_cart .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: var(--mvc-radius-sm); font: 500 15px/1.2 var(--f-body); letter-spacing: -.01em; text-shadow: none; transition: transform .2s, box-shadow .2s, background .2s, border-color .2s, color .2s; } #order-standard_cart .btn:hover { transform: translateY(-1px); } #order-standard_cart .btn-primary, #order-standard_cart .btn-success, #order-standard_cart .btn-checkout, #order-standard_cart #btnCompleteProductConfig, #order-standard_cart #btnCompleteOrder { background: var(--c-primary); border: 1px solid transparent; color: var(--mvc-on-primary); box-shadow: var(--mvc-shadow-primary); } #order-standard_cart .btn-primary:hover, #order-standard_cart .btn-primary:focus, #order-standard_cart .btn-success:hover, #order-standard_cart .btn-success:focus, #order-standard_cart .btn-checkout:hover, #order-standard_cart #btnCompleteOrder:hover, #order-standard_cart #btnCompleteProductConfig:hover { background: var(--c-primary-dark); color: var(--mvc-on-primary); } #order-standard_cart .btn-default, #order-standard_cart .btn-info, #order-standard_cart .btn-warning { background: var(--c-surface); border: 1px solid var(--c-border); color: var(--c-heading); box-shadow: var(--mvc-shadow-sm); } #order-standard_cart .btn-default:hover, #order-standard_cart .btn-info:hover, #order-standard_cart .btn-warning:hover { border-color: rgba(var(--c-primary-rgb), .35); color: var(--c-heading); background: var(--c-surface); } #order-standard_cart .btn-link { color: var(--c-primary); box-shadow: none; background: none; border: 0; } #order-standard_cart .btn-lg { min-height: 50px; padding: 0 24px; font-size: 15.5px; } #order-standard_cart .btn-xs { min-height: 30px; padding: 0 10px; font-size: 13px; } #order-standard_cart .mvc-btn-block { display: flex; width: 100%; } #order-standard_cart .btn .fa-arrow-circle-right { display: none; } /* Ações do cartão: botão principal à direita; no celular, largura total. */ #order-standard_cart .mvc-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; align-items: center; margin-top: 22px; text-align: right; } #order-standard_cart .mvc-actions .btn-primary, #order-standard_cart .mvc-actions #btnCompleteOrder { margin-left: auto; } /* ------------------------------------------------------------------ */ /* Escolhas em cartões (ciclos e gateways) */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc-cycles { display: grid; gap: 10px; margin: 0 0 6px; } @media (min-width: 640px) { #order-standard_cart .mvc-cycles { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #order-standard_cart .mvc-choice { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 14px 16px; text-align: left; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); color: var(--c-text); font: inherit; font-weight: 400; cursor: pointer; transition: border-color .15s, box-shadow .15s, background .15s; } #order-standard_cart .mvc-choice:hover { border-color: rgba(var(--c-primary-rgb), .3); } #order-standard_cart .mvc-choice:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart .mvc-choice.is-checked { border-color: var(--c-primary); background: var(--c-primary-soft); box-shadow: 0 0 0 3px rgba(var(--c-primary-rgb), .1); } #order-standard_cart .mvc-choice__dot { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--c-border); background: var(--c-surface); transition: border-color .15s, box-shadow .15s; } #order-standard_cart .mvc-choice.is-checked .mvc-choice__dot { border-color: var(--c-primary); background: var(--c-primary); box-shadow: inset 0 0 0 4px var(--c-surface); } #order-standard_cart .mvc-choice__main { flex: 1; min-width: 0; display: grid; } #order-standard_cart .mvc-choice__title { font-weight: 500; color: var(--c-heading); } #order-standard_cart .mvc-choice__sub { font-size: 13px; color: var(--c-muted); } #order-standard_cart .mvc-choice__price { font-weight: 600; color: var(--c-heading); white-space: nowrap; font-variant-numeric: tabular-nums; } .mv-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Gateways */ #order-standard_cart #paymentGatewaysContainer { margin-bottom: 8px; } #order-standard_cart #paymentGatewaysContainer .text-center { display: grid; gap: 10px; text-align: left; } @media (min-width: 640px) { #order-standard_cart #paymentGatewaysContainer .text-center { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #order-standard_cart #paymentGatewaysContainer .radio-inline.mvc-choice { padding-left: 16px; } #order-standard_cart #paymentGatewaysContainer .radio-inline input[type="radio"] { position: static; margin: 0; flex: none; width: 18px; height: 18px; } #order-standard_cart #paymentGatewaysContainer .mvc-choice { font-weight: 500; color: var(--c-heading); } #order-standard_cart .mvc-gw-icon { order: 3; margin-left: auto; width: 34px; height: 34px; flex: none; border-radius: 9px; display: grid; place-items: center; background: var(--c-bg-alt); color: var(--c-primary); font-size: 16px; } #order-standard_cart .mvc-choice.is-checked .mvc-gw-icon { background: var(--c-surface); } /* Abas "Já sou cliente / Criar conta" */ #order-standard_cart .mvc-tabs { display: flex; gap: 4px; padding: 4px; margin: 0 0 18px; border-radius: calc(var(--radius) * .8); background: var(--c-bg-alt); border: 1px solid var(--c-border); } #order-standard_cart .mvc-tab { flex: 1; min-height: 42px; padding: 0 12px; border: 0; border-radius: calc(var(--radius) * .6); background: transparent; color: var(--c-muted); font: 500 15px/1.2 var(--f-body); cursor: pointer; } #order-standard_cart .mvc-tab[aria-selected="true"] { background: var(--c-surface); color: var(--c-heading); box-shadow: var(--mvc-shadow-sm); } #order-standard_cart .mvc-tab:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart #containerExistingUserSignin .text-center { text-align: right; } #order-standard_cart .social-signin-btns { display: flex; justify-content: center; } /* Revisão */ #order-standard_cart .mvc-total, #order-standard_cart #totalDueToday.alert { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 16px; padding: 14px 16px; border-radius: var(--mvc-radius-sm); background: var(--c-bg-alt); border: 1px solid var(--c-border); color: var(--c-heading); text-align: left; font-size: 15px; } #order-standard_cart #totalCartPrice { font-family: var(--f-heading); font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: var(--c-heading); } #order-standard_cart .mvc-check { margin: 0 0 4px; text-align: left; } #order-standard_cart .mvc-check__label { display: flex !important; align-items: flex-start; gap: 10px; margin: 0; padding: 0; font-size: 14.5px; font-weight: 400; color: var(--c-text); cursor: pointer; } #order-standard_cart .mvc-check__label input { flex: none; width: 18px; height: 18px; margin: 3px 0 0; position: static; } #order-standard_cart .marketing-email-optin { padding: 14px 16px; border-radius: var(--mvc-radius-sm); background: var(--c-bg-alt); border: 1px solid var(--c-border); margin: 0 0 12px; } #order-standard_cart .marketing-email-optin h4 { font: 600 15px/1.3 var(--f-body); margin: 0 0 4px; color: var(--c-heading); } .mv-seals { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 16px; list-style: none; margin: 14px 0 0; padding: 0; color: var(--c-muted); font: 500 12px/1.3 var(--f-mono); letter-spacing: .04em; } .mv-seals li { display: inline-flex; align-items: center; gap: 6px; } .mv-seals li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c-success); } /* ------------------------------------------------------------------ */ /* Plano */ /* ------------------------------------------------------------------ */ #order-standard_cart .product-info { margin: 0 0 18px; padding: 0; border: 0; background: none; } #order-standard_cart .mvc-plan { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 4px; } #order-standard_cart .mvc-plan__name { margin: 0; font-family: var(--f-heading); font-weight: var(--fw-heading); letter-spacing: var(--ls-heading); font-size: 22px; color: var(--c-heading); } #order-standard_cart .product-info p { margin: 4px 0 0; color: var(--c-muted); font-size: 14.5px; } #order-standard_cart .mvc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font: 500 11.5px/1 var(--f-mono); text-transform: uppercase; letter-spacing: .08em; background: var(--c-primary-soft); color: var(--c-primary); } #order-standard_cart .mvc-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c-success); } #order-standard_cart .field-container { margin: 0; padding: 0; border: 0; background: none; } #order-standard_cart .product-configurable-options, #order-standard_cart .addon-products { margin: 0; } #order-standard_cart .addon-products .panel-addon { border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); box-shadow: none; } #order-standard_cart .addon-products .panel-addon-selected { border-color: var(--c-primary); background: var(--c-primary-soft); } /* ------------------------------------------------------------------ */ /* Resumo */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc__summary.mvc-card, #order-standard_cart .mvc__summary .mvc-card { padding: 22px; } #order-standard_cart .mvc__summary .order-summary { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--c-text); } #order-standard_cart .mvc-summary__title { margin: 0 0 14px; padding: 0; background: none; border: 0; font-family: var(--f-heading); font-weight: var(--fw-heading); letter-spacing: var(--ls-heading); font-size: 18px; text-transform: none; text-align: left; color: var(--c-heading); } #order-standard_cart .summary-container { margin: 0; padding: 0; border: 0; background: none; color: var(--c-text); font-size: 14.5px; } #order-standard_cart .summary-container .product-name { font-weight: 600; color: var(--c-heading); } #order-standard_cart .summary-container .product-group { color: var(--c-muted); font-size: 13px; } #order-standard_cart .summary-container .clearfix, #order-standard_cart .summary-container .subtotal, #order-standard_cart .summary-container .recurring-totals, #order-standard_cart .summary-container .bordered-totals > div { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; } #order-standard_cart .summary-container .clearfix::before, #order-standard_cart .summary-container .clearfix::after { display: none; } #order-standard_cart .summary-container .pull-right, #order-standard_cart .summary-container .float-right { float: none !important; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } #order-standard_cart .summary-container .pull-left, #order-standard_cart .summary-container .float-left { float: none !important; } #order-standard_cart .summary-totals, #order-standard_cart .summary-container .bordered-totals { border-top: 1px solid var(--c-border); margin-top: 8px; padding-top: 8px; } #order-standard_cart .summary-container .total-due-today { display: grid; gap: 2px; margin-top: 10px; padding: 12px 0 0; border-top: 1px solid var(--c-border); text-align: left; } #order-standard_cart .summary-container .total-due-today .amt { font-family: var(--f-heading); font-weight: 600; letter-spacing: -.02em; font-size: 26px; color: var(--c-heading); } #order-standard_cart .summary-container .total-due-today span:not(.amt) { color: var(--c-muted); font-size: 13px; } #order-standard_cart .mvc-summary__actions { margin: 16px 0 0; text-align: center; } #order-standard_cart .mvc-summary__actions .btn { width: 100%; } #order-standard_cart .mvc-summary__note { margin: 14px 0 0; font-size: 12.5px; color: var(--c-muted); } #order-standard_cart .express-checkout-buttons { margin-top: 10px; } #order-standard_cart .order-summary .loader { color: var(--c-primary); background: rgba(var(--c-dark-rgb), .03); } /* Resumo do checkout (montado a partir do carrinho) */ #order-standard_cart .mvc-sum { display: grid; gap: 8px; font-size: 14.5px; } #order-standard_cart .mvc-sum__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; } #order-standard_cart .mvc-sum__name { display: grid; min-width: 0; } #order-standard_cart .mvc-sum__name strong { color: var(--c-heading); font-weight: 600; } #order-standard_cart .mvc-sum__sub { color: var(--c-muted); font-size: 13px; } #order-standard_cart .mvc-sum__val { display: grid; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--c-heading); font-weight: 600; } #order-standard_cart .mvc-sum__val .mvc-sum__sub { font-weight: 400; } #order-standard_cart .mvc-sum__totals { padding-top: 4px; } /* ------------------------------------------------------------------ */ /* Carrinho */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc-items { padding: 0; overflow: hidden; } #order-standard_cart .view-cart-items-header { margin: 0; padding: 12px 22px; border: 0; border-bottom: 1px solid var(--c-border); border-radius: 0; background: var(--c-bg-alt); color: var(--c-muted); font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; } #order-standard_cart .view-cart-items { margin: 0; border: 0; background: none; } #order-standard_cart .view-cart-items .item { padding: 18px 22px; border: 0; border-bottom: 1px solid var(--c-border); background: var(--c-surface); } #order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; } #order-standard_cart .view-cart-items .item-title { font-family: var(--f-heading); font-weight: 600; font-size: 17px; color: var(--c-heading); } #order-standard_cart .view-cart-items .item-group { color: var(--c-muted); font-size: 13px; } #order-standard_cart .view-cart-items .item-price span:first-child { font-weight: 600; color: var(--c-heading); } #order-standard_cart .view-cart-items .item-price .cycle { color: var(--c-muted); font-size: 13px; } #order-standard_cart .view-cart-items .btn-remove-from-cart, #order-standard_cart .view-cart-items .btn-link { color: var(--c-muted); } #order-standard_cart .view-cart-items .btn-remove-from-cart:hover { color: var(--c-heading); } #order-standard_cart .empty-cart { padding: 10px 22px; margin: 0; border-top: 1px solid var(--c-border); background: var(--c-bg-alt); text-align: right; } #order-standard_cart .empty-cart .btn { color: var(--c-muted); } #order-standard_cart .mvc-coupon .view-cart-tabs { margin: 0; } #order-standard_cart .mvc-coupon .tab-content { margin: 0; padding: 0; border: 0; background: none; } #order-standard_cart .mvc-coupon .tab-pane { display: block; } #order-standard_cart .mvc-coupon .promo .form-group { display: flex; gap: 8px; margin: 0; } #order-standard_cart .mvc-coupon .promo .form-group .field { flex: 1; min-width: 0; text-transform: uppercase; } #order-standard_cart .mvc-coupon .promo .btn-block { width: auto; flex: none; } #order-standard_cart .view-cart-promotion-code { padding: 12px 14px; border-radius: var(--mvc-radius-sm); background: var(--c-primary-soft); color: var(--c-heading); margin-bottom: 10px; } /* ------------------------------------------------------------------ */ /* Pedido concluído */ /* ------------------------------------------------------------------ */ #order-standard_cart .mv-complete { max-width: 640px; margin: 8px auto 24px; padding: 32px 24px; text-align: center; } #order-standard_cart .mv-complete .row { margin: 0; } #order-standard_cart .mv-complete .row > [class*="col-"] { float: none; width: 100%; margin: 0; padding: 0; } #order-standard_cart .order-confirmation { margin: 12px 0 0; background: var(--c-bg-alt); border: 1px solid var(--c-border); color: var(--c-heading); } #order-standard_cart .order-confirmation span { font-family: var(--f-mono); color: var(--c-primary); } .mv-next { text-align: left; margin: 20px 0 0; padding: 16px 20px; border-radius: calc(var(--radius) * .7); background: var(--c-bg-alt); border: 1px solid var(--c-border); } .mv-next h3 { margin: 0 0 10px; font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted); } .mv-next ol { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; color: var(--c-text); } #order-standard_cart .mv-complete-actions { justify-content: center; text-align: center; } #order-standard_cart .mv-complete-actions .btn-primary { margin-left: 0; } /* ------------------------------------------------------------------ */ /* Celular */ /* ------------------------------------------------------------------ */ @media (max-width: 560px) { .mv-steps--inline .mv-steps__list { gap: 4px; } .mv-steps--inline .mv-steps__item { padding: 8px 6px; justify-content: center; } .mv-steps--inline .mv-steps__item:not(.is-current) .mv-steps__label { display: none; } .mv-steps--inline .mv-steps__item.is-current { flex: 2; } #order-standard_cart .mvc-step { padding: 18px 16px; } #order-standard_cart .mvc__summary.mvc-card, #order-standard_cart .mvc__summary .mvc-card { padding: 18px 16px; } #order-standard_cart .mvc-actions { flex-direction: column-reverse; align-items: stretch; } #order-standard_cart .mvc-actions .btn { width: 100%; margin-left: 0; } #order-standard_cart .view-cart-items .item, #order-standard_cart .view-cart-items-header { padding-left: 16px; padding-right: 16px; } .mv-seals { justify-content: center; } } @media (prefers-reduced-motion: reduce) { #order-standard_cart *, #order-standard_cart *::before, #order-standard_cart *::after { transition: none !important; } } /* ================================================================== */ /* Etapa 1.1: fluxo 1 Contato → 2 Conta → 3 Pagamento */ /* ================================================================== */ /* Título do resumo (o standard_cart pinta o h2 de branco) */ #order-standard_cart .order-summary h2.mvc-summary__title, #order-standard_cart .mvc__summary h2.mvc-summary__title { color: var(--c-heading) !important; background: none !important; text-align: left; font-size: 18px; margin: 0 0 14px; padding: 0; } #order-standard_cart .order-summary .loader { position: absolute; inset: 0; display: grid; place-items: center; border-radius: var(--radius); } #order-standard_cart .mvc__summary .order-summary { position: relative; } /* Etapas: cabeçalho com resumo e "alterar" */ #order-standard_cart .mvc-step__head { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; } #order-standard_cart .mvc-step__head .mvc-step__title { margin: 0; flex: 1 1 auto; outline: none; } #order-standard_cart .mvc-step.is-active .mvc-step__head { margin-bottom: 18px; } #order-standard_cart .mvc-step__summary { order: 3; flex: 1 0 100%; margin: 2px 0 0 40px; color: var(--c-muted); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #order-standard_cart .mvc-step__summary:empty { display: none; } #order-standard_cart .mvc-link, #order-standard_cart .mvc-step__change { padding: 0; border: 0; background: none; color: var(--c-primary); font: 500 14px/1.4 var(--f-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } #order-standard_cart .mvc-step__change:hover { color: var(--c-heading); } #order-standard_cart .mvc-step.is-done .mvc-step__num { background: var(--c-success); } #order-standard_cart .mvc-step.is-locked { background: var(--c-bg-alt); box-shadow: none; } #order-standard_cart .mvc-step.is-locked .mvc-step__title { color: var(--c-muted); } #order-standard_cart .mvc-step.is-locked .mvc-step__num { background: var(--c-surface); color: var(--c-muted); box-shadow: inset 0 0 0 1px var(--c-border); } #order-standard_cart .mvc-step.is-active { border-color: rgba(var(--c-primary-rgb), .25); box-shadow: 0 0 0 3px rgba(var(--c-primary-rgb), .05), var(--mvc-shadow-sm); } #order-standard_cart .mvc-step__body { display: grid; gap: 0; } #order-standard_cart .mvc-step__body[hidden], #order-standard_cart .mvc-actions[hidden] { display: none !important; } #order-standard_cart .mv-steps--inline .mv-steps__item.is-done { cursor: pointer; } /* Google + "ou" */ #order-standard_cart .mvc-google .providerPreLinking, #order-standard_cart .mvc-google .social-signin-btns { display: flex; justify-content: center; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } #order-standard_cart .mvc-google .btn-social, #order-standard_cart .mvc-google .g_id_signin { margin: 0 auto; } /* O WHMCS põe o botão do Google numa div com .btn .btn-social: sem moldura própria (só a do botão do Google). */ #order-standard_cart .mvc-google .g_id_signin.btn, #order-standard_cart .mvc-google .btn-social.btn-google { display: inline-block; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; min-height: 0; height: auto; line-height: normal; transform: none; } #order-standard_cart .mvc-or { display: flex; align-items: center; gap: 12px; margin: 16px 0; color: var(--c-muted); font-size: 13px; } #order-standard_cart .mvc-or::before, #order-standard_cart .mvc-or::after { content: ""; flex: 1; height: 1px; background: var(--c-border); } /* Consentimento e termos */ #order-standard_cart .mvc-check { margin: 4px 0 0; } #order-standard_cart .mvc-check__label span { color: var(--c-text); } #order-standard_cart .mvc-consent span { color: var(--c-muted); font-size: 14px; } /* Grade do cadastro (6 colunas) */ #order-standard_cart .mvc-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 var(--mvc-gap); } #order-standard_cart .mvc-grid > * { grid-column: span 6; min-width: 0; } @media (min-width: 640px) { #order-standard_cart .mvc-grid > .mvc-col-half { grid-column: span 3; } #order-standard_cart .mvc-grid > .mvc-col-third { grid-column: span 2; } #order-standard_cart .mvc-grid > .mvc-col-twothirds { grid-column: span 4; } #order-standard_cart .mvc-grid > .mvc-cep { grid-column: 1 / span 3; } /* CEP abre a linha; o número fica ao lado */ } #order-standard_cart .mvc-grid .form-group { margin-bottom: var(--mvc-gap); } #order-standard_cart #containerNewUserSignup .row, #order-standard_cart #containerNewUserSecurity .row { margin-left: 0; margin-right: 0; } /* Campos: erro, dica */ #order-standard_cart .mvc-hint { margin: 6px 0 0; font-size: 13px; color: var(--c-muted); } /* Erro: cor semântica do Bootstrap 4 (--danger), o site não define uma. */ #order-standard_cart .mvc-error { margin: 6px 0 0; font-size: 13.5px; color: var(--danger); } #order-standard_cart .is-invalid .form-control, #order-standard_cart .is-invalid .field, #order-standard_cart .is-invalid .mvc-stepper { border-color: var(--danger); } #order-standard_cart .mvc-signing-in { margin: 0 0 12px; color: var(--c-muted); } #order-standard_cart .mvc-signing-in strong { color: var(--c-heading); } #order-standard_cart .mvc-help { display: inline-block; margin-top: 8px; font-size: 14px; } #order-standard_cart #containerExistingUserSignin .mvc-actions { justify-content: flex-end; } #order-standard_cart .field-error-msg { font-size: 13px; } /* Senha: mostrar / gerar */ #order-standard_cart .mvc-pw { display: flex; gap: 8px; } #order-standard_cart .mvc-pw .form-control, #order-standard_cart .mvc-pw .field { flex: 1; min-width: 0; } #order-standard_cart .mvc-pw__btn { flex: none; min-height: 46px; padding: 0 14px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); color: var(--c-heading); font: 500 14px/1 var(--f-body); cursor: pointer; } #order-standard_cart .mvc-pw__btn:hover { border-color: var(--c-primary); color: var(--c-primary); } /* Telefone (intl-tel-input do WHMCS): a largura do DDI é medida no JS */ #order-standard_cart .intl-tel-input, #order-standard_cart .iti { display: block; width: 100%; } #order-standard_cart .intl-tel-input .selected-flag, #order-standard_cart .iti__selected-flag { background: transparent !important; border-radius: var(--mvc-radius-sm) 0 0 var(--mvc-radius-sm); } #order-standard_cart .intl-tel-input .country-list, #order-standard_cart .iti__country-list { border: 1px solid var(--c-border); border-radius: 12px; box-shadow: 0 2px 4px rgba(var(--c-dark-rgb), .04), 0 24px 60px -20px rgba(var(--c-dark-rgb), .18); } /* Quantidade [−] n [+] */ #order-standard_cart .mvc-stepper { display: inline-flex; align-items: center; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); overflow: hidden; } #order-standard_cart .mvc-stepper__btn { width: 46px; height: 46px; border: 0; background: var(--c-surface); color: var(--c-heading); font: 500 20px/1 var(--f-body); cursor: pointer; } #order-standard_cart .mvc-stepper__btn:hover:not(:disabled) { background: var(--c-primary-soft); color: var(--c-primary); } #order-standard_cart .mvc-stepper__btn:disabled { color: var(--c-border); cursor: default; } #order-standard_cart .mvc-stepper__value { min-width: 56px; text-align: center; font: 600 16px/46px var(--f-body); color: var(--c-heading); border-left: 1px solid var(--c-border); border-right: 1px solid var(--c-border); } #order-standard_cart .irs-hidden-input { display: none; } /* Gateways: rádio do iCheck no estilo do site */ #order-standard_cart #paymentGatewaysContainer .radio-inline { min-height: 64px; } #order-standard_cart #paymentGatewaysContainer .radio-inline img { max-height: 30px; width: auto; } #order-standard_cart [class^="iradio_"], #order-standard_cart [class*=" iradio_"] { flex: none; width: 18px !important; height: 18px !important; margin: 0 !important; border-radius: 50%; background: var(--c-surface) !important; border: 1.5px solid var(--c-border); position: relative; } #order-standard_cart [class*="iradio_"].checked { border-color: var(--c-primary); background: var(--c-primary) !important; box-shadow: inset 0 0 0 4px var(--c-surface); } #order-standard_cart [class^="icheckbox_"], #order-standard_cart [class*=" icheckbox_"] { flex: none; width: 18px !important; height: 18px !important; border-radius: 5px; background: var(--c-surface) !important; border: 1.5px solid var(--c-border); position: relative; } #order-standard_cart [class*="icheckbox_"].checked { background: var(--c-primary) !important; border-color: var(--c-primary); } #order-standard_cart [class*="icheckbox_"].checked::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid var(--c-surface); border-width: 0 2px 2px 0; transform: rotate(45deg); } #order-standard_cart .apply-credit-container { padding: 14px 16px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-bg-alt); margin: 0 0 12px; } /* Bloco do cartão: sem fundo cinza, com rótulos */ #order-standard_cart .cc-input-container, #order-standard_cart .mvc-cc { margin: 14px 0 6px; padding: 18px 18px 4px; background: var(--c-surface) !important; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); } #order-standard_cart .mvc-cc .mvc-cc__choices { list-style: none; margin: 0 0 12px; padding: 0; } #order-standard_cart .mvc-cc .mvc-cc__choices label { display: flex; align-items: center; gap: 10px; font-weight: 500; color: var(--c-heading); } #order-standard_cart .mvc-cc .row { margin-left: -8px; margin-right: -8px; } #order-standard_cart .mvc-cc .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; } #order-standard_cart .mvc-cc .input-group { flex-wrap: nowrap; } #order-standard_cart .mvc-cc .input-group-append .btn, #order-standard_cart .mvc-cc .input-group-btn .btn { min-height: 46px; border-radius: 0 var(--mvc-radius-sm) var(--mvc-radius-sm) 0; box-shadow: none; transform: none; } #order-standard_cart .mvc-cc .input-group .field { border-top-right-radius: 0; border-bottom-right-radius: 0; } #order-standard_cart .mvc-cc #inputNoStoreContainer { display: flex; align-items: center; gap: 8px; line-height: 1.4 !important; } #order-standard_cart .mvc-cc .bootstrap-switch { border-color: var(--c-border); border-radius: 99px; } #order-standard_cart .mvc-cc .bootstrap-switch .bootstrap-switch-handle-on { background: var(--c-primary); color: var(--mvc-on-primary); } #order-standard_cart .mvc-cc .bootstrap-switch .bootstrap-switch-handle-off { background: var(--c-bg-alt); color: var(--c-muted); } /* Finalizar */ #order-standard_cart .mvc-actions--finish { display: block; text-align: left; margin-top: 16px; } #order-standard_cart .mvc-actions--finish #btnCompleteOrder { display: flex; width: 100%; margin: 12px 0 0; min-height: 56px; font-size: 16.5px; } #order-standard_cart .mvc-step--payment .mv-seals { justify-content: center; } #order-standard_cart .mvc-step .text-center { text-align: left; } #order-standard_cart .mvc-has-stepper .irs { display: none !important; } #order-standard_cart .mvc-cc #newCardSaveSettings, #order-standard_cart .mvc-cc #inputDescriptionContainer { text-align: left; } #order-standard_cart .mvc-cc #inputDescriptionContainer { padding-left: 8px; } #order-standard_cart #frmCheckout, #order-standard_cart .mvc-step, #order-standard_cart .mvc-step__head > * { min-width: 0; max-width: 100%; } #order-standard_cart .mvc-step__summary { max-width: calc(100% - 40px); } @media (max-width: 560px) { #order-standard_cart .mvc-step__summary { white-space: normal; overflow-wrap: anywhere; } } #order-standard_cart .mvc-cc #newCardSaveSettings .row { justify-content: flex-start; margin-left: 0; } #order-standard_cart .mvc-cc #inputDescriptionContainer { padding-left: 0; } /* Cupom discreto no resumo */ #order-standard_cart .mvc-coupon-inline { margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed var(--c-border); } #order-standard_cart .mvc-coupon-inline__toggle { font-size: 14px; } #order-standard_cart .mvc-coupon-inline__row { display: flex; gap: 8px; margin-top: 10px; } #order-standard_cart .mvc-coupon-inline__row[hidden], #order-standard_cart .mvc-coupon-inline .mvc-error[hidden] { display: none !important; } #order-standard_cart .mvc-coupon-inline__row .field { flex: 1; min-width: 0; text-transform: uppercase; } #order-standard_cart .mvc-coupon-inline__row .btn { flex: none; min-height: 46px; } #order-standard_cart .mvc-coupon-inline__applied { margin: 0; font-size: 14px; color: var(--c-success); } #order-standard_cart .mvc-coupon-inline__applied span { color: var(--c-heading); font-weight: 500; } /* Resumo enxuto */ #order-standard_cart .mvc-sum { display: grid; gap: 10px; } #order-standard_cart .mvc-sum__plan { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; } #order-standard_cart .mvc-sum__plan .mvc-sum__name { color: var(--c-heading); font-weight: 600; font-size: 16px; min-width: 0; } #order-standard_cart .mvc-sum__price { color: var(--c-heading); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; } #order-standard_cart .mvc-sum__opts { list-style: none; margin: -4px 0 0; padding: 0; display: grid; gap: 2px; color: var(--c-muted); font-size: 13.5px; } #order-standard_cart .mvc-sum__row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--c-text); } #order-standard_cart .mvc-sum__row.is-discount { color: var(--c-success); } #order-standard_cart .mvc-sum__total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--c-border); } #order-standard_cart .mvc-sum__total-label { display: inline-flex; align-items: center; gap: 6px; color: var(--c-muted); font-size: 14px; } #order-standard_cart .mvc-sum__total-value { font-family: var(--f-heading); font-weight: 600; font-size: 24px; letter-spacing: -.02em; color: var(--c-heading); white-space: nowrap; } #order-standard_cart .mvc-info { display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--c-border); color: var(--c-muted); font: 600 10px/1 var(--f-body); cursor: help; } #order-standard_cart .mvc-info:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart #producttotal.mv-hide { display: none !important; } /* Contato (configuração) */ #order-standard_cart .mvc-google__btn { display: flex; justify-content: center; min-height: 44px; } #order-standard_cart .mvc-google .providerLinkingFeedback:empty { display: none; } #order-standard_cart .mvc-step--contact .intl-tel-input, #order-standard_cart .mvc-step--contact .iti { display: block; width: 100%; } #order-standard_cart .mvc-contact-fields { margin-bottom: 4px; } /* Recursos do plano (chips) — js/specs.js */ .mv-specs { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 10px 0 4px; padding: 0; } .mv-spec { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 99px; background: var(--c-bg-alt); border: 1px solid var(--c-border); color: var(--c-heading); font-size: 13.5px; font-weight: 500; line-height: 1.2; } .mv-spec__icon { color: var(--c-primary); flex: none; } .mv-spec__flag { width: 18px; height: 12px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(var(--c-dark-rgb), .08); flex: none; } .mv-specs--compact { display: block; margin: 2px 0 0; color: var(--c-muted); font-size: 12.5px; } .mv-specs--compact .mv-spec { display: inline; padding: 0; border: 0; background: none; color: inherit; font-weight: 400; font-size: inherit; } .mv-specs__rest { margin: 6px 0 0; color: var(--c-muted); font-size: 13px; } #order-standard_cart .product-info p img, #order-standard_cart .product-desc img { display: none; } #order-standard_cart .product-desc .mv-specs-box { margin-bottom: 8px; } /* Resumo do carrinho: blocos por item */ #order-standard_cart .mvc-item { display: grid; gap: 4px; padding: 0 0 12px; border-bottom: 1px solid var(--c-border); } #order-standard_cart .mvc-item + .mvc-item { padding-top: 12px; } #order-standard_cart .mvc-item.is-current { margin: 0 -10px; padding: 10px; border: 1px solid rgba(var(--c-primary-rgb), .25); border-radius: var(--mvc-radius-sm); background: var(--c-primary-soft); } #order-standard_cart .mvc-item.is-current + .mvc-item { padding-top: 12px; } #order-standard_cart .mvc-item__head { display: flex; align-items: baseline; flex-wrap: nowrap; gap: 4px 8px; } #order-standard_cart .mvc-item__name { color: var(--c-heading); font-weight: 600; font-size: 15.5px; flex: 1 1 auto; min-width: 0; } #order-standard_cart .mvc-item__tag { order: 3; flex-basis: 100%; font: 500 10.5px/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--c-primary); } #order-standard_cart .mvc-item__price { color: var(--c-heading); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; } #order-standard_cart .mvc-item__actions { display: flex; align-items: center; gap: 12px; margin-top: 2px; font-size: 13px; } #order-standard_cart .mvc-item__actions[hidden], #order-standard_cart .mvc-item__confirm[hidden] { display: none !important; } #order-standard_cart .mvc-item__actions .mvc-link { font-size: 13px; } #order-standard_cart .mvc-item__remove { margin-left: auto; display: inline-grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 8px; background: none; color: var(--c-muted); cursor: pointer; } #order-standard_cart .mvc-item__remove:hover { color: var(--danger); background: var(--c-bg-alt); } #order-standard_cart .mvc-item__confirm { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 4px; font-size: 13.5px; color: var(--c-heading); } #order-standard_cart .mvc-item__confirm .mvc-item__yes { color: var(--danger); } #order-standard_cart .mvc-sum { gap: 12px; } #order-standard_cart .mvc-sum-count { margin-left: 8px; font: 500 12px/1 var(--f-mono); letter-spacing: .04em; color: var(--c-muted); } #order-standard_cart .mvc-empty { display: grid; justify-items: center; gap: 14px; padding: 24px 8px; text-align: center; } #order-standard_cart .mvc-empty__title { margin: 0; font-family: var(--f-heading); font-size: 20px; color: var(--c-heading); } #order-standard_cart .mvc-empty-card { max-width: 560px; margin: 24px auto; } #order-standard_cart .mvc-empty__login { margin: 0; color: var(--c-muted); font-size: 14px; } #order-standard_cart .mvc-empty__login a { font-weight: 600; } /* Barra recolhível do resumo (celular) */ #order-standard_cart .mvc-sum-bar { display: none; } @media (max-width: 919px) { #order-standard_cart .mvc__layout > .mvc__summary, #order-standard_cart .mvc__layout > #scrollingPanelContainer { order: -1; } #order-standard_cart .mvc-cartsum { padding: 0 !important; overflow: hidden; } #order-standard_cart .mvc-sum-bar { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 16px; border: 0; background: var(--c-surface); color: var(--c-heading); font: 500 15px/1.3 var(--f-body); text-align: left; cursor: pointer; } #order-standard_cart .mvc-sum-bar__label { flex: 1; } #order-standard_cart .mvc-sum-bar__total { font-weight: 600; font-variant-numeric: tabular-nums; } #order-standard_cart .mvc-sum-bar__chev { color: var(--c-muted); transition: transform .2s; } #order-standard_cart .mvc-cartsum:not(.is-collapsed) .mvc-sum-bar__chev { transform: rotate(180deg); } #order-standard_cart .mvc-cartsum > :not(.mvc-sum-bar) { padding-left: 16px; padding-right: 16px; } #order-standard_cart .mvc-cartsum > :last-child { padding-bottom: 16px; } #order-standard_cart .mvc-cartsum.is-collapsed .mvc-sum, #order-standard_cart .mvc-cartsum.is-collapsed .mvc-coupon-inline, #order-standard_cart .mvc-cartsum.is-collapsed .mvc-summary__title { display: none !important; } #order-standard_cart #scrollingPanelContainer .mvc-summary__actions { display: none !important; } #order-standard_cart .mvc-step .mvc-actions .mvc-plan-cta { display: flex !important; } #order-standard_cart .mvc-cartsum .mvc-summary__title { display: none; } #order-standard_cart .mvc-cartsum #orderSummary { padding: 0 16px 16px; } #order-standard_cart .mvc-cartsum.is-collapsed #orderSummary { padding: 0; } } #order-standard_cart .mvc-plan-cta { display: none !important; margin-top: 18px; } /* ================================================================== */ /* Seu plano: largura total, ciclos, sistemas, quantidade */ /* ================================================================== */ #order-standard_cart .mvc-step--plan .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; width: 100%; float: none; } #order-standard_cart .mvc-step--plan .form-control, #order-standard_cart .mvc-step--plan select { width: 100%; max-width: none; } #order-standard_cart .mvc-subtitle { margin: 26px 0 14px; } #order-standard_cart .mvc-subtitle__text { margin: 0; font-family: var(--f-heading); font-weight: var(--fw-heading); letter-spacing: var(--ls-heading); font-size: 18px; color: var(--c-heading); text-transform: none; } /* Ciclos: 2 colunas (1 no celular); cartões compactos de 2 linhas */ #order-standard_cart .mvc-cycles { grid-template-columns: 1fr; } @media (min-width: 640px) { #order-standard_cart .mvc-cycles { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Cartão de ciclo compacto (2 linhas): ◉ nome [−X%] ……… preço / equivalente mensal (com desconto: verde + preço cheio riscado) */ #order-standard_cart .mvc-cycle { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "dot title price" "dot sub sub"; align-content: center; align-items: center; gap: 2px 10px; padding: 12px 14px; min-height: 64px; } #order-standard_cart .mvc-cycle .mvc-choice__dot { grid-area: dot; align-self: center; } #order-standard_cart .mvc-cycle .mvc-choice__main { display: contents; } #order-standard_cart .mvc-cycle .mvc-choice__title { grid-area: title; display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 15px; white-space: nowrap; } #order-standard_cart .mvc-cycle .mvc-choice__price { grid-area: price; font-size: 16px; } #order-standard_cart .mvc-cycle .mvc-choice__sub { grid-area: sub; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: 12.5px; } #order-standard_cart .mvc-cycle .mvc-choice__was { color: var(--c-muted); font-size: 12px; } #order-standard_cart .mvc-cycle.has-save .mvc-choice__per { color: color-mix(in srgb, var(--c-success) 75%, var(--c-dark)); font-weight: 600; } #order-standard_cart .mvc-save { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 99px; background: color-mix(in srgb, var(--c-success) 14%, var(--c-surface)); color: color-mix(in srgb, var(--c-success) 75%, var(--c-dark)); font: 600 11.5px/1 var(--f-body); white-space: nowrap; } /* Abas segmentadas */ #order-standard_cart .mvc-segmented { display: inline-flex; gap: 4px; padding: 4px; margin: 4px 0 14px; border-radius: 12px; background: var(--c-bg-alt); border: 1px solid var(--c-border); max-width: 100%; } #order-standard_cart .mvc-segmented__btn { border: 0; background: transparent; padding: 8px 16px; border-radius: 9px; color: var(--c-muted); font: 500 14.5px/1.2 var(--f-body); cursor: pointer; white-space: nowrap; } #order-standard_cart .mvc-segmented__btn.is-active { background: var(--c-surface); color: var(--c-heading); box-shadow: var(--mvc-shadow-sm); } #order-standard_cart .mvc-segmented__btn:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } /* Sistemas e aplicativos */ #order-standard_cart .mvc-os__panel { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); } #order-standard_cart .mvc-os__panel[hidden] { display: none !important; } @media (min-width: 900px) { #order-standard_cart .mvc-os__panel { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px) { #order-standard_cart .mvc-os__panel { grid-template-columns: repeat(4, minmax(0, 1fr)); } } #order-standard_cart .mvc-os-card { display: grid; align-content: start; gap: 10px; padding: 14px; text-align: left; min-width: 0; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); color: var(--c-text); font: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s, background .15s; } #order-standard_cart .mvc-os-card:hover { border-color: rgba(var(--c-primary-rgb), .3); } #order-standard_cart .mvc-os-card.is-selected { border-color: var(--c-primary); background: var(--c-primary-soft); box-shadow: 0 0 0 3px rgba(var(--c-primary-rgb), .1); } #order-standard_cart .mvc-os-card:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart .mvc-os-card__head { display: flex; align-items: center; gap: 10px; min-width: 0; } #order-standard_cart .mvc-os__logo { flex: none; color: var(--c-text); transition: color .15s; } #order-standard_cart .mvc-os-card__names { display: grid; min-width: 0; } #order-standard_cart .mvc-os-card__name { font-weight: 600; color: var(--c-heading); font-size: 14.5px; line-height: 1.25; overflow-wrap: anywhere; } #order-standard_cart .mvc-os-card__base { color: var(--c-muted); font-size: 12.5px; } #order-standard_cart .mvc-os-card__kicker { color: var(--c-muted); font-size: 13px; line-height: 1.3; } #order-standard_cart .mvc-os-card__year { font-family: var(--f-heading); font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; color: var(--c-heading); } #order-standard_cart .mvc-os-card--win { gap: 8px; } #order-standard_cart .mvc-os-card--win .mvc-os-card__versions { margin-top: 4px; } #order-standard_cart .mvc-os-card__versions { display: flex; flex-wrap: wrap; gap: 6px; } #order-standard_cart .mvc-os-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 99px; border: 1px solid var(--c-border); background: var(--c-surface); color: var(--c-heading); font: 500 13px/1.2 var(--f-body); cursor: pointer; max-width: 100%; flex-wrap: wrap; text-align: left; } #order-standard_cart .mvc-os-pill:hover { border-color: var(--c-primary); } #order-standard_cart .mvc-os-pill.is-checked { background: var(--c-primary); border-color: var(--c-primary); color: var(--mvc-on-primary); } #order-standard_cart .mvc-os-pill:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart .mvc-os__extra { color: var(--c-muted); font-size: 12px; font-weight: 500; } #order-standard_cart .mvc-os-pill.is-checked .mvc-os__extra { color: inherit; opacity: .85; } /* Quantidade: linha inteira */ #order-standard_cart .mvc-qty-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); } #order-standard_cart .mvc-qty-row__info { display: grid; gap: 2px; min-width: 0; } #order-standard_cart .mvc-qty-row__info label { margin: 0; } #order-standard_cart .mvc-qty-row__unit { color: var(--c-muted); font-size: 13px; } #order-standard_cart .mvc-qty-row .mvc-stepper { flex: none; } /* Resumo: lixeira na linha do nome */ #order-standard_cart .mvc-item__head .mvc-item__remove { margin-left: 2px; width: 28px; height: 28px; align-self: center; } /* Botão ocupado: spinner no lugar do texto */ #order-standard_cart .btn.is-busy { position: relative; color: transparent !important; pointer-events: none; } #order-standard_cart .btn.is-busy::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 2px solid var(--mvc-on-primary); border-right-color: transparent; border-radius: 50%; animation: mvc-spin .7s linear infinite; } #order-standard_cart .btn-default.is-busy::after { border-color: var(--c-text); border-right-color: transparent; } @keyframes mvc-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { #order-standard_cart .btn.is-busy::after { animation-duration: 2s; } } /* Conta: e-mail com conta */ #order-standard_cart .mvc-account-note { margin: 0 0 12px; padding: 10px 14px; border-radius: var(--mvc-radius-sm); background: var(--c-primary-soft); color: var(--c-heading); font-size: 14.5px; } #order-standard_cart .mvc-account-hint { margin: 0 0 12px; padding: 10px 14px; border-radius: var(--mvc-radius-sm); background: var(--c-primary-soft); color: var(--c-heading); font-size: 14.5px; } #order-standard_cart .mvc-account-hint .mvc-link { font-weight: 600; } #order-standard_cart .is-readonly input[readonly] { background: var(--c-bg-alt); color: var(--c-text); cursor: default; } #order-standard_cart .is-readonly .mvc-help { margin-top: 6px; } #order-standard_cart button.mvc-help { padding: 0; border: 0; background: none; } /* Modal (Redefinir senha) */ body.mvc-modal-open { overflow: hidden; } #order-standard_cart .mvc-modal { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(var(--c-dark-rgb), .55); } #order-standard_cart .mvc-modal__dialog { position: relative; width: 100%; max-width: 440px; max-height: calc(100vh - 32px); overflow: auto; padding: 24px; border-radius: var(--radius); background: var(--c-surface); box-shadow: 0 24px 48px -12px rgba(var(--c-dark-rgb), .35); color: var(--c-text); } #order-standard_cart .mvc-modal__title { margin: 0 32px 16px 0; font-family: var(--f-heading); font-size: 20px; font-weight: 600; color: var(--c-heading); outline: 0; } #order-standard_cart .mvc-modal__close { position: absolute; top: 14px; right: 14px; display: inline-flex; padding: 6px; border: 0; border-radius: 8px; background: transparent; color: var(--c-muted); cursor: pointer; } #order-standard_cart .mvc-modal__close:hover { background: var(--c-bg-alt); color: var(--c-heading); } #order-standard_cart .mvc-modal__close:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart .mvc-modal__msg:not(:empty) { margin: -4px 0 14px; color: var(--danger); font-size: 14px; } #order-standard_cart .mvc-modal__text { margin: 0 0 10px; color: var(--c-heading); } #order-standard_cart .mvc-modal__text strong { overflow-wrap: anywhere; } #order-standard_cart .mvc-modal__hint { margin: 0 0 18px; color: var(--c-muted); font-size: 14px; } #order-standard_cart .mvc-modal__actions { display: flex; flex-wrap: wrap; gap: 10px; } #order-standard_cart .mvc-modal__actions .btn-lg { padding-left: 22px; padding-right: 22px; } @media (max-width: 480px) { #order-standard_cart .mvc-modal { align-items: flex-end; padding: 0; } #order-standard_cart .mvc-modal__dialog { max-width: none; border-radius: var(--radius) var(--radius) 0 0; padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); } #order-standard_cart .mvc-modal__actions .btn { flex: 1 1 100%; } } /* Pedido recuperado */ #order-standard_cart .mvc-notice { margin: 0 0 16px; padding: 12px 16px; border-radius: var(--mvc-radius-sm); background: var(--c-primary-soft); color: var(--c-heading); font-size: 14.5px; } #order-standard_cart .mvc-restoring { display: inline-flex; align-items: center; gap: 10px; } #order-standard_cart .mvc-restoring::before { content: ""; width: 18px; height: 18px; border: 2px solid var(--c-primary); border-right-color: transparent; border-radius: 50%; animation: mvc-spin .7s linear infinite; } /* Endereço (Brasil): CEP e número em destaque, resumo do endereço */ #order-standard_cart .mvc-cep input { height: 52px; font-size: 18px; letter-spacing: .04em; font-variant-numeric: tabular-nums; } #order-standard_cart .mvc-cep-number input { height: 52px; font-size: 18px; } #order-standard_cart .mvc-addr { margin: -4px 0 0; } #order-standard_cart .mvc-addr__summary { margin: 0 0 16px; padding: 10px 14px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-bg-alt); color: var(--c-heading); font-size: 14.5px; overflow-wrap: anywhere; } #order-standard_cart .mvc-addr__fix { margin-left: 4px; font-size: 13.5px; } #order-standard_cart .mvc-addr__msg { margin: 0 0 14px; color: var(--c-heading); font-size: 14px; } #order-standard_cart .mvc-addr.is-loading::before { content: ""; display: block; width: 18px; height: 18px; margin: 0 0 14px; border: 2px solid var(--c-primary); border-right-color: transparent; border-radius: 50%; animation: mvc-spin .7s linear infinite; } /* Etapas do checkout dentro do mesmo
: espaço entre os cartões */ #order-standard_cart #frmCheckout > .mvc-step + .mvc-step { margin-top: 20px; } /* Formas de pagamento em uma linha (3 colunas no celular) */ #order-standard_cart #paymentGatewaysContainer .text-center.mvc-pays { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } @media (min-width: 640px) { #order-standard_cart #paymentGatewaysContainer .text-center.mvc-pays { grid-template-columns: repeat(var(--mvc-pay-n, 6), minmax(0, 1fr)); } } #order-standard_cart #paymentGatewaysContainer .radio-inline.mvc-pay { flex-direction: column; justify-content: center; gap: 6px; min-height: 76px; padding: 12px 6px; text-align: center; color: var(--c-heading); } #order-standard_cart #paymentGatewaysContainer .mvc-pay [class*="iradio_"] { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; margin: 0; border: 0; border-radius: inherit; background: none !important; box-shadow: none; opacity: 0; } #order-standard_cart .mvc-pay__icon { display: grid; place-items: center; color: var(--c-heading); transition: color .15s; } #order-standard_cart .mvc-pay__label { font: 500 13px/1.2 var(--f-body); color: var(--c-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } #order-standard_cart .mvc-pay.is-checked .mvc-pay__icon, #order-standard_cart .mvc-pay.is-checked .mvc-pay__label { color: var(--c-primary); } #order-standard_cart .mvc-pay:has(input:focus-visible) { outline: 2px solid var(--c-primary); outline-offset: 2px; } #order-standard_cart #paymentGatewaysContainer .mvc-pay img { max-height: 24px; } /* Cartão (Stripe Elements): largura total, número | validade | CVV numa linha */ #order-standard_cart .mvc-cc { padding: 18px; } #order-standard_cart .mvc-cc #stripeElements { margin: 0; } #order-standard_cart .mvc-cc #stripeElements > .row { margin: 0 0 14px; } #order-standard_cart .mvc-cc #stripeElements > .row:has(#paymentRequestButton:empty) { display: none; } #order-standard_cart .mvc-cc #stripeElements > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; margin-left: 0; padding: 0; } #order-standard_cart .mvc-cc .stripe-cards-inputs { flex: none; max-width: 100%; width: 100%; margin-left: 0 !important; padding: 0; } #order-standard_cart .mvc-cc .stripe-cards-inputs > .row { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; margin: 0; } #order-standard_cart .mvc-cc .stripe-cards-inputs > .row > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; min-width: 0; } #order-standard_cart .mvc-cc .stripe-cards-inputs label { display: block; margin: 0 0 6px; font: 500 14px/1.3 var(--f-body); color: var(--c-heading); } #order-standard_cart .mvc-cc .StripeElement.form-control { height: 48px; padding: 14px 16px; border: 1px solid var(--c-border); border-radius: var(--mvc-radius-sm); background: var(--c-surface); box-shadow: none; transition: border-color .15s, box-shadow .15s; } #order-standard_cart .mvc-cc .StripeElement--focus { border-color: var(--c-primary); box-shadow: var(--mv-field-focus, inset 0 0 0 3px rgba(var(--c-primary-rgb), .06)); } #order-standard_cart .mvc-cc .StripeElement--invalid { border-color: var(--danger); } #order-standard_cart .mvc-cc #newCardSaveSettings { margin-top: 14px; } #order-standard_cart .mvc-cc #newCardSaveSettings .row { display: block; margin: 0; } #order-standard_cart .mvc-cc #inputDescriptionContainer { flex: none; max-width: 100%; width: 100%; margin-left: 0 !important; padding: 0; } #order-standard_cart .mvc-cc #inputDescriptionContainer .mvc-field { margin: 0; } #order-standard_cart .mvc-cc .mvc-cc__secure { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0 0; padding: 12px 14px; border-radius: var(--mvc-radius-sm); background: var(--c-bg-alt); color: var(--c-text); font-size: 13.5px; line-height: 1.45; } #order-standard_cart .mvc-cc .mvc-cc__secure svg { flex: none; margin-top: 1px; color: var(--c-success); } @media (max-width: 639px) { #order-standard_cart .mvc-cc { padding: 14px; } #order-standard_cart .mvc-cc .stripe-cards-inputs > .row { grid-template-columns: 1fr 1fr; } #order-standard_cart .mvc-cc .stripe-cards-inputs > .row > [class*="col-"]:first-child { grid-column: 1 / -1; } } /* Variantes do checkout (addon minivps_checkout): só aparecem quando a variante liga. */ #order-standard_cart .mvc-proof { margin: 0 0 12px; padding: 8px 10px; border-radius: var(--mvc-radius-sm, 8px); background: var(--c-bg-alt); color: var(--c-muted); font-size: 12.5px; line-height: 1.5; text-align: center; } #order-standard_cart .mvc-guarantee { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: var(--c-success); font-size: 13px; font-weight: 500; } #order-standard_cart .mvc-guarantee::before { content: ""; flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--c-success); -webkit-mask: radial-gradient(circle, transparent 0 3px, #000 3.5px); mask: radial-gradient(circle, transparent 0 3px, #000 3.5px); } #order-standard_cart .mvc-activation { margin: 10px 0 0; color: var(--c-muted); font-size: 13px; text-align: center; } #order-standard_cart .mvc-best { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--c-primary); color: var(--c-surface); font-size: 11px; font-weight: 600; vertical-align: 1px; } #order-standard_cart .mvc-pay.is-highlight { border-color: var(--c-primary); box-shadow: 0 0 0 1px var(--c-primary); } #order-standard_cart .mvc-terms-implicit { color: var(--c-muted); font-size: 13px; } /* ------------------------------------------------------------------ */ /* Opção A (28/10/2026): cabeçalho compacto com as etapas na mesma */ /* linha, etapas sem caixas e contato em duas colunas. Só CSS: o JS */ /* do checkout continua igual. */ /* ------------------------------------------------------------------ */ #order-standard_cart .mvc__title, #order-standard_cart .header-lined h1 { font-size: 24px; line-height: 1.2; margin: 0 0 4px; letter-spacing: -0.01em; } #order-standard_cart .mvc__lead { font-size: 14px; } /* Título à esquerda e etapas à direita, quando cabem lado a lado. */ @media (min-width: 920px) { #order-standard_cart .cart-body:has(> .mvc__head + .mv-steps--inline) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: center; } #order-standard_cart .cart-body:has(> .mvc__head + .mv-steps--inline) > * { grid-column: 1 / -1; } #order-standard_cart .cart-body:has(> .mvc__head + .mv-steps--inline) > .mvc__head { grid-column: 1; margin: 0 0 24px; } #order-standard_cart .cart-body:has(> .mvc__head + .mv-steps--inline) > .mv-steps--inline { grid-column: 2; margin: 0 0 24px; } } /* Etapas compactas: número + nome, ligados por um traço. */ .mv-steps--inline .mv-steps__list { gap: 10px; align-items: center; justify-content: flex-start; } .mv-steps--inline .mv-steps__item { flex: none; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none !important; gap: 8px; font-size: 13px; color: var(--c-muted); } .mv-steps--inline .mv-steps__item + .mv-steps__item::before { display: block; content: ""; width: 24px; height: 1px; margin-right: 2px; background: var(--c-border); } .mv-steps--inline .mv-steps__item.is-current { color: var(--c-primary); font-weight: 600; } .mv-steps--inline .mv-steps__item.is-done { color: var(--c-heading); } .mv-steps--inline .mv-steps__num { width: 24px; height: 24px; } @media (max-width: 560px) { .mv-steps--inline .mv-steps__list { gap: 6px; } .mv-steps--inline .mv-steps__item { flex: none; padding: 0; } .mv-steps--inline .mv-steps__item.is-current { flex: none; } .mv-steps--inline .mv-steps__item + .mv-steps__item::before { width: 14px; } } /* Contato: e-mail e WhatsApp lado a lado (quando há os dois campos). */ @media (min-width: 700px) { #order-standard_cart .mvc-step--contact .mvc-step__body:has(> .mvc-field + .mvc-field) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; } #order-standard_cart .mvc-step--contact .mvc-step__body:has(> .mvc-field + .mvc-field) > * { grid-column: 1 / -1; } #order-standard_cart .mvc-step--contact .mvc-step__body:has(> .mvc-field + .mvc-field) > .mvc-field { grid-column: auto; } } /* Garantias abaixo do resumo. */ #order-standard_cart .mvc-trust { list-style: none; margin: 16px 4px 0; padding: 0; display: grid; gap: 10px; color: var(--c-muted); font-size: 13.5px; line-height: 1.4; } #order-standard_cart .mvc-trust li { display: flex; align-items: flex-start; gap: 8px; } #order-standard_cart .mvc-trust li::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 1px; background: var(--c-success); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat; } #order-standard_cart .mvc-card > .mvc-trust { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--c-border); } @media (max-width: 919px) { #order-standard_cart .mvc-trust { display: none; } } /* no celular o resumo fica recolhido no topo */ /* Celular: menos texto quebrando em várias linhas. */ @media (max-width: 560px) { #order-standard_cart .mvc__lead { display: none; } #order-standard_cart .mvc__head { margin-bottom: 12px; } #order-standard_cart .mvc-consent span { font-size: 13px; line-height: 1.45; } } /* Opção A, segunda passada (igual ao wireframe aprovado) */ /* Cartão aberto sem o círculo numerado; frase de apoio abaixo do título. */ #order-standard_cart .mvc-step.is-active .mvc-step__num { display: none; } #order-standard_cart .mvc-step__lead { display: none; margin: -12px 0 18px; color: var(--c-muted); font-size: 14px; line-height: 1.45; } #order-standard_cart .mvc-step.is-active > .mvc-step__lead { display: block; } /* Rodapé do cartão: divisória, "Próximo: …" à esquerda, Continuar à direita. */ #order-standard_cart .mvc-step > .mvc-actions:not([hidden]) { justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--c-border); } #order-standard_cart .mvc-actions__next { margin-right: auto; color: var(--c-muted); font-size: 13.5px; text-align: left; } @media (max-width: 560px) { #order-standard_cart .mvc-actions__next { margin: 0; text-align: center; } } /* Google na largura do cartão (o Google limita o botão a 400 px). */ #order-standard_cart .mvc-step--contact .mvc-google { display: flex; justify-content: center; } /* "Total hoje" em negrito. */ #order-standard_cart .mvc-sum__total-label { color: var(--c-heading); font-weight: 600; } @media (max-width: 560px) { #order-standard_cart .mvc-step.is-active > .mvc-step__lead { display: none; } /* celular: menos texto quebrando */ } /* Uma divisória só entre o plano e o total (o item já tem borda embaixo). */ #order-standard_cart .mvc-item + .mvc-sum__total { border-top: 0; margin-top: 0; } /* Etapas futuras não aparecem (o indicador no topo já mostra o caminho): só a atual e as já alcançadas, recolhidas com resumo e "Alterar". O JS continua controlando tudo pelas classes. */ #order-standard_cart .mvc-step.is-locked { display: none !important; } /* Mesmo container do cabeçalho: o conteúdo ocupa a largura do cartão do topo, com a borda esquerda alinhada ao logo e a direita ao "Ajuda" (padding da .header__bar: 20 px + 1 px de borda à esquerda, 12 px + 1 px à direita). No celular os cartões já alinham com o topo. */ @media (min-width: 768px) { #order-standard_cart { max-width: none; padding-left: 21px; padding-right: 13px; } }