@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Nunito:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cb-orange: #f47b20;--cb-orange-fire: #d9600b;--cb-graphite: #262223;--cb-cream: #fbe3c8;--cb-sand: #fdf7ef;--cb-border: #e7dccd;--cb-text-2: #6b625e;--cb-text-3: #8a807b;--cb-green: #4a7c2f;--cb-amber: #e6a700;--cb-wine: #9b2c2c;--cb-white: #ffffff;--cb-focus-ring: 0 0 0 3px rgb(244 123 32 / .22);--cb-font-title: "Fredoka", ui-rounded, "Nunito", system-ui, sans-serif;--cb-font-body: "Nunito", ui-sans-serif, system-ui, sans-serif;--cb-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--cb-fs-display: 56px;--cb-lh-display: 1.05;--cb-fs-title: 34px;--cb-lh-title: 1.15;--cb-fs-section: 22px;--cb-lh-section: 1.25;--cb-fs-lead: 19px;--cb-lh-lead: 1.55;--cb-fs-body: 16px;--cb-lh-body: 1.6;--cb-fs-support: 14px;--cb-lh-support: 1.5;--cb-fs-label: 12px;--cb-space-1: 4px;--cb-space-2: 8px;--cb-space-4: 16px;--cb-space-6: 24px;--cb-space-10: 40px;--cb-space-18: 72px;--cb-radius-tag: 7px;--cb-radius-field: 12px;--cb-radius-card: 18px;--cb-radius-pill: 999px;--cb-shadow-plane: none;--cb-shadow-hover: 0 2px 8px rgb(38 34 35 / .08);--cb-shadow-modal: 0 12px 32px rgb(38 34 35 / .16)}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cb-space-2);min-height:44px;padding:14px 30px;border:0;border-radius:var(--cb-radius-pill);font-family:var(--cb-font-body);font-size:16px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.cb-btn:focus-visible{outline:3px solid var(--cb-orange);outline-offset:2px}.cb-btn--primary{background:var(--cb-orange);color:var(--cb-white)}.cb-btn--primary:hover:not(:disabled){background:var(--cb-orange-fire)}.cb-btn--outline{background:transparent;border:2px solid var(--cb-graphite);color:var(--cb-graphite)}.cb-btn--outline:hover:not(:disabled){background:var(--cb-graphite);color:var(--cb-sand)}.cb-btn--soft{background:var(--cb-cream);color:var(--cb-orange-fire)}.cb-btn--soft:hover:not(:disabled){background:#f7d5b0}.cb-btn--text{background:transparent;color:var(--cb-orange-fire)}.cb-btn--text:hover:not(:disabled){background:var(--cb-cream)}.cb-btn--lg{padding:17px 38px;font-size:18px}.cb-btn--md{padding:14px 30px;font-size:16px}.cb-btn--sm{padding:10px 22px;font-size:14px}.cb-btn:disabled{background:#efe3d4;color:#a79c93;border-color:transparent;cursor:not-allowed}.cb-field{display:flex;flex-direction:column;gap:var(--cb-space-2);min-width:0}.cb-field__label{color:var(--cb-text-2);font-family:var(--cb-font-body);font-size:var(--cb-fs-support);font-weight:700}.cb-field__input{width:100%;min-height:44px;padding:13px 16px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-field);outline:none;background:var(--cb-white);color:var(--cb-graphite);font-family:var(--cb-font-body);font-size:var(--cb-fs-body);transition:border-color .16s ease,box-shadow .16s ease}.cb-field__input::placeholder{color:var(--cb-text-3)}.cb-field__input:focus{border-color:var(--cb-orange);box-shadow:var(--cb-focus-ring)}.cb-field--error .cb-field__label,.cb-field__error{color:var(--cb-wine)}.cb-field--error .cb-field__input{border-color:var(--cb-wine)}.cb-field__error{font-family:var(--cb-font-body);font-size:var(--cb-fs-support);font-weight:700}.cb-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--cb-radius-pill);font-family:var(--cb-font-body);font-size:13px;font-weight:700;line-height:1}.cb-tag--paid{background:#e4f0da;color:#3b6624}.cb-tag--waiting{background:#fbe3c8;color:#b34d06}.cb-tag--overdue{background:#fbdcdc;color:#9b2c2c}.cb-tag--at-risk{background:#fff2cc;color:#8a6500}.cb-tag--inactive{background:#efe9e3;color:#6b625e}.cb-tag--b2b{background:#262223;color:#fdf7ef}.cb-card{border:1px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-white);padding:var(--cb-space-10)}.cb-metric{border:1px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-white);padding:24px 26px}.cb-metric__label{color:var(--cb-text-3);font-family:var(--cb-font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.cb-metric__value{font-family:var(--cb-font-title);font-size:38px;font-weight:600}.cb-metric__delta{font-family:var(--cb-font-body);font-size:14px;font-weight:700}.cb-metric__delta--up{color:var(--cb-green)}.cb-metric__delta--down{color:var(--cb-wine)}.cb-metric--critical{background:var(--cb-graphite);color:var(--cb-sand)}.cb-alert{border-radius:14px;padding:var(--cb-space-4)}.cb-alert__title{font-family:var(--cb-font-body);font-weight:800}.cb-alert__body{font-family:var(--cb-font-body);font-size:var(--cb-fs-support)}.cb-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cb-spin .76s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cb-spinner{animation-duration:0s}}.cb-mono{font-family:var(--cb-font-mono);font-variant-numeric:tabular-nums}.cb-eyebrow{font-family:var(--cb-font-mono);font-size:var(--cb-fs-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-text-3)}:root{color:var(--cb-graphite);background:var(--cb-sand);font-family:var(--cb-font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,p{margin:0}.checkout-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,4vw,56px);background:var(--cb-sand)}.checkout-panel{width:min(100%,1040px);min-height:min(720px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-white);box-shadow:var(--cb-shadow-modal)}.brand-strip{display:flex;align-items:center;gap:10px;min-height:58px;padding:14px clamp(18px,3vw,34px);background:var(--cb-graphite);color:var(--cb-sand);font-weight:700;font-size:15px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cb-orange);color:var(--cb-white);font-family:var(--cb-font-title);font-size:13px;font-weight:600}.checkout-grid{flex:1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)}.summary-pane{display:flex;flex-direction:column;gap:var(--cb-space-6);min-height:620px;padding:clamp(28px,5vw,56px);background:var(--cb-cream)}.summary-header{display:grid;gap:var(--cb-space-2)}.summary-title{max-width:12ch;font-family:var(--cb-font-title);font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.05;color:var(--cb-graphite)}.cart{display:grid;gap:var(--cb-space-4);margin-top:auto;padding-top:var(--cb-space-6);border-top:1px solid var(--cb-border)}.cart-label{margin-bottom:var(--cb-space-1);font-family:var(--cb-font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-text-3)}.cart-product,.cart-merchant{color:var(--cb-graphite);font-weight:700}.cart-merchant{word-break:break-word}.cart-total{margin-top:var(--cb-space-2)}.cart-amount{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1;color:var(--cb-graphite)}.assurance{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:start;max-width:340px;color:var(--cb-text-2);font-size:var(--cb-fs-support);line-height:var(--cb-lh-support)}.assurance span{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--cb-green)}.card-form{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-4);padding:clamp(24px,5vw,56px);border-left:1px solid var(--cb-border);background:var(--cb-white)}.form-heading{display:grid;gap:var(--cb-space-1);margin-bottom:var(--cb-space-1)}.form-heading h2{font-family:var(--cb-font-title);font-size:var(--cb-fs-section);font-weight:600;line-height:var(--cb-lh-section);color:var(--cb-graphite)}.card-preview{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;margin-bottom:var(--cb-space-1);padding:24px;border-radius:var(--cb-radius-card);background:var(--cb-graphite);color:var(--cb-sand)}.card-preview-top,.card-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.chip{width:44px;height:32px;border-radius:var(--cb-radius-tag);background:var(--cb-orange)}.card-network{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fdf7efb3}.card-preview-number{font-family:var(--cb-font-mono);font-size:clamp(19px,3vw,26px);letter-spacing:.08em;line-height:1.1}.card-preview-bottom{font-family:var(--cb-font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#fdf7efd1}.checkout-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.checkout-submit{width:100%;margin-top:var(--cb-space-2)}.state-panel{display:grid;place-items:center;align-content:center;gap:14px;min-height:420px;padding:32px;text-align:center;color:var(--cb-text-2)}.error{color:var(--cb-wine);font-weight:700}.status-panel{gap:var(--cb-space-4);max-width:420px;margin:0 auto}.status-panel__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--cb-radius-pill)}.status-panel__icon .cb-spinner{width:34px;height:34px;border-width:3px}.status-panel--processing .status-panel__icon,.status-panel--challenge .status-panel__icon{background:var(--cb-cream);color:var(--cb-orange-fire)}.status-panel--approved .status-panel__icon,.status-panel--pix-paid .status-panel__icon{background:#e4f0da;color:var(--cb-green)}.status-panel--declined .status-panel__icon{background:#fbdcdc;color:var(--cb-wine)}.status-panel--failed .status-panel__icon{background:#fff2cc;color:#8a6500}.status-panel__title{font-family:var(--cb-font-title);font-size:var(--cb-fs-section);font-weight:600;line-height:var(--cb-lh-section);color:var(--cb-graphite)}.status-panel__subtitle{max-width:34ch;color:var(--cb-text-2);font-size:var(--cb-fs-body);line-height:var(--cb-lh-body)}.method-tabs{display:flex;gap:var(--cb-space-6);margin-bottom:var(--cb-space-2);border-bottom:1px solid var(--cb-border)}.method-tab{min-height:44px;padding:0 var(--cb-space-1) 10px;border:0;border-bottom:3px solid transparent;background:none;color:var(--cb-text-3);font-family:var(--cb-font-body);font-size:var(--cb-fs-body);font-weight:600;line-height:1;cursor:pointer}.method-tab:focus-visible{outline:3px solid var(--cb-orange);outline-offset:2px}.method-tab--active{border-bottom-color:var(--cb-orange);color:var(--cb-graphite);font-weight:800}.installments-select{appearance:none;padding-right:var(--cb-space-10);font-size:var(--cb-fs-support);cursor:pointer}.checkout-alert{display:grid;gap:var(--cb-space-1)}.checkout-alert--declined{background:#fbdcdc;color:var(--cb-wine)}.checkout-alert--failed{background:#fff2cc;color:#8a6500}.closed-session{color:var(--cb-text-2)}.pix-intro{color:var(--cb-text-2);font-size:var(--cb-fs-body);line-height:var(--cb-lh-body)}.pix-stage{flex:1;display:grid;place-items:center;align-content:center;padding:clamp(24px,5vw,56px)}.pix-panel{display:grid;justify-items:center;gap:var(--cb-space-4);width:min(100%,420px);text-align:center}.pix-panel__title{font-family:var(--cb-font-title);font-size:var(--cb-fs-section);font-weight:600;line-height:var(--cb-lh-section);color:var(--cb-graphite)}.pix-panel__qr{width:220px;height:220px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-field);background:var(--cb-white)}.pix-panel__code{max-width:100%;padding:10px var(--cb-space-4);border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-field);background:var(--cb-sand);color:var(--cb-text-2);font-size:var(--cb-fs-support);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pix-panel__code--revealed{overflow:visible;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;text-align:left}.pix-panel__copy-alert{display:grid;gap:var(--cb-space-1);width:100%;background:#fbe3c8;color:#b34d06;text-align:left}.pix-panel__action{width:100%}.pix-panel__countdown{color:var(--cb-text-3);font-size:var(--cb-fs-support)}.pix-panel__hint{max-width:34ch;color:var(--cb-text-2);font-size:var(--cb-fs-support);line-height:var(--cb-lh-support)}.pix-panel__switch,.pix-panel__store{margin-top:calc(-1 * var(--cb-space-2))}@media(max-width:820px){.checkout-shell{display:block;padding:0}.checkout-panel{min-height:100vh;border:0;border-radius:0;box-shadow:none}.checkout-grid{grid-template-columns:1fr}.summary-pane{min-height:auto;padding:28px 22px 34px}.summary-title{max-width:16ch}.cart{margin-top:var(--cb-space-6);grid-template-columns:1fr 1fr}.cart-total{grid-column:1 / -1}.card-form{padding:24px 22px 34px;border-left:0;border-top:1px solid var(--cb-border)}}@media(max-width:520px){.brand-strip{min-height:54px;padding-inline:18px}.cart{grid-template-columns:1fr}.card-preview{min-height:188px;padding:20px}.checkout-row{grid-template-columns:1fr 1fr}.method-tabs{gap:var(--cb-space-4)}.pix-panel__qr{width:190px;height:190px}.checkout-row .cb-field:last-child{grid-column:1 / -1}}
