/* ============================================================
   OFFER PAGE — Redesign CSS
   Escopo: body[data-screen="offer"]
   Paleta: #F7F9FC (bg), #071C35 (navy), #159447 (green CTA),
           #D6A84B (gold accent), #FFFFFF (white)
   Max-width conteúdo: 700px
   Mobile-first
   ============================================================ */

/* ---- GLOBAL OFFER OVERRIDES ---- */
body[data-screen=offer]{background:#F7F9FC}
body[data-screen=offer]>.brand{display:none}
body[data-screen=offer] main{max-width:700px;width:calc(100% - 32px)}

/* ---- SALES PAGE WRAPPER ---- */
.sales-page{padding:24px 0 0;color:#071C35}

/* ---- HERO ---- */
.of-hero{text-align:center;padding:0 0 10px}
.of-badge-green{
 display:inline-flex;align-items:center;gap:6px;
 font-size:11px;font-weight:700;letter-spacing:.8px;
 color:#159447;background:#E8F5ED;
 border:1px solid #C2E5CE;border-radius:30px;
 padding:6px 16px;margin-bottom:20px
}
.of-badge-green svg{width:15px;height:15px;color:#159447}
.of-hero-title{
 font-size:clamp(26px,6vw,36px);line-height:1.2;
 letter-spacing:-.8px;margin:0 0 6px;color:#071C35;
 font-weight:700
}
.of-hero-subtitle{
 font-size:clamp(22px,5vw,30px);line-height:1.25;
 color:#071C35;margin:0 0 18px;font-weight:400
}
.of-hero-subtitle strong{color:#159447;font-weight:700}
.of-hero-text{
 font-size:15px;line-height:1.65;color:#3D5A80;
 max-width:560px;margin:0 auto
}

/* ---- CERTIFICATE DISPLAY ---- */
.of-cert-display{padding:40px 0 0}
.of-face-label{
 font-size:11px;font-weight:700;letter-spacing:2px;
 color:#8A9BB5;text-align:center;margin:0 0 12px;
 text-transform:uppercase
}
.of-cert-large{margin:0 0 32px}
.of-cert-large .certificate-photo{
 margin:0 auto;max-width:100%;
 border-radius:6px;overflow:hidden;
 box-shadow:0 4px 20px #071C3518
}
.of-cert-large .certificate-photo img{border-radius:5px}

.of-name-bar{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 background:#FFFFFF;border:1px solid #E1E8F0;border-radius:10px;
 padding:14px 18px;margin:0 auto;max-width:480px
}
.of-name-label{display:block;font-size:11px;color:#8A9BB5;letter-spacing:.3px;margin-bottom:2px}
.of-name-value{display:block;font-size:15px;color:#071C35;overflow-wrap:anywhere;font-weight:600}
.of-name-bar>div{min-width:0}
.of-name-bar button{flex-shrink:0;font-size:13px;white-space:nowrap}

/* ---- SECTIONS ---- */
.of-section{margin:56px 0}
.of-title-lg{
 font-size:clamp(22px,5vw,28px);line-height:1.3;
 letter-spacing:-.5px;color:#071C35;
 text-align:center;margin:0 0 12px;font-weight:700
}
.of-title-lg strong{color:#159447}
.of-subtitle{
 font-size:15px;line-height:1.6;color:#3D5A80;
 text-align:center;max-width:540px;margin:0 auto 28px
}

/* ---- COMPARISON (SEÇÃO 2) ---- */
.comparison-grid{
 display:grid;grid-template-columns:1fr 1fr;gap:20px
}
.of-compare{border-radius:12px;padding:24px 20px}
.of-compare h3{
 font-size:12px;font-weight:700;letter-spacing:1px;
 margin:0 0 16px;text-transform:uppercase
}
.of-compare ul{list-style:none;padding:0;margin:0}
.of-compare li{
 font-size:14px;line-height:1.55;margin:10px 0;
 padding-left:0
}
.of-compare--no{background:#FFF5F5;border:1px solid #FECACA;color:#7F1D1D}
.of-compare--no h3{color:#991B1B}
.of-compare--yes{background:#ECFDF5;border:1px solid #A7F3D0;color:#064E3B}
.of-compare--yes h3{color:#065F46}

/* ---- INDICATORS (SEÇÃO 3) ---- */
.of-indicators{
 display:flex;justify-content:center;gap:32px;
 flex-wrap:wrap;margin-top:8px
}
.of-indicators>div{text-align:center;min-width:100px}
.of-ind-number{
 display:block;font-size:44px;font-weight:800;
 color:#071C35;line-height:1.1;margin-bottom:6px
}
.of-ind-icon{display:flex;justify-content:center;margin-bottom:6px}
.of-ind-icon svg{width:44px;height:44px;color:#159447}
.of-ind-label{
 display:block;font-size:11px;font-weight:600;
 letter-spacing:.8px;color:#6B7F99;
 text-transform:uppercase;line-height:1.4
}

/* ---- TRUST (SEÇÃO 5) ---- */
.of-trust{
 background:#071C35;color:#FFFFFF;
 border-radius:16px;padding:40px 32px;
 margin:56px 0
}
.of-trust-inner{max-width:580px;margin:0 auto}
.of-trust-title{
 font-size:clamp(20px,4.5vw,26px);line-height:1.3;
 letter-spacing:-.4px;margin:0 0 14px;color:#FFFFFF;
 text-align:center;font-weight:700
}
.of-trust-text{
 font-size:15px;line-height:1.65;color:#B0C4DE;
 text-align:center;margin:0 0 28px
}
.of-trust-highlight{
 display:flex;align-items:flex-start;gap:14px;
 background:#0C2845;border:1px solid #1A3A5C;
 border-radius:10px;padding:18px
}
.of-trust-highlight svg{flex-shrink:0;color:#D6A84B}
.of-trust-highlight strong{
 display:block;font-size:15px;color:#FFFFFF;margin-bottom:4px
}
.of-trust-highlight p{
 font-size:13px;line-height:1.55;color:#8EAAC8;margin:0
}
.of-trust-processing{
 font-size:13px;color:#8EAAC8;text-align:center;
 margin:20px 0 0;line-height:1.5
}
.of-trust-processing strong{color:#D6A84B}
.of-trust-disclaimer{
 font-size:11px;color:#5F7D9B;text-align:center;
 margin:18px 0 0;line-height:1.6;
 border-top:1px solid #152D48;padding-top:16px
}

/* ---- OFFER (SEÇÃO 6) ---- */
.of-offer{text-align:center}
.of-special-badge{
 display:inline-block;background:#EFF6FF;color:#1D4ED8;
 border:1px solid #BFDBFE;font-size:11px;font-weight:800;
 letter-spacing:1px;padding:5px 14px;border-radius:20px;
 margin-bottom:10px;text-transform:uppercase
}
.of-offer-condition{
 display:block;font-size:12px;font-weight:800;
 letter-spacing:1.5px;color:#D97706;margin-bottom:8px;text-transform:uppercase
}
.of-offer-eyebrow{
 display:inline-block;font-size:11px;font-weight:700;
 letter-spacing:1.5px;color:#D6A84B;margin-bottom:10px
}
.of-offer-box{
 background:#FFFFFF;border:1px solid #E1E8F0;
 border-radius:16px;padding:36px 28px;
 max-width:480px;margin:0 auto;
 box-shadow:0 4px 24px #071C350A
}
.of-price-from{
 font-size:15px;color:#64748B;font-weight:600;margin-bottom:2px
}
.of-strike{
 text-decoration:line-through;color:#94A3B8;font-weight:700;font-size:17px
}
.of-offer-box .sales-price{
 font-size:52px;font-weight:800;color:#159447;
 letter-spacing:-2px;line-height:1.05;margin:0
}
.of-offer-single{
 display:block;font-size:13px;color:#6B7F99;margin:4px 0 10px
}
.of-urgency-notice{
 font-size:12px;font-weight:600;color:#B45309;background:#FFFBEB;
 border:1px solid #FDE68A;padding:6px 12px;border-radius:6px;
 margin:0 0 16px;display:inline-block
}
.of-delivery-box{
 background:#F2FBF6;border:1px solid #CDEEDC;
 border-radius:12px;padding:14px 16px;
 margin:0 0 20px;text-align:left
}
.of-delivery-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.of-delivery-badge{
 background:#159447;color:#FFFFFF;font-size:9px;font-weight:800;
 letter-spacing:1px;padding:2px 7px;border-radius:4px
}
.of-delivery-title{font-size:13px;font-weight:700;color:#0F5B2F}
.of-delivery-channels{display:flex;flex-direction:column;gap:6px}
.of-delivery-item{
 display:flex;align-items:center;gap:8px;font-size:13px;color:#284B38
}
.of-delivery-item svg{flex-shrink:0}
.of-channel-icon.whatsapp{color:#1FA353}
.of-channel-icon.email{color:#2B6CB0}
.of-cta-microcopy{
 font-size:12px;font-weight:600;color:#117A3A;margin:10px 0 0;text-align:center
}
.of-offer-list{
 list-style:none;padding:0;margin:0 0 28px;text-align:left
}
.of-offer-list li{
 display:flex;align-items:flex-start;gap:8px;
 font-size:14px;line-height:1.5;color:#3D5A80;margin:9px 0
}
.of-offer-list svg{
 width:17px;height:17px;color:#159447;flex-shrink:0;margin-top:2px
}
.of-cta{
 display:flex;align-items:center;justify-content:center;
 width:100%;min-height:54px;padding:16px 20px;
 border:0;border-radius:10px;cursor:pointer;
 background:#159447;color:#FFFFFF;
 font-size:15px;font-weight:700;letter-spacing:.3px;
 transition:background .18s;
 box-shadow:0 4px 16px #15944730
}
.of-cta:hover{background:#117A3A}
.of-cta:active{transform:translateY(1px)}
.of-offer-note{
 font-size:12px;color:#8A9BB5;margin:14px 0 0;text-align:center
}

/* ---- RECEBIMENTO E FRETE ---- */
.delivery-options{display:grid;gap:18px;max-width:560px;margin:0 auto;text-align:left}
.delivery-card{background:#fff;border:1px solid #E1E8F0;border-radius:16px;padding:24px 22px;box-shadow:0 4px 24px #071C350A}
.delivery-card-digital{border-top:4px solid #159447}.delivery-card-physical{border-top:4px solid #D6A84B}
.delivery-card-kicker{display:block;color:#159447;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:7px}.delivery-card-physical .delivery-card-kicker{color:#A06B17}
.delivery-card h3{font-size:23px;color:#071C35;margin:0 0 6px}.delivery-card-desc{font-size:14px;line-height:1.55;color:#526B86;margin:0 0 18px}
.physical-price{font-size:27px;font-weight:800;color:#A06B17;margin:-4px 0 12px}.physical-price small{font-size:12px;font-weight:600;color:#71849A}
.physical-headline{font-size:25px!important;line-height:1.12!important;color:#A06B17!important;letter-spacing:.2px;text-wrap:balance}.physical-free-copy{font-size:15px;font-weight:700;color:#159447;background:#ECFDF5;border:1px solid #BDE7CC;border-radius:9px;padding:10px 12px;margin:10px 0 15px}
.digital-choice-grid,.shipping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px}.shipping-grid{grid-template-columns:repeat(3,1fr)}
.choice-card,.shipping-card{appearance:none;text-align:left;border:1px solid #D8E2EC;background:#F8FAFC;border-radius:10px;padding:13px 12px;cursor:pointer;color:#17324F;transition:border-color .18s,background .18s,box-shadow .18s}.choice-card strong,.choice-card span,.choice-card small,.shipping-card strong,.shipping-card span,.shipping-card b{display:block}.choice-card strong{font-size:14px}.choice-card span{font-size:22px;font-weight:800;color:#159447;margin:2px 0}.choice-card small{font-size:11px;color:#71849A}.choice-card.is-selected,.shipping-card.is-selected{border-color:#159447;background:#ECFDF5;box-shadow:0 0 0 2px #15944722}.shipping-card.is-selected{border-color:#159447}.shipping-card strong{font-size:13px}.shipping-card span{font-size:11px;color:#64748B;margin:3px 0}.shipping-card b{font-size:16px;color:#159447}.address-fields{display:grid;grid-template-columns:1fr 150px;gap:10px;margin-bottom:16px}.address-fields label{font-size:12px;color:#425D78;font-weight:700}.address-fields input{margin-top:5px;min-height:44px;padding:10px 11px;font-size:13px}.physical-cta{background:#B47D22}.physical-cta:hover{background:#916319}.digital-cta{margin-top:2px}
@media(max-width:520px){.shipping-grid{grid-template-columns:1fr}.address-fields{grid-template-columns:1fr}.delivery-card{padding:20px 16px}}
.address-fields-complete .field-wide{grid-column:1}.address-fields-complete label:nth-of-type(2){grid-column:1 / 3}.search-shipping{align-self:end;min-height:44px;border:0;border-radius:8px;background:#159447;color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;cursor:pointer}.search-shipping:hover{background:#117A3A}.shipping-results-label{font-size:13px;font-weight:800;color:#17324F;margin:8px 0 10px}.shipping-hint{font-size:12px;color:#71849A;background:#F8FAFC;border:1px dashed #CBD8E5;border-radius:8px;padding:12px;margin:8px 0 0;text-align:center}.physical-cta{background:#159447!important;box-shadow:0 6px 16px #15944730}.physical-cta:hover{background:#117A3A!important}.physical-cta.freight-ready{position:relative;overflow:hidden}.physical-cta.freight-ready:after{content:"";position:absolute;top:-40%;left:-35%;width:24%;height:180%;background:rgba(255,255,255,.48);transform:skewX(-20deg);animation:freightShine 2s ease-in-out infinite;pointer-events:none}@keyframes freightShine{0%,38%{left:-35%;opacity:0}48%{opacity:1}70%,100%{left:125%;opacity:0}}
.carrier-line{display:flex;align-items:center;gap:9px;margin-bottom:3px;min-height:30px}.carrier-logo-img{display:block;width:58px;height:30px;object-fit:contain;object-position:left center;flex-shrink:0;background:#fff;border-radius:5px}.carrier-logo-correios{width:64px}.carrier-logo-braspress{width:62px}.carrier-logo-jadlog{width:58px}
.delivery-balloons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 0}.delivery-balloon{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 14px;font-size:11.5px;font-weight:700;letter-spacing:.2px;box-shadow:0 3px 8px rgba(0,0,0,.04);transition:transform .2s;cursor:default}.delivery-balloon:hover{transform:translateY(-1px)}.delivery-balloon-digital{color:#0d592a;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.delivery-balloon-home{color:#784d0b;background:linear-gradient(145deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.balloon-icon{font-size:14px}.delivery-balloon{animation:balloonIn .5s ease both}.delivery-balloon-home{animation-delay:.1s}@keyframes balloonIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.physical-cta.freight-ready:after,.delivery-balloon{animation:none}}
@media(max-width:520px){.address-fields-complete .field-wide,.address-fields-complete label:nth-of-type(2){grid-column:auto}}

/* ---- BÔNUS (SEÇÃO 7) ---- */
.of-bonus{text-align:center}
.of-bonus-eyebrow{
 display:block;font-size:12px;font-weight:700;
 letter-spacing:1.2px;color:#D6A84B;margin-bottom:10px
}
.of-bonus-title{
 font-size:18px;font-weight:700;color:#071C35;
 margin:0 0 8px;line-height:1.35
}
.of-bonus-desc{
 font-size:14px;color:#3D5A80;line-height:1.6;
 max-width:480px;margin:0 auto 16px
}
.of-bonus-badge{
 display:inline-block;font-size:11px;font-weight:700;
 letter-spacing:.8px;color:#159447;background:#E8F5ED;
 border:1px solid #C2E5CE;border-radius:30px;
 padding:6px 18px
}

/* ---- GUARANTEE (SEÇÃO 8) ---- */
.of-guarantee{
 display:flex;align-items:center;gap:20px;
 background:#FFFFFF;border:1px solid #E1E8F0;
 border-radius:12px;padding:24px;
 margin:40px 0;max-width:480px;margin-left:auto;margin-right:auto
}
.of-guarantee-seal{flex-shrink:0;width:90px;height:90px;object-fit:contain}
.of-guarantee p{
 font-size:14px;color:#3D5A80;line-height:1.55;margin:0
}

/* ---- STEPS (SEÇÃO 9) ---- */
.of-steps{text-align:center}
.of-steps-grid{
 display:flex;align-items:center;justify-content:center;
 gap:0;margin:28px 0 20px
}
.of-step{text-align:center;flex:0 1 180px}
.of-step-num{
 display:flex;align-items:center;justify-content:center;
 width:44px;height:44px;border-radius:50%;
 background:#071C35;color:#FFFFFF;
 font-size:16px;font-weight:700;
 margin:0 auto 10px
}
.of-step p{font-size:14px;color:#3D5A80;line-height:1.5;margin:0}
.of-step-line{
 width:40px;height:2px;background:#D1DAE6;flex-shrink:0;
 margin:0 4px;align-self:flex-start;margin-top:22px
}
.of-steps-note{
 font-size:12px;color:#6B7F99;margin:8px 0 0;line-height:1.5
}

/* ---- FAQ (SEÇÃO 10) ---- */
.sales-faq{margin:48px 0}
.sales-faq h2{margin-bottom:20px}
.sales-faq details{
 border-bottom:1px solid #E1E8F0;padding:16px 0
}
.sales-faq summary{
 cursor:pointer;font-size:15px;font-weight:600;
 color:#071C35;padding-right:24px;
 position:relative;list-style:none;
 line-height:1.45
}
.sales-faq summary::-webkit-details-marker{display:none}
.sales-faq summary::after{
 content:'+';position:absolute;right:0;top:0;
 font-size:20px;font-weight:400;color:#8A9BB5;
 line-height:1.3;transition:transform .2s
}
.sales-faq details[open] summary::after{content:'−'}
.sales-faq details p{
 font-size:14px;line-height:1.6;color:#3D5A80;margin:10px 0 0
}

/* ---- BOTTOM ---- */
.of-bottom{
 display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
 border-top:1px solid #E1E8F0;margin-top:40px;padding:20px 0 4px
}
.of-bottom span{
 font-size:12px;color:#6B7F99;
 display:flex;align-items:center;gap:5px
}
.of-bottom svg{width:14px;height:14px;color:#159447}

/* ---- STICKY CTA BAR ---- */
.of-sticky-bar{
 position:fixed;bottom:0;left:0;right:0;
 z-index:999;transform:translateY(100%);
 transition:transform .3s ease;
 background:#FFFFFF;
 border-top:1px solid #E1E8F0;
 box-shadow:0 -2px 16px #071C3512;
 padding:10px 16px;
 padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))
}
.of-sticky-bar.of-sticky-visible{transform:translateY(0)}
.of-sticky-inner{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;max-width:700px;margin:0 auto
}
.of-sticky-info{display:flex;flex-direction:column;gap:0}
.of-sticky-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#6B7F99;text-transform:uppercase}
.of-sticky-price{font-size:20px;font-weight:800;color:#071C35;letter-spacing:-.5px;line-height:1.2}
.of-sticky-btn{
 flex-shrink:0;padding:12px 24px;
 border:0;border-radius:8px;cursor:pointer;
 background:#159447;color:#FFFFFF;
 font-size:14px;font-weight:700;letter-spacing:.3px;
 transition:background .18s;min-height:44px
}
.of-sticky-btn:hover{background:#117A3A}
.of-sticky-btn:active{transform:translateY(1px)}

/* ============================================================
   RESPONSIVE — max-width: 600px (mobile)
   ============================================================ */
@media(max-width:600px){
 body[data-screen=offer] main{width:calc(100% - 32px)}

 .of-hero{padding:0 0 6px}
 .of-hero-title{font-size:26px;letter-spacing:-.6px}
 .of-hero-subtitle{font-size:22px}
 .of-hero-text{font-size:14px}

 .of-cert-display{padding:32px 0 0}
 .of-cert-large{margin:0 0 24px}

 .of-name-bar{padding:12px 14px;gap:8px}
 .of-name-bar button{font-size:12px}

 .of-section{margin:40px 0}
 .of-title-lg{font-size:22px}
 .of-subtitle{font-size:14px;margin-bottom:22px}

 .comparison-grid{grid-template-columns:1fr;gap:14px}
 .of-compare{padding:20px 16px}
 .of-compare li{font-size:13px}

 .of-indicators{gap:20px}
 .of-ind-number{font-size:36px}
 .of-ind-icon svg{width:36px;height:36px}
 .of-ind-label{font-size:10px}

 .of-trust{padding:32px 20px;border-radius:12px;margin:40px 0}
 .of-trust-title{font-size:20px}
 .of-trust-text{font-size:14px}
 .of-trust-highlight{padding:14px;gap:10px}
 .of-trust-highlight strong{font-size:14px}
 .of-trust-highlight p{font-size:12px}

 .of-offer-box{padding:28px 20px}
 .of-offer-box .sales-price{font-size:42px}
 .of-offer-list li{font-size:13px}
 .of-cta{font-size:14px;min-height:52px}

 .of-bonus-title{font-size:16px}
 .of-bonus-desc{font-size:13px}

 .of-guarantee{padding:20px;gap:12px}

 .of-steps-grid{flex-direction:column;gap:0}
 .of-step{flex:none;width:100%}
 .of-step-line{width:2px;height:24px;margin:4px auto}

 .sales-faq summary{font-size:14px}
 .sales-faq details p{font-size:13px}

 .of-sticky-bar{padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 .of-sticky-price{font-size:18px}
 .of-sticky-btn{padding:10px 18px;font-size:13px}
}

/* ============================================================
   RESPONSIVE — max-width: 370px (small screens)
   ============================================================ */
@media(max-width:370px){
 .of-hero-title{font-size:23px}
 .of-hero-subtitle{font-size:20px}
 .of-indicators{gap:14px}
 .of-ind-number{font-size:30px}
 .of-offer-box .sales-price{font-size:36px}
 .of-name-bar{flex-direction:column;align-items:flex-start}
}

/* ---- NOVIDADES: PRICE BOX & LOADING FRETE ---- */
.price-box {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 4px 0;
}
.price-box del {
    font-size: 13px;
    color: #94A3B8;
    text-decoration: line-through;
    font-weight: 500;
}
.price-box ins {
    font-size: 22px;
    font-weight: 800;
    color: #159447;
    text-decoration: none;
}
.shipping-card .price-box ins {
    font-size: 16px;
}
.shipping-card .price-box del {
    font-size: 11px;
}
.choice-card .price-box { display: flex; flex-direction: row; }

.btn-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.8s linear infinite;
    margin-right: 6px;
    vertical-align: middle;
}

@keyframes spin { to { transform: rotate(360deg); } }

.shipping-loading-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    background: #F8FAFC;
    border: 1px dashed #CBD8E5;
    border-radius: 10px;
    margin-bottom: 16px;
    text-align: center;
    color: #64748B;
    font-size: 13px;
    font-weight: 500;
}

.shipping-loading-state .loading-circle {
    width: 30px;
    height: 30px;
    border-width: 3px;
    border-color: #E1E8F0;
    border-top-color: #159447;
    margin-bottom: 12px;
    animation: rotate 1s linear infinite;
}

/* ---- MESCLA DE DESIGN: HEADER DE PREÇO E LISTA DE BENEFÍCIOS ---- */
.of-offer-header-box {
    text-align: center;
    margin-bottom: 24px;
}
.of-price-from {
    font-size: 15px;
    color: #94A3B8;
    text-decoration: line-through;
    font-weight: 500;
    display: block;
    margin-bottom: -4px;
}
.of-price-to {
    font-size: 56px;
    font-weight: 900;
    color: #159447;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -1px;
}
.of-price-freq {
    font-size: 13px;
    color: #64748B;
    display: block;
    margin-top: 2px;
    margin-bottom: 16px;
}
.of-urgency-notice {
    display: inline-block;
    background: #FFFBEB;
    color: #D97706;
    border: 1px solid #FDE68A;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}
.of-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
    background: #F8FAFC;
    border: 1px solid #E1E8F0;
    border-radius: 12px;
    padding: 20px;
}
.of-benefits-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    color: #3D5A80;
    margin-bottom: 12px;
}
.of-benefits-list li:last-child {
    margin-bottom: 0;
}
.of-benefits-list li svg {
    width: 18px;
    height: 18px;
    color: #159447;
    flex-shrink: 0;
}

/* ---- SEÇÃO DE CHAMADA PARA RECEBER O DOCUMENTO ---- */
.of-receive-callout {
    background: #FFFFFF;
    border: 1px solid #E1E8F0;
    border-radius: 16px;
    padding: 32px 24px;
    margin: 32px auto 0;
    max-width: 580px;
    text-align: center;
    box-shadow: 0 6px 24px rgba(7, 28, 53, 0.05);
}
.of-callout-title {
    font-size: clamp(17px, 4.4vw, 22px);
    line-height: 1.3;
    letter-spacing: -0.3px;
    color: #071C35;
    font-weight: 800;
    margin: 0 0 12px;
    text-wrap: balance;
}
.of-callout-text {
    font-size: 15px;
    line-height: 1.6;
    color: #3D5A80;
    max-width: 480px;
    margin: 0 auto 22px;
}
.of-scroll-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 460px;
    min-height: 52px;
    margin: 0 auto;
    padding: 15px 20px;
    background: #159447;
    color: #FFFFFF;
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.3px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(21, 148, 71, 0.32);
    transition: background 0.18s, transform 0.15s;
    text-decoration: none;
}
.of-scroll-btn:hover {
    background: #117A3A;
    transform: translateY(-1px);
}
.of-scroll-btn:active {
    transform: translateY(1px);
}
.of-scroll-microcopy {
    font-size: 12px;
    color: #6B7F99;
    margin: 10px auto 0;
    line-height: 1.45;
}

/* ---- SEÇÃO 2 — APRESENTAÇÃO ENXUTA DO RESUMO ---- */
.of-summary {
    margin: 44px auto;
    max-width: 600px;
    text-align: center;
}
.of-summary-box {
    background: #FFFFFF;
    border: 1px solid #E1E8F0;
    border-radius: 14px;
    padding: 24px 22px;
    margin: 0 auto;
    box-shadow: 0 4px 16px rgba(7, 28, 53, 0.04);
}
.of-summary-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: left;
}
.of-summary-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14.5px;
    line-height: 1.5;
    color: #253344;
}
.of-summary-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #E8F5ED;
    color: #159447;
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 1px;
}

@media (max-width: 600px) {
    .of-receive-callout {
        padding: 24px 18px;
        margin: 24px auto 0;
    }
    .of-summary {
        margin: 36px auto;
    }
    .of-summary-box {
        padding: 20px 16px;
    }
    .of-summary-list li {
        font-size: 13.5px;
    }
    .of-scroll-btn {
        min-height: 48px;
        font-size: 14px;
        padding: 13px 14px;
    }
}
@media (max-width: 370px) {
    .of-scroll-btn {
        font-size: 13px;
        padding: 12px 8px;
    }
    .of-callout-title {
        font-size: 16px;
    }
}
/* Oferta: escolha, resumo e pagamento no mesmo bloco. */
.sales-page-clear .of-hero-title strong{display:block;color:#117a3a}
.sales-page-clear .of-cert-display{padding-top:24px}
.sales-page-clear .of-cert-large{margin-bottom:16px}
.sales-page-clear .of-offer{margin-top:28px}
.of-certificate-back{margin:0 auto 16px;max-width:560px}
.of-certificate-back summary,.of-pix-help summary{cursor:pointer;font-weight:700;min-height:44px;padding:12px 0;color:#17324f}
.of-certificate-back .of-cert-large{margin-top:12px}
.of-choice-list{display:grid;gap:12px;margin:18px 0}
.choice-card.of-choice{display:block;width:100%;padding:16px;text-align:left;border-width:2px;border-radius:12px}
.choice-card .of-choice-state{font-size:12px;line-height:1.4;color:#435c73;margin:0 0 8px;font-weight:600}
.choice-card.is-selected .of-choice-state{color:#0c6230}
.choice-card .of-choice-title{font-size:17px;line-height:1.35;color:#071c35;margin:0 0 5px}
.choice-card .of-choice-price{font-size:25px;color:#117a3a;margin:0 0 8px}
.choice-card .of-choice-description{font-size:14px;line-height:1.5;font-weight:400;color:#304d68;margin:0 0 8px}
.choice-card .of-choice-time{font-size:14px;line-height:1.5;color:#0c6230;font-weight:700}
.choice-card .of-delivery-condition{font-size:12px;line-height:1.5;color:#435c73;font-weight:400;margin:2px 0 0}
.of-delivery-highlight{display:grid;gap:4px;margin-top:8px;padding:14px;border:1px solid #b9ddc7;border-radius:10px;background:#ecfdf5}
.of-order-summary .of-delivery-highlight strong{font-size:16px;line-height:1.4;color:#0c6230}
.of-delivery-highlight>span{font-size:13px;line-height:1.5;color:#304d68}
.of-order-summary{display:grid;gap:6px;border-top:1px solid #d8e2ec;padding:18px 0;color:#17324f;font-size:14px;line-height:1.5}
.of-order-summary strong{font-size:17px}.of-order-summary b{font-size:19px;color:#117a3a}
.of-payment-help,.of-scope-note{font-size:14px;line-height:1.6;color:#435c73;margin:12px 0}
.of-scope-note{text-align:center}
.of-pix-help{font-size:14px;line-height:1.6;border-top:1px solid #d8e2ec;margin-top:16px}
.of-pix-help ol{padding-left:22px}.of-pix-help li{margin:8px 0}
.of-physical-toggle{width:100%;min-height:48px;border:1px solid #159447;border-radius:8px;background:#ecfdf5;color:#0c6230;font-size:14px;font-weight:700;padding:12px;cursor:pointer}
.sales-page-clear [hidden]{display:none!important}
.sales-page-clear button:focus-visible,.sales-page-clear summary:focus-visible{outline:3px solid #2b6cb0;outline-offset:3px}
.sales-page-clear .digital-cta{font-size:15px;line-height:1.4;padding:16px 12px}
@media(max-width:370px){.sales-page-clear .delivery-card{padding:18px 12px}.choice-card.of-choice{padding:14px 12px}.sales-page-clear .digital-cta{font-size:13px}}

