@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
* , *::before, *::after { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { background: var(--background); color: var(--foreground); }
h1,h2,h3,h4 { font-size: inherit; font-weight: inherit; }
button,input,textarea { font: inherit; color: inherit; background: transparent; border-radius: 0; }
img,svg { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
strong { font-weight: bolder; }
small { font-size: 80%; }
[hidden] { display: none !important; }
:root{--font-body:"DM Sans",sans-serif;--font-heading:"Manrope",sans-serif;--background:#f6f8fa;--foreground:#243341;--primary:#1f5fd6;--primary-foreground:#fff;--ring:#1f5fd6;--muted-foreground:#647281;--border:#e3e8ec;--radius:.8rem}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{font-family:var(--font-body)}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button,a,input{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #7aa7f5}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin:0}
.header{border-bottom:1px solid #e4e9ed;justify-content:space-between;align-items:center;max-width:1160px;height:88px;margin:auto;padding:0 24px;display:flex}
.brand{font-family:var(--font-heading);letter-spacing:-1px;align-items:center;font-size:23px;font-weight:800;display:flex}
.brand-light{font-weight:500}
.brand-dot{color:#1f5fd6}
.brand-icon{color:#1f5fd6;place-items:center;width:34px;height:38px;margin-right:7px;display:grid}
.header nav{color:#67747e;gap:30px;font-size:14px;display:flex}
.header nav a{align-items:center;gap:8px;display:flex}
.header nav a:hover{color:#1f5fd6}
.header-security{color:#3d5585;background:#eef4ff;border:1px solid #dce6fa;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:14px;display:flex}
.main{max-width:1040px;margin:auto;padding:0 24px}
.hero{padding:49px 0 36px;position:relative}
.eyebrow{color:#2b5fbf;letter-spacing:1.8px;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}
.eyebrow>span{background:#3b7cf0;border-radius:50%;width:6px;height:6px}
.hero h1{font-family:var(--font-heading);letter-spacing:-1.9px;margin:15px 0;font-size:44px;font-weight:800;line-height:1.25}
.hero h1 span{color:#1f5fd6}
.hero>p{color:#75808b;font-size:15px;line-height:1.8}
.hero-tags{color:#66748a;align-items:center;gap:15px;margin-top:22px;font-size:14px;display:flex}
.hero-tags span{align-items:center;gap:7px;display:flex}
.hero-tags svg{color:#5b84c9}
.hero-tags i{background:#c1cad6;border-radius:50%;width:3px;height:3px}
.hero-decoration{background:#eaf1fd;border:1px solid #dce7fb;border-radius:32px;place-items:center;width:136px;height:150px;display:grid;position:absolute;top:54px;right:58px;transform:rotate(9deg);box-shadow:15px 15px #f0f5fe}
.hero-decoration>svg{stroke-width:1.2px;color:#7a9bd6;width:64px;height:85px}
.hero-decoration>span{color:#fff;background:#1f5fd6;border:5px solid #f6f8fa;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:22px;right:9px}
.recharge-panel{background:#fff;border:1px solid #e0e6ea;border-radius:18px;padding:29px 32px 0;box-shadow:0 8px 32px #273f4b05}
.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px;display:flex}
.section-title>div{align-items:center;gap:11px;display:flex}
.step{color:#1f5fd6;background:#e8f0fe;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:700;display:grid}
.section-title h2{font-size:17px;font-family:var(--font-heading);letter-spacing:-.35px;font-weight:750}
.section-caption{color:#8b949c;font-size:14px}
.carrier-grid,.offer-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}
.carrier-card{border:1px solid #e3e7ec;border-radius:11px;padding:0 14px 14px;transition:border-color .2s,background .2s}
.carrier-card.selected{background:#fafcff;border-color:#4f86ea;box-shadow:0 0 0 1px #4f86ea20}
.carrier-select{background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:94px;display:flex;position:relative}
.selection-indicator{border:1px solid #d7dfe4;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:14px;right:0}
.selected .selection-indicator{color:#fff;background:#1f5fd6;border-color:#1f5fd6}
.carrier-logo{object-fit:contain;width:91px;height:47px}
.carrier-logo.tim{width:88px}
.carrier-logo.claro{width:76px;height:61px}
.phone-field{color:#a2abb4;background:#fff;border:1px solid #e0e5e9;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}
.phone-field:focus-within{border-color:#3f7be0;box-shadow:0 0 0 2px #3f7be015}
.phone-field input{color:#394b55;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}
.phone-field input::placeholder{color:#8c96a0}
.number-note{color:#8a939b;align-items:center;gap:5px;margin-top:13px;font-size:14px;display:flex}
.panel-divider{background:#edf0f2;height:1px;margin:26px 0}
.offer-note{color:#4a72bd;align-items:center;gap:6px;font-size:14px;display:flex}
.offer-grid{padding-top:10px}
.offer-card{border:1px solid #e0e6e9;border-radius:10px;padding:22px 19px 13px;position:relative}
.offer-card.featured{background:#fcfdff;border-color:#7ea6ee;box-shadow:0 3px 12px #1f5fd608}
.popular{color:#fff;white-space:nowrap;letter-spacing:1px;background:#1f5fd6;border-radius:5px;align-items:center;gap:5px;padding:5px 11px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}
.offer-top{justify-content:space-between;align-items:center;gap:5px;min-height:21px;display:flex}
.offer-top>span:first-child{color:#7a8691;letter-spacing:1.3px;font-size:14px;font-weight:650}
.discount{color:#1f5fd6;background:#e8f0fe;border-radius:4px;padding:3px 6px;font-size:14px;font-weight:700}
.offer-card h3{font-family:var(--font-heading);letter-spacing:-2px;margin-top:6px;font-size:47px;font-weight:800;line-height:1.3}
.offer-card h3 small{letter-spacing:-1px;font-size:22px;font-weight:600}
.offer-card h3>span{letter-spacing:-1px;font-size:27px}
.credit-label{color:#8c969d;font-size:14px}
.price-line{color:#78858c;border-top:1px solid #ecf0f5;margin-top:19px;margin-bottom:16px;padding-top:15px;font-size:14px}
.price-line strong{color:#26354a;margin-left:4px;font-size:17px}
.pay-button{color:#fff;background:#1f5fd6;border:1px solid #1f5fd6;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 7px;font-size:14px;font-weight:600;display:flex}
.pay-button>svg:last-child{margin-left:auto}
.pay-button>svg:first-child{margin-right:auto}
.pay-button:hover{background:#184bb0;transform:translateY(-1px);box-shadow:0 4px 12px #1f5fd624}
.pay-button:active{transform:translateY(0)}
.offer-bottom{color:#6f84a6;justify-content:center;align-items:center;gap:4px;min-height:14px;margin-top:11px;font-size:14px;display:flex}
.payment-note{color:#8b959c;border-top:1px solid #edf0f2;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding:17px 0;font-size:14px;display:flex}
.payment-note svg{color:#5b84c9}
.how{justify-content:space-between;align-items:center;gap:12px;padding:36px 0;display:flex}
.how-intro .eyebrow{letter-spacing:1.5px;font-size:14px}
.how-intro h2{letter-spacing:-.3px;margin-top:6px;font-size:15px;font-weight:650}
.how-item{align-items:center;gap:10px;display:flex}
.how-item>span{color:#5b84c9;background:#edf2fc;border:1px solid #e0e8f7;border-radius:9px;place-items:center;width:39px;height:42px;display:grid}
.how-item h3{margin-bottom:5px;font-size:14px;font-weight:650}
.how-item p{color:#8b959d;font-size:14px}
.how-arrow{color:#c3ccd0;flex-shrink:0}
.help{border-top:1px solid #e4e9ec;grid-template-columns:1.2fr 1fr;align-items:start;gap:0 40px;padding:28px 0 35px;display:grid}
.help-copy{grid-row:span 2;gap:12px;padding-top:7px;display:flex}
.help-icon{color:#5b84c9;background:#eaf0fb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}
.help h2{font-size:14px;font-weight:650}
.help-copy p{color:#89949c;margin-top:6px;font-size:14px}
.help details{color:#64727b;border-bottom:1px solid #e4e9ec;padding:11px 0;font-size:14px}
.help summary{justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}
.help details p{color:#79838d;margin-top:12px;line-height:1.8}
.help details[open] summary{color:#1f5fd6}
footer{color:#8f999f;border-top:1px solid #e3e8ec;justify-content:space-between;align-items:center;gap:15px;max-width:1112px;margin:auto;padding:22px 0 27px;font-size:14px;display:flex}
.footer-brand{color:#6c7a8c;letter-spacing:-.7px;font-size:16px}
.footer-brand .brand-icon{width:21px;height:25px;margin-right:4px}
footer>span{align-items:center;gap:5px;display:flex}
.error{color:#b12d2d;margin-top:12px;font-size:14px}
.checkout-dialog{font-family:var(--font-body);border-radius:16px}
.dialog-icon{color:#1f5fd6;background:#e8f0fe;border-radius:14px;width:fit-content;margin-bottom:12px;padding:14px}
.summary-list{margin:15px 0}
.summary-list>div{justify-content:space-between;padding:10px 0;font-size:14px;display:flex}
.summary-list dt{color:#6f7b8c}
.summary-list dd{font-weight:600}
.summary-total{border-top:1px solid #e4e9ec;margin-top:10px}
.summary-total dd{color:#1f5fd6}
.checkout-notice{color:#5f6e82;background:#f5f7fa;border:1px solid #e4e8ee;border-radius:8px;gap:10px;padding:14px;font-size:14px;line-height:1.7;display:flex}
.checkout-notice svg{flex-shrink:0;margin-top:2px}
@media (width>=1500px){.hero{padding-top:60px}
.main{max-width:1100px}
.header{max-width:1200px}
.recharge-panel{padding:32px 38px 0}
.carrier-select{height:105px}
.offer-card{padding:26px 23px 17px}
.offer-card h3{font-size:51px}
.how{padding:42px 0}
}
@media (width<=800px){.header nav{gap:15px}
.hero h1{font-size:38px}
.hero-decoration{width:110px;height:130px;right:15px}
.section-caption{display:none}
.recharge-panel{padding:24px 22px 0}
.carrier-grid,.offer-grid{gap:12px}
.offer-card{padding:21px 13px 14px}
.offer-card h3{font-size:37px}
.offer-card h3 small{font-size:17px}
.offer-card h3>span{font-size:22px}
.offer-top{flex-wrap:wrap;gap:3px}
.offer-top>span:first-child{font-size:14px}
.price-line{font-size:14px}
.price-line strong{font-size:14px}
.how{flex-wrap:wrap;gap:20px}
.how-intro{width:100%}
.how-arrow{display:none}
footer{flex-wrap:wrap;margin:0 24px}
.help{gap:0 20px}
.header-security{gap:0;padding:9px;font-size:0}
.header-security svg{width:17px}
}
@media (width<=560px){.header{height:72px;padding:0 20px}
.brand{font-size:20px}
.header nav a:first-child{display:none}
.header nav a{gap:5px;font-size:14px}
.header-security{display:none}
.main{padding:0 16px}
.hero{padding:34px 5px 27px}
.hero h1{letter-spacing:-1.5px;max-width:290px;font-size:33px}
.hero h1 span{display:block}
.hero>p{font-size:14px}
.hero .eyebrow{letter-spacing:1.1px;font-size:14px}
.hero-decoration{border-radius:20px;width:75px;height:100px;top:76px;right:12px}
.hero-decoration>svg{width:40px;height:59px}
.hero-decoration>span{border-width:3px;width:31px;height:31px;bottom:5px;right:-6px}
.hero-decoration>span svg{width:15px}
.hero-tags{gap:7px;margin-top:18px;font-size:14px}
.hero-tags span{gap:4px}
.hero-tags svg{width:13px}
.recharge-panel{border-radius:13px;padding:23px 15px 0}
.section-title{gap:7px;margin-bottom:17px}
.section-title h2{font-size:15px}
.section-title>div{gap:8px}
.section-title .step{width:23px;height:23px}
.carrier-grid{gap:7px}
.carrier-card{border-radius:8px;padding:0 6px 8px}
.carrier-select{height:77px}
.carrier-logo{width:64px;height:35px}
.carrier-logo.tim{width:62px}
.carrier-logo.claro{width:56px;height:45px}
.selection-indicator{width:13px;height:13px;top:7px;right:0}
.selection-indicator svg{width:9px}
.phone-field{gap:3px;padding:9px 4px}
.phone-field>svg{display:none}
.phone-field input{text-align:center;font-size:14px}
.number-note{margin-top:11px;font-size:14px}
.panel-divider{margin:22px 0}
.offer-note{gap:3px;font-size:14px}
.offer-note svg{width:11px}
.offer-grid{grid-template-columns:1fr;gap:23px}
.offer-card{grid-template-columns:1fr 1fr;align-items:center;gap:0 16px;padding:20px;display:grid}
.offer-top{grid-column:1;justify-content:flex-start;gap:8px}
.offer-card h3{grid-column:1;margin-top:2px;font-size:43px}
.credit-label{grid-column:1;font-size:14px}
.price-line{border:0;flex-direction:column;grid-area:1/2/span 2;gap:3px;margin:0;padding:0;font-size:14px;display:flex}
.price-line strong{letter-spacing:-.5px;margin:0;font-size:23px}
.pay-button{grid-area:3/2/span 2;gap:3px;padding:10px 6px;font-size:14px}
.pay-button svg{width:14px}
.offer-bottom{grid-area:4/1;justify-content:flex-start;margin-top:8px;font-size:14px}
.popular{font-size:14px}
.payment-note{text-align:center;gap:6px;margin-top:20px;padding:13px 0;font-size:14px;line-height:1.7}
.payment-note svg{flex-shrink:0}
.how{grid-template-columns:1fr;gap:20px;padding:27px 5px;display:grid}
.how-intro h2{font-size:18px}
.how-item h3{font-size:14px}
.how-item p{font-size:14px}
.how-item>span{width:38px;height:38px}
.help{grid-template-columns:1fr;gap:8px;padding:23px 5px}
.help-copy{margin-bottom:13px}
.help h2{font-size:14px}
.help-copy p{font-size:14px}
.help details{padding:14px 0}
.help-icon{flex-shrink:0}
footer{text-align:center;justify-content:center;gap:12px;padding:20px 0}
footer p{order:3;width:100%;font-size:14px}
.footer-brand{font-size:15px}
.checkout-dialog .pay-button{padding:12px;font-size:14px}
.checkout-dialog{max-width:calc(100% - 32px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{transition:none!important;animation:none!important}
}
.carrier-card{padding:0 14px}
.carrier-select{flex-direction:column;gap:8px;height:115px}
.carrier-name{color:#4d5c6e;font-size:14px;font-weight:700}
.selected .carrier-name{color:#1f5fd6}
.offer-card.offer-selected{background:#f5f8ff;border-color:#1f5fd6;box-shadow:0 0 0 1px #1f5fd6}
.offer-select-button{color:#1b4aa8;background:#fff;border:1px solid #cbd8ee;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 6px;font-size:14px;font-weight:600;display:flex}
.offer-select-button[aria-pressed=true]{background:#e3ecfd;border-color:#1f5fd6}
.offer-select-button:hover{background:#edf3fe}
.checkout-fields{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}
.phone-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}
.recharge-form .phone-field{gap:9px;padding:13px 12px}
.recharge-form .phone-field input{text-align:left;font-size:16px}
.recharge-form .phone-field>svg{flex-shrink:0;display:block}
.checkout-price{color:#6f7b8c;margin-bottom:12px;font-size:14px;line-height:1.8}
.checkout-price strong{color:#26354a;font-size:17px;display:block}
.payment-action .pay-button{padding:14px 12px;font-size:14px}
.recharge-form .number-note{line-height:1.6}
.recharge-form .error{line-height:1.5}
@media (width<=560px){.carrier-card{padding:0 6px}
.carrier-select{gap:5px;height:101px}
.carrier-name{font-size:14px}
.offer-select-button{grid-area:3/2/span 2;padding:11px 5px;font-size:14px}
.checkout-fields{grid-template-columns:1fr;gap:22px}
.payment-action .pay-button{padding:15px 12px;font-size:14px}
.checkout-price{font-size:14px}
.checkout-price strong{font-size:18px}
}
.pix-checkout{gap:14px;display:grid}
.pix-checkout form{gap:9px;display:grid}
.pix-checkout .checkout-notice{line-height:1.65}
.payer-input{color:#243341;background:#fff;border:1px solid #cbd8ee;border-radius:7px;width:100%;padding:11px 12px;font-size:16px}
.pix-help{color:#647281;overflow-wrap:anywhere;margin:8px 0;font-size:14px;line-height:1.7}
.pix-status{color:#1b4aa8;margin-bottom:12px;font-size:14px;line-height:1.7}
.pix-qr{background:#fff;max-width:100%;height:auto;margin:12px auto;display:block}
.pix-code{resize:vertical;overflow-wrap:anywhere;min-height:90px;font-size:14px}
.pay-button:disabled{opacity:.6;cursor:wait;transform:none}
.checkout-dialog{max-height:90dvh;overflow-y:auto}

/* Native HTML dialog replaces the reference framework's modal. */
dialog.checkout-dialog { color: var(--foreground); background: var(--background); border: 1px solid var(--border); border-radius: var(--radius); width: calc(100% - 32px); max-width: 460px; margin: auto; padding: 24px; }
dialog::backdrop { background: rgb(0 0 0 / 50%); }
dialog[open] { display: grid; gap: 16px; }
.dialog-close { position: absolute; top: 10px; right: 14px; color: #647281; font-size: 25px; line-height: 1; padding: 4px; }
.dialog-heading { display: grid; gap: 8px; }
.dialog-heading h2 { font-size: 18px; font-weight: 600; line-height: 1; }
.dialog-heading p { color: #647281; font-size: 14px; }
body:has(dialog[open]) { overflow: hidden; }

/* Comfortable checkout reading on desktop and mobile. */
.checkout-dialog .phone-label,
.checkout-dialog .summary-list > div,
.checkout-dialog .pay-button,
.checkout-dialog .error { font-size: 16px; line-height: 1.5; }
.dialog-heading h2 { font-size: 22px; line-height: 1.3; }
.dialog-heading p { font-size: 16px; line-height: 1.5; }
.hero-tags { flex-wrap: wrap; }
.offer-note { white-space: normal; }
.offer-select-button { white-space: normal; }

/* Checkout: customer data, Pix payment and approval screens. */
dialog.checkout-dialog { background: #fff; border-radius: 18px; max-width: 480px; padding: 26px 24px 22px; box-shadow: 0 24px 60px #14254a33; }
dialog::backdrop { background: rgb(17 30 56 / 55%); }
.checkout-dialog .summary-list { background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 12px; margin: 0; padding: 4px 14px; }
.checkout-dialog .summary-list > div { padding: 9px 0; }
.checkout-dialog .summary-list > div + div { border-top: 1px solid #e9eef4; }
.checkout-dialog .summary-total { margin-top: 0; }
.field { display: grid; gap: 6px; }
.field .phone-label { margin-bottom: 0; font-size: 14px; }
.payer-input { border-color: #d6deea; border-radius: 9px; padding: 12px 13px; outline: none; }
.payer-input:focus { border-color: #3f7be0; box-shadow: 0 0 0 3px #3f7be01f; }
.payer-input[aria-invalid=true] { border-color: #d24545; box-shadow: 0 0 0 3px #d2454514; }
.payer-input[readonly] { color: #5a6a80; background: #f6f8fb; }
.field-row { grid-template-columns: 1fr 1fr; gap: 10px; display: grid; }
.pix-checkout form .pay-button { margin-top: 6px; padding: 14px 12px; font-weight: 700; letter-spacing: .4px; }
.form-note { color: #7a8594; align-items: center; justify-content: center; gap: 6px; font-size: 13px; display: flex; }
.dialog-back { color: #1b4aa8; background: #fff; border-color: #cbd8ee; }
.dialog-back:hover { color: #fff; }

.pay-view { text-align: center; gap: 14px; display: grid; }
.pay-meta { justify-content: space-between; gap: 10px; display: flex; }
.pay-meta > div { text-align: left; background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 12px; flex: 1; padding: 10px 13px; }
.pay-meta dt { color: #7a8594; font-size: 13px; }
.pay-meta dd { color: #1d2b3f; font-family: var(--font-heading); font-size: 19px; font-weight: 800; letter-spacing: -.3px; }
.status-pill { color: #8a5a00; background: #fff6e0; border: 1px solid #f6e2ad; border-radius: 99px; justify-self: center; align-items: center; gap: 8px; padding: 7px 14px; font-size: 14px; font-weight: 700; display: inline-flex; }
.status-pill i { background: #e3a008; border-radius: 50%; width: 8px; height: 8px; animation: pulse 1.4s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .3; transform: scale(.75); } }
.pix-qr-box { background: #fff; border: 1px solid #e3e9f2; border-radius: 16px; justify-self: center; padding: 12px; box-shadow: 0 6px 20px #1f5fd610; }
.pix-qr { width: 220px; height: 220px; margin: 0; }
.pix-code { color: #34465c; background: #f6f8fb; border: 1px dashed #c6d3e8; border-radius: 10px; width: 100%; min-height: 84px; padding: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; line-height: 1.5; resize: none; }
.copy-button { font-weight: 700; letter-spacing: .4px; padding: 14px 12px; }
.copy-button.copied { background: #0f9d58; border-color: #0f9d58; }
.pay-steps { color: #6b7789; text-align: left; counter-reset: s; gap: 6px; font-size: 14px; list-style: none; display: grid; }
.pay-steps li { counter-increment: s; align-items: baseline; gap: 9px; display: flex; }
.pay-steps li::before { content: counter(s); color: #1f5fd6; background: #e8f0fe; border-radius: 50%; flex-shrink: 0; place-items: center; width: 20px; height: 20px; font-size: 12px; font-weight: 700; display: grid; }

.paid-view { text-align: center; gap: 14px; padding-top: 6px; display: grid; }
.paid-badge { color: #fff; background: #0f9d58; border: 8px solid #e3f6ec; border-radius: 50%; justify-self: center; place-items: center; width: 84px; height: 84px; display: grid; animation: pop .45s cubic-bezier(.2,1.4,.4,1); }
@keyframes pop { from { transform: scale(.4); opacity: 0; } }
.paid-view h2 { color: #0f7a45; font-family: var(--font-heading); letter-spacing: .4px; font-size: 24px; font-weight: 800; }
.paid-view > p { color: #5f6e82; font-size: 15px; line-height: 1.6; }
.delivery-note { color: #3d5585; text-align: left; background: #eef4ff; border: 1px solid #dce6fa; border-radius: 12px; gap: 10px; padding: 12px 14px; font-size: 14px; line-height: 1.6; display: flex; }
.delivery-note svg { flex-shrink: 0; margin-top: 3px; }

@media (width<=560px) {
  dialog.checkout-dialog { width: 100%; max-width: 100%; max-height: 94dvh; margin: auto 0 0; border-radius: 20px 20px 0 0; padding: 22px 18px 20px; }
  .field-row { grid-template-columns: 1fr; }
  .checkout-dialog .pay-button { grid-area: auto; }
  .pix-qr { width: 200px; height: 200px; }
  .pay-meta dd { font-size: 17px; }
}

/* Esconde o selo "Built/Powered by Netlify" injetado na página */
a[href*="netlify.com"],
[id*="netlify-badge"],
[class*="netlify-badge"] {
  display: none !important;
}