@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--dark:#183e36;--dark2:#14362f;--ink:#18342f;--leaf:#afc8ab;--cream:#eeefe9;--paper:#fffefa;--muted:#788680;--stroke:#e5e8e1;--mint:#d7ead6;--mono:'DM Mono',monospace;--body:'DM Sans',sans-serif;--title:'Playfair Display',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #b6ddaa;outline-offset:3px}
.hidden{display:none!important}
.page-grid{position:fixed;inset:0;background-image:linear-gradient(90deg,rgba(35,65,52,.035) 1px,transparent 1px),linear-gradient(rgba(35,65,52,.025) 1px,transparent 1px);background-size:76px 76px;pointer-events:none;z-index:-1}.grain{position:fixed;inset:0;opacity:.17;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.18'/%3E%3C/svg%3E")}
.shell{width:min(1320px,calc(100% - 96px));margin:0 auto}
.masthead{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dbd1}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--dark)}.logo-mark{width:36px;height:36px;display:flex}.logo-mark svg{width:100%}.logo-text{font-size:26px;font-weight:800;letter-spacing:-1.6px;line-height:1}.logodot{color:#81ad82}.masthead-aside{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.065em;display:flex;align-items:center;gap:12px}.masthead-dot{width:7px;height:7px;border-radius:50%;background:#82ad77;box-shadow:0 0 0 5px #82ad771e}.masthead-number{color:#9da99e;margin-left:8px}
.content{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(50px,7vw,130px);align-items:center;min-height:calc(100vh - 170px);padding:48px 0 62px}.editorial{padding:15px 0 0 0;align-self:center}.eyebrow{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:.19em;font-family:var(--mono);font-weight:500;color:#547667}.eyebrow-line{width:33px;height:1px;background:#608a6d}.editorial h1{font-size:clamp(52px,5.8vw,88px);line-height:1.105;letter-spacing:-.055em;font-family:var(--title);font-weight:500;margin:31px 0 24px;color:#1b4037;white-space:nowrap}.editorial h1 em{font-weight:500;color:#719b80}.editorial-description{font-size:16px;line-height:1.85;color:#687a6e;max-width:380px;margin:0}.editorial-separator{width:100%;max-width:480px;border-top:1px solid #cdd7ca;margin:51px 0 28px}.price-label{font:500 10px var(--mono);letter-spacing:.16em;color:#557063}.hero-price{font-family:var(--title);font-size:clamp(89px,9vw,138px);letter-spacing:-.075em;line-height:1.08;color:#20483b;margin:4px 0 0;position:relative;white-space:nowrap}.hero-currency{font-size:.25em;letter-spacing:0;vertical-align:top;display:inline-block;transform:translateY(.75em);margin-right:11px;font-family:var(--body);font-weight:700}.hero-comma{color:#8aac87}.hero-spark{display:inline-block;vertical-align:top;font:normal .25em var(--body);color:#92ad8d;transform:translate(14px,9px)}.price-comment{font-size:13px;color:#7b8c7e}.steps{margin-top:58px;display:flex;flex-direction:column;gap:21px}.step{display:flex;align-items:center;gap:18px;font-size:13px;color:#596b5e}.step-num{font:500 10px var(--mono);color:#89a088;border:1px solid #cbd4cb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.side-footer{display:flex;gap:38px;margin-top:55px;color:#96a498;font:500 9px var(--mono);letter-spacing:.07em}
.checkout-area{position:relative;width:100%;max-width:498px;margin-left:auto}.floating-star{position:absolute;font-family:Georgia,serif;font-size:68px;color:#a8c1a4;left:-78px;top:97px;opacity:.85;animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(9px) rotate(14deg)}}.ticket{position:relative;background:var(--paper);border-radius:19px 19px 10px 10px;overflow:hidden;box-shadow:0 18px 55px #1f4c3910,0 2px 5px #1f4c3909;border:1px solid #d8e0d6}.ticket::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:9px;background:radial-gradient(circle at 7px 11px,var(--cream) 6px,transparent 6.5px) repeat-x;background-size:14px 13px;pointer-events:none}.ticket-top{background:var(--dark);color:#f5f6ec;padding:26px 30px 17px;position:relative;overflow:hidden}.ticket-top:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff12;border-radius:50%;right:-138px;top:-145px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff05}.ticket-heading{display:flex;align-items:start;justify-content:space-between;position:relative;z-index:1}.ticket-mini{font:500 10px var(--mono);letter-spacing:.16em;color:#a7c6ad}.ticket-title{font-family:var(--title);font-size:47px;letter-spacing:-.06em;margin-top:9px;line-height:1.1}.ticket-title span{font-style:italic;color:#bad1b5}.ticket-symbol{width:65px;height:65px;color:#b3cfb0;opacity:.86}.ticket-symbol svg{width:100%}.ticket-top-bottom{border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:16px;font:500 10px var(--mono);letter-spacing:.08em;color:#c5d8c4}.tear-line{height:16px;background:var(--paper);position:relative;border-bottom:1px dashed #d4ded1}.tear-line span{position:absolute;top:-13px;width:28px;height:28px;border-radius:50%;background:var(--cream);z-index:2}.tear-line span:first-child{left:-14px}.tear-line span:last-child{right:-14px}
.ticket-body{padding:24px 30px 23px}.ticket-section-head{display:flex;align-items:center;gap:12px;font:500 10px var(--mono);letter-spacing:.065em;color:#566f60}.ticket-section-head .section-index{color:#8aaa89;font-size:11px}.order-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;padding:23px 0 21px}.order-item{display:flex;flex-direction:column;gap:6px;min-width:0}.order-item.right{text-align:right}.order-item small{font:400 10px var(--mono);color:#97a298;letter-spacing:.03em}.order-item strong{font-size:12px;font-weight:700;color:#374d3c;overflow-wrap:anywhere}.merchant-line{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#87958a;font-size:12px;padding:0 0 18px}.merchant-line strong{color:#485d4b;font-weight:700;text-align:right;overflow-wrap:anywhere}.due-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0;border-top:1px solid #edf0e9}.due-line span{font-size:13px;color:#55695a;font-weight:600}.due-line strong{font-size:28px;letter-spacing:-.06em;color:#234938}.perforation{height:1px;border-top:1px dashed #cdd7c9;margin:6px 0 24px}.second{margin-bottom:17px}.pix-choice{border:1px solid #b9d5bc;background:#f4faf3;border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:12px}.pix-icon{width:40px;height:40px;border-radius:10px;background:#e0eee0;color:#358667;display:grid;place-items:center;flex-shrink:0}.pix-icon svg{height:23px;width:23px}.pix-choice>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.pix-choice strong{font-size:14px}.pix-choice span:not(.selected-circle){font-size:11px;color:#8a998d}.selected-circle{border-radius:50%;width:21px;height:21px;display:grid;place-items:center;background:#2d7f58;color:white}.selected-circle svg{width:16px}
.payment-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:21px}.ready-art{width:102px;height:90px;display:grid;place-items:center}.ready-border{height:74px;width:70px;border:1.4px solid #afcaae;border-radius:12px;transform:rotate(-13deg);position:relative;background:#f9fcf8}.ready-border:before{content:"";position:absolute;left:11px;top:12px;bottom:10px;border-left:3px dotted #cee1ca}.ready-lines{position:absolute;left:27px;top:6px;font-size:17px;line-height:1.1;color:#8eb891}.ready-lines span{opacity:.5}.ready-round{position:absolute;right:-18px;bottom:-11px;width:45px;height:45px;background:#dbeed8;border:5px solid #fffefa;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#3c845d;transform:rotate(13deg)}.ready-title{font-family:var(--title);font-size:23px;line-height:1.2;color:#294e3b;letter-spacing:-.03em;margin-top:13px}.ready-copy{font-size:12px;line-height:1.55;color:#87948a;max-width:260px;margin:10px auto 22px}.primary-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:10px;background:var(--dark);padding:16px 16px 16px 20px;color:#fffefa;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary-btn:hover{background:#2a6047;transform:translateY(-1px)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.btn-arrow{font-size:21px;font-weight:400;line-height:.7}.safe-note{display:flex;align-items:center;gap:5px;color:#9aa49a;margin-top:15px;font-size:10px}.safe-note svg{width:14px;height:14px}.loader{margin:25px 0;width:38px;height:38px;border:3px solid #cddfcd;border-top-color:#276947;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-title{font-family:var(--title);font-size:26px;color:#264938;margin:7px 0 9px;font-weight:500}.state-copy{font-size:12px;line-height:1.65;color:#7c8c80;max-width:300px;margin-bottom:16px}.final-panel{padding:27px 0 13px}.success-ring,.expired-ring{width:76px;height:76px;border:1px solid #9ac89c;border-radius:50%;display:grid;place-items:center;background:#e6f4e1;color:#357748;font-size:33px}.expired-ring{background:#fff3df;color:#9a7430;border-color:#eed6a4;font-size:25px}.final-tag{font:10px var(--mono);letter-spacing:.1em;border:1px dashed #9dbd9c;color:#56825b;border-radius:7px;padding:12px 14px;margin:6px 0 12px}.final-panel .primary-btn{margin-top:9px}.error-box{padding:12px 14px;background:#fff2ef;color:#9a4a38;border:1px solid #f1c8be;border-radius:8px;font-size:12px;line-height:1.5;margin-top:12px}
.pix-result{padding-top:17px}.payment-status{display:flex;align-items:center;gap:8px;font:600 11px var(--body);color:#9c7b31;background:#fff9e8;padding:11px 12px;border-radius:7px;margin-bottom:16px}.pulse-dot{width:8px;height:8px;background:#d09e3f;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #e0b75d26}}.expiry{margin-left:auto;font:10px var(--mono);color:#9b8f6f}.qr-shell{margin:0 auto;display:grid;place-items:center;position:relative;width:216px;height:216px;background:#fff;border:1px solid #e1eae0;border-radius:13px;padding:13px}.qr-code{width:180px;height:180px;display:grid;place-items:center}.qr-code svg{width:100%;height:100%}.qr-code img{max-height:100%;max-width:100%;object-fit:contain}.qr-corner{position:absolute;width:17px;height:17px;border-color:#489667;border-style:solid}.top-left{left:-2px;top:-2px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}.top-right{right:-2px;top:-2px;border-width:2px 2px 0 0;border-radius:0 6px 0 0}.bottom-left{left:-2px;bottom:-2px;border-width:0 0 2px 2px;border-radius:0 0 0 6px}.bottom-right{right:-2px;bottom:-2px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}.pix-instruction{text-align:center;font-size:11px;max-width:285px;line-height:1.7;color:#809181;margin:13px auto 15px}.pix-code-wrap>label{display:block;font:500 10px var(--mono);color:#728879;letter-spacing:.08em;margin:0 0 8px}.copy-row{display:flex;gap:7px}.copy-row input{height:44px;border:1px solid #dce5dc;border-radius:8px;background:#f8faf7;color:#617768;min-width:0;flex:1;padding:0 12px;font:10px var(--mono);text-overflow:ellipsis;cursor:text}.copy-btn{background:#e0ecdf;color:#23543a;border:0;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700;display:flex;gap:5px;align-items:center}.copy-btn svg{width:16px;height:16px}.copy-btn:hover{background:#cde2cb}.pix-footnote{text-align:center;font-size:10px;line-height:1.5;margin:13px auto 6px;color:#9aab9a;max-width:280px}.text-button{background:none;border:0;font-size:11px;font-weight:700;color:#426e50;padding:6px;display:block;margin:auto}.text-button span{margin-left:4px}
.ticket-bottom{border-top:1px solid #e9ede7;background:#f8faf5;padding:17px 30px 24px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8ba18c;font:500 9px var(--mono);letter-spacing:.07em}.ticket-bottom span:last-child{font-size:16px;color:#80aa80}.under-ticket{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 3px 0;font:500 10px var(--mono);color:#84998a;letter-spacing:.04em}.under-ticket span:first-child{display:flex;align-items:center;gap:6px}.under-ticket svg{width:17px;height:17px}.page-footer{height:60px;border-top:1px solid #d5dbd1;display:flex;align-items:center;justify-content:space-between;color:#91a094;font:500 9px var(--mono);letter-spacing:.075em}.toast{position:fixed;z-index:10;left:50%;bottom:28px;transform:translate(-50%,15px);padding:13px 18px;border-radius:11px;background:#183e36;color:white;font-size:12px;font-weight:600;box-shadow:0 10px 30px #15362f30;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.shell{width:min(900px,calc(100% - 60px))}.content{gap:42px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.editorial h1{font-size:clamp(45px,5.4vw,68px)}.hero-price{font-size:clamp(76px,9.5vw,110px)}.ticket-body{padding:22px 22px}.ticket-top{padding:24px 22px 17px}.floating-star{left:-38px;top:80px;font-size:40px}.editorial-description{font-size:14px}}
@media(max-width:760px){.shell{width:min(520px,calc(100% - 36px))}.masthead{height:72px}.logo-mark{width:30px;height:30px}.logo-text{font-size:23px}.masthead-aside{font-size:8px;gap:8px}.masthead-number{display:none}.content{min-height:0;display:flex;flex-direction:column;gap:27px;padding:34px 0 42px}.editorial{width:100%;padding:0}.editorial h1{font-size:clamp(44px,8.8vw,66px);letter-spacing:-.047em;line-height:1.08;margin:21px 0 12px}.editorial-description{font-size:13px;line-height:1.6;max-width:410px}.editorial-separator,.price-label,.hero-price,.price-comment,.steps,.side-footer{display:none}.checkout-area{max-width:100%}.floating-star{left:auto;right:-12px;top:-24px;z-index:-1;opacity:.5}.ticket-top{padding:25px 22px 16px}.ticket-title{font-size:45px}.ticket-symbol{width:57px}.ticket-body{padding:21px 22px 23px}.under-ticket{font-size:9px;margin-top:16px}.page-footer{height:65px;font-size:8px}.page-footer span:last-child{max-width:45%;text-align:right}}
@media(max-width:390px){.shell{width:calc(100% - 24px)}.masthead-aside{font-size:7px}.editorial h1{font-size:40px}.ticket-body{padding-left:17px;padding-right:17px}.ticket-top{padding-left:17px;padding-right:17px}.order-grid{gap:6px}.order-item strong{font-size:11px}.ticket-bottom{padding:17px 17px 24px}.ticket-bottom span:nth-child(2){font-size:8px}.under-ticket{font-size:8px}.pix-choice span:not(.selected-circle){font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition:none!important}}

/* Pedido Taxado — checkout centralizado, sem landing page. */
.shell{max-width:1120px;width:min(100% - 44px,1120px)}
.masthead{height:90px}
.logo{gap:12px}
.logo-mark{width:42px;height:42px}
.logo-text{font-size:25px;letter-spacing:-1.2px}
.logo-text span{font-weight:500;color:#598c71}
.masthead-aside{font-size:10px;color:#466856}
.content.checkout-only{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100svh - 150px);padding:52px 0 60px}
.checkout-area{margin:0;width:100%;max-width:520px}
.ticket{border-radius:20px 20px 12px 12px;box-shadow:0 24px 70px #2c5a3b17,0 3px 10px #223f2910}
.ticket-top{padding:27px 32px 18px}
.ticket-title{font-size:43px}
.ticket-title span{color:#bedbb7}
.ticket-top-bottom{margin-top:23px}
.ticket-body{padding:26px 32px 16px}
.order-item strong{font-size:13px}
.disclosure{font-size:11px;color:#7b877d;line-height:1.6;margin:0 32px 24px;border-top:1px solid #edf0e9;padding-top:13px}
.ticket-bottom{padding-top:18px}
.under-ticket{justify-content:center;text-align:center}
.page-footer{gap:20px;font-size:10px}
.page-footer span:last-child{text-align:right}
@media(max-width:760px){
 .shell{width:min(520px,calc(100% - 28px))}
 .masthead{height:76px}
 .logo-mark{width:35px;height:35px}
 .logo-text{font-size:22px}
 .content.checkout-only{padding:26px 0 36px;min-height:0}
 .ticket-top{padding:25px 23px 16px}
 .ticket-title{font-size:40px}
 .ticket-body{padding:22px 22px 13px}
 .disclosure{margin:0 22px 22px}
 .page-footer{height:auto;min-height:75px;padding:18px 0;font-size:9px}
}
@media(max-width:390px){
 .shell{width:calc(100% - 22px)}
 .masthead-aside{font-size:9px}
 .logo-text{font-size:20px}
 .ticket-title{font-size:38px}
 .ticket-body{padding-left:18px;padding-right:18px}
 .ticket-top{padding-left:20px;padding-right:20px}
 .disclosure{margin-left:18px;margin-right:18px}
}

.disclosure strong{color:#6d4b2d}
