*{box-sizing:border-box}body{color:#2b2233;background:#fff;margin:0;font-family:Segoe UI,Roboto,system-ui,sans-serif}#root{min-height:100svh}a{color:inherit}button{cursor:pointer;font-family:inherit}.vivo-header{border-bottom:1px solid #eee;padding:20px 48px}.vivo-header__logo{color:#609;text-transform:lowercase;align-items:center;gap:4px;font-size:26px;font-weight:700;display:flex}.vivo-header__star{font-size:20px}.vivo-header__voltar{color:#4a4152;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:16px;padding:0;font-size:15px;display:flex}.plano-sidebar{background:#f7f5f9;border-radius:4px;width:360px;min-width:300px;padding:24px}.plano-sidebar__title{color:#609;letter-spacing:.5px;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.plano-sidebar__title:before{content:"";background:#609;align-self:stretch;width:4px}.plano-sidebar__giga{color:#2b2233;margin-bottom:16px;font-size:22px}.plano-sidebar__row{color:#2b2233;border-bottom:1px solid #e2dee6;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;font-size:15px;display:flex}.plano-sidebar__detalhes-title{color:#2b2233;margin-bottom:12px;font-size:15px;font-weight:600}.plano-sidebar__beneficio{color:#4a4152;margin-bottom:10px;font-size:14px;line-height:1.4}.plano-sidebar__total{color:#2b2233;border-top:1px solid #e2dee6;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:16px;font-size:18px;display:flex}.plano-sidebar__total strong{color:#609;font-size:22px}.plano-sidebar__total span{color:#4a4152;font-size:14px}.checkout-page{background:#fff;min-height:100vh}.checkout-layout{flex-wrap:wrap;align-items:flex-start;gap:48px;max-width:1280px;margin:0 auto;padding:32px 48px 64px;display:flex}.checkout-main{flex:1;min-width:320px;max-width:900px}.checkout-main__title{color:#2b2233;margin:24px 0 32px;font-size:32px;font-weight:400}.opcoes-lista{border:1px solid #ddd;border-radius:4px;margin-bottom:32px;overflow:hidden}.opcao-item{cursor:pointer;background:#fff;border-bottom:1px solid #eee;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.opcao-item:last-child{border-bottom:none}.opcao-item:hover{background:#faf7fb}.opcao-item__radio{border:2px solid #999;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;display:flex}.opcao-item__radio.is-selecionado{border-color:#609}.opcao-item__radio.is-selecionado:after{content:"";background:#609;border-radius:50%;width:10px;height:10px}.opcao-item__titulo{color:#2b2233;margin-bottom:4px;font-size:16px;font-weight:600}.opcao-item__descricao{color:#6b6375;font-size:14px}.chip-virtual{margin-bottom:32px}.chip-virtual__titulo{color:#2b2233;margin-bottom:12px;font-size:22px}.chip-virtual__texto{color:#4a4152;margin-bottom:20px;font-size:15px;line-height:1.5}.chip-virtual__box{border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 20px;display:flex}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__track{cursor:pointer;background:#ccc;border-radius:999px;transition:background .15s;position:absolute;inset:0}.toggle__track:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__track{background:#609}.toggle input:checked+.toggle__track:before{transform:translate(20px)}.continuar-btn{color:#fff;background:#609;border:none;border-radius:6px;padding:14px 40px;font-size:15px;font-weight:600}.step-indicator{align-items:flex-start;margin-bottom:40px;display:flex}.step-indicator__item{flex-direction:column;align-items:center;gap:10px;display:flex}.step-indicator__label{color:#6b6375;white-space:nowrap;font-size:13px}.step-indicator__item.is-active .step-indicator__label{color:#609;font-weight:600}.step-indicator__circle{background:#fff;border:2px solid #ccc;border-radius:50%;width:16px;height:16px}.step-indicator__item.is-active .step-indicator__circle{background:#609;border-color:#609;box-shadow:0 0 0 4px #ecd9f7}.step-indicator__line{background:#ddd;flex:1;min-width:40px;height:2px;margin:7px 12px 0}.form-section{margin-bottom:40px}.form-section__title{color:#2b2233;margin:0 0 24px;font-size:26px;font-weight:400}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field--full{grid-column:1/-1}.campo-input{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;padding:16px;font-size:15px}.campo-input:focus{border-color:#609;outline:none}.campo-input[readonly]{color:#6b6375;background:#f2f2f2}.numero-lista{border:1px solid #ddd;border-radius:4px;margin-bottom:24px;overflow:hidden}.numero-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:16px;padding:18px 24px;display:flex}.numero-item:last-child{border-bottom:none}.numero-item:hover{background:#faf7fb}.numero-item__radio{border:2px solid #999;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:flex}.numero-item__radio.is-selecionado{border-color:#609}.numero-item__radio.is-selecionado:after{content:"";background:#609;border-radius:50%;width:10px;height:10px}.aviso-box{color:#4a4152;border:1px solid #ddd;border-radius:8px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:14px;line-height:1.5;display:flex}.fatura-texto{color:#4a4152;margin-bottom:16px;font-size:14px;line-height:1.5}.termos-linha{color:#2b2233;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.termos-linha a{color:#609;font-weight:600;text-decoration:underline}.campo-obrigatorio{color:#d32f2f;margin-bottom:20px;font-size:13px}.concluir-btn{color:#fff;cursor:not-allowed;background:#ccc;border:none;border-radius:6px;padding:14px 40px;font-size:15px;font-weight:600}.concluir-btn.is-pronto{cursor:pointer;background:#2e7d32}.conclusao{text-align:center;max-width:480px;margin:48px auto}.conclusao__icone{margin-bottom:16px;font-size:48px}.conclusao__protocolo{background:#f5f5f5;border-radius:6px;margin:16px 0 24px;padding:8px 16px;font-family:monospace;display:inline-block}.conclusao__botao{color:#fff;background:#609;border:none;border-radius:8px;padding:14px 32px;font-weight:600}