/* Legibilidade e hierarquia da oferta */
s{font-weight:600;text-decoration-line:line-through;text-decoration-thickness:3px;text-decoration-color:#a15d46}
.announcement s{opacity:1}
.announcement s,.edition-seal s,.price s{text-decoration-color:#edb18b}
:root{--muted:#50594b}
body{font-size:18px;line-height:1.75}
.announcement{font-size:15px;letter-spacing:.6px;padding:13px 20px}
.announcement strong{font-size:21px}
.header{gap:30px}
.brand>span{font-size:32px}
.brand small{font-size:11px;letter-spacing:.8px}
.header nav{font-size:16px;gap:24px}
.nav-buy{font-size:16px;padding:13px 18px;white-space:nowrap}
.eyebrow,.hero .eyebrow{font-size:14px;letter-spacing:1.4px}
.hero{grid-template-columns:1.15fr 1fr;gap:40px}
.hero-description{font-size:19px;line-height:1.7;max-width:540px}
.hero-action{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.hero-price{padding:19px 26px;background:var(--sage);border-left:4px solid var(--gold);width:min(100%,430px)}
.hero-price .was-price{display:block;font-size:17px;line-height:1.4;color:var(--muted)}
.hero-price .now-price{display:flex;align-items:baseline;gap:7px;line-height:1.15;margin-top:5px;color:var(--ink)}
.hero-price .currency{font-size:27px;font-weight:600}
.hero-price strong{font:700 72px/1.1 Manrope,Arial,sans-serif;letter-spacing:-3px}
.hero-price .cents{font-size:31px;font-weight:600}
.hero-price .saving{display:block;font-size:15px;margin-top:9px;color:var(--ink)}
.button,.hero-action .button{font-size:18px;padding:20px 27px;min-height:64px;gap:25px}
.micro{font-size:14px;line-height:1.7;max-width:490px}
.vertical-caption{font-size:11px;letter-spacing:1.1px}
.edition-seal{width:195px;height:150px;top:-25px;right:0;left:auto;bottom:auto;border-radius:0;transform:rotate(4deg);background:var(--ink);color:var(--paper);border-color:var(--gold);outline:4px solid var(--paper);gap:8px}
.edition-seal>span{font:700 43px/1.2 Manrope,Arial,sans-serif;letter-spacing:-2px;white-space:nowrap}
.edition-seal small{font-size:14px;letter-spacing:.4px}
.book-facts>.wrap{gap:12px}
.book-facts p{flex-direction:column;gap:0;line-height:1.4}
.book-facts strong{font-size:44px}
.book-facts span{font-size:16px;text-align:center}
.intro,.author{gap:65px}
.intro-copy p:not(.eyebrow),.author-copy>p:not(.eyebrow),.offer-intro>p:not(.eyebrow){font-size:18px;line-height:1.8}
.image-caption,.chapter-tag{font-size:14px;letter-spacing:1px}
.text-link{font-size:17px;line-height:1.6;gap:20px}
.section-heading>p{font-size:18px;max-width:350px;line-height:1.8}
.chapter-grid{gap:35px}
.chapter-grid h3{font-size:38px}
.chapter-grid p{font-size:18px;line-height:1.8;max-width:none;min-height:160px}
.chapter-number{font-size:52px}
.editorial-note{max-width:100%;align-items:flex-start}
.editorial-note p{font-size:16px;line-height:1.8}
.preview-label{font-size:15px;line-height:1.6}
.preview-hint{font-size:15px}
.reading-banner p:not(.eyebrow){font-size:18px;max-width:680px}
.reading-banner img{right:15px;opacity:.65}
.author-portrait>span{font-size:15px;letter-spacing:1.3px}
blockquote{font-size:35px;line-height:1.25}
cite{font-size:14px;line-height:1.7;letter-spacing:.7px}
.offer-grid{gap:60px;grid-template-columns:1fr 1.08fr}
.offer-intro>p:not(.eyebrow){max-width:460px}
.offer-card{padding:38px 34px;border-color:#bbb39d}
.offer-card h3{font-size:42px}
.included li{font-size:17px;line-height:1.75;padding-left:29px;margin-bottom:15px}
.included li:before{font-size:19px}
.price{background:var(--ink);color:var(--paper);padding:25px 28px}
.price>p{font-size:18px}
.price>div{margin-top:7px;gap:7px;flex-wrap:nowrap}
.price>div>span:first-child{font-size:31px}
.price strong{font:700 112px/1.1 Manrope,Arial,sans-serif;letter-spacing:-5px}
.price>div>span:last-child{font:600 38px/1.2 Manrope,Arial,sans-serif}
.price .price-detail{font-size:15px;color:#e1e7d9;margin-top:10px}
.buy-button{font-size:18px;padding-inline:18px;gap:17px}
.purchase-status{font-size:15px;line-height:1.7}
.offer-note{font-size:14px;line-height:1.8}
summary{font-size:18px;line-height:1.65;padding-block:25px}
details p{font-size:17px;line-height:1.8}
.footer-row>a:last-child,.footer-bottom{font-size:14px}
.footer-bottom{gap:30px}
.footer-bottom p{max-width:600px}
.preview-toolbar,.preview-controls{font-size:16px}
.icon-button{width:46px;height:46px}
#purchase-dialog{width:560px}
#purchase-dialog>p:not(.eyebrow){font-size:18px}
#purchase-dialog .button{font-size:16px;gap:16px}
@media(max-width:1100px){
.header nav{gap:17px}.header nav>a:not(.nav-buy){display:none}
.hero{gap:28px}.hero-description{font-size:18px}
.hero-price strong{font-size:65px}.hero-art{min-width:0}
.chapter-grid p{min-height:225px}
.offer-grid{gap:35px}.offer-card{padding:30px 25px}
.price{padding:23px}.price strong{font-size:92px}
.buy-button{font-size:16px;gap:12px}
.footer-row .brand small{max-width:350px}
}
@media(max-width:800px){
.header .brand>span{font-size:29px}.header .brand small{font-size:10px}
.hero{grid-template-columns:1fr}.hero-copy{max-width:660px}
.hero-art{margin-top:30px}
.hero-price{width:430px}.hero-price strong{font-size:72px}
.hero-action .button{font-size:18px}
.book-facts p{align-items:center;padding:0}.book-facts span{font-size:16px}
.intro,.author,.offer-grid,.faq{grid-template-columns:1fr;gap:42px}
.chapter-grid{grid-template-columns:1fr;gap:28px}
.chapter-grid article{display:grid;grid-template-columns:65px 1fr;column-gap:20px}
.chapter-number{grid-row:1 / span 3}
.chapter-grid h3{margin:5px 0 17px}
.chapter-grid p{min-height:0}
.chapter-tag{grid-column:2}
.section-heading>p{max-width:560px}
.preview-grid{gap:22px}.preview-label{font-size:14px}
.offer-card{max-width:600px;padding:35px}
.price strong{font-size:112px}
.footer-row{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px}
}
@media(max-width:500px){
.announcement{font-size:13px;line-height:1.6;padding:10px 16px}
.announcement>span{display:none}.announcement>a{display:block;font-size:16px}
.announcement strong{font-size:23px}
.header{gap:16px;flex-wrap:wrap;padding-block:20px}
.header .brand>span{font-size:30px}.header .brand img{width:34px;height:47px}
.header .brand small{font-size:10px;letter-spacing:.4px}
.header nav{width:100%}.header .nav-buy{font-size:16px;justify-content:space-between;width:100%;padding:11px 16px}
.hero .eyebrow{font-size:13px;max-width:none;letter-spacing:1px}
.hero h1{font-size:61px;line-height:1.04}
.hero-description{font-size:18px;margin-top:25px}
.hero-price{width:100%;padding:20px 23px}
.hero-price strong{font-size:72px}
.hero-price .was-price{font-size:17px}
.hero-action{gap:18px}
.hero-action .button{width:100%;font-size:17px;padding:18px 16px;gap:18px}
.micro{font-size:14px;max-width:none}
.hero-art{min-height:470px}
.edition-seal{width:157px;height:130px;top:0;right:0;left:auto;bottom:auto}
.edition-seal>span{font-size:34px}.edition-seal small{font-size:13px}
.vertical-caption{font-size:9px}
.book-facts span{font-size:14px;max-width:145px}.book-facts strong{font-size:39px}
.book-facts>.wrap{gap:18px 12px}
.eyebrow{font-size:13px;letter-spacing:1px}
h2{font-size:46px}
.intro-copy p:not(.eyebrow),.author-copy>p:not(.eyebrow),.offer-intro>p:not(.eyebrow),.chapter-grid p,.section-heading>p{font-size:18px;line-height:1.75}
.image-caption{font-size:12px}
.chapter-grid article{grid-template-columns:44px 1fr;gap:0 15px}
.chapter-number{font-size:39px}.chapter-grid h3{font-size:34px}
.chapter-tag{font-size:13px}
.editorial-note p{font-size:15px}
.preview-label{font-size:14px}.preview-hint{font-size:14px}
.reading-banner h2{font-size:45px}
.reading-banner p:not(.eyebrow){font-size:18px;max-width:100%}
.reading-banner img{opacity:.2}
.reading-banner .button{font-size:17px;padding:18px 23px}
.author-portrait>span{font-size:14px}
.author-copy blockquote{font-size:33px}
cite{font-size:13px}
.offer-card{padding:28px 22px}
.offer-card h3{font-size:37px}
.included li{font-size:17px}
.price{padding:22px 19px}
.price strong{font-size:88px;letter-spacing:-4px}
.price>div>span:first-child{font-size:27px}
.price>div>span:last-child{font-size:30px}
.price .price-detail{font-size:14px}
.buy-button{font-size:17px;padding:18px 13px;gap:12px;line-height:1.6}
.purchase-status{font-size:14px}
.offer-note{font-size:14px}
summary{font-size:18px}
details p{font-size:17px;padding-right:0}
.closing h2{font-size:42px}
.footer-row .brand small{font-size:10px;max-width:270px}
.footer-bottom,.footer-row>a:last-child{font-size:14px}
footer{padding-bottom:135px}
.mobile-offer{padding:13px 18px max(13px,env(safe-area-inset-bottom));gap:15px}
.mobile-offer s{font-size:14px}.mobile-offer strong{font-size:29px;line-height:1.3}
.mobile-offer>a{font-size:16px;line-height:1.45;padding:15px 18px;gap:15px}
#purchase-dialog .button{font-size:16px;padding:16px}
#purchase-dialog>p:not(.eyebrow){font-size:18px}
.preview-toolbar{font-size:15px}
}
@media(max-width:360px){.hero h1{font-size:55px}.price strong{font-size:74px}.price>div>span:first-child{font-size:23px}.price>div>span:last-child{font-size:26px}.mobile-offer>a{font-size:14px;padding:14px 12px}.mobile-offer strong{font-size:27px}}

/* Oferta e chamada visíveis na primeira tela, sem reduzir o texto de leitura. */
.announcement{padding-block:8px}
.header{padding-block:17px}
.hero{padding-block:34px 58px;align-items:start}
.hero .eyebrow{margin-bottom:14px}
.hero h1{font-size:clamp(52px,4.65vw,67px);line-height:1.02;letter-spacing:-1.5px}
.hero-description{margin:18px 0 0;line-height:1.55}
.hero-action{margin-top:20px;gap:14px}
.hero-price{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px;width:min(100%,480px);padding:12px 20px}
.hero-price .was-price{grid-column:1;grid-row:1;font-size:17px}
.hero-price .now-price{grid-column:2;grid-row:1 / span 2;margin:0;gap:4px}
.hero-price strong{font-size:58px}
.hero-price .currency{font-size:23px}.hero-price .cents{font-size:26px}
.hero-price .saving{grid-column:1;grid-row:2;margin-top:4px;font-size:14px}
.hero-action .button{min-height:60px;padding:16px 23px;width:min(100%,480px)}
.hero .micro{margin-top:12px}
.hero-art{min-height:520px;margin-top:26px}
.mobile-offer{visibility:hidden;pointer-events:none}
.hero-cta-passed .mobile-offer{visibility:visible;pointer-events:auto}
@media(min-width:801px) and (max-height:750px){
 .hero{padding-top:24px}.hero h1{font-size:clamp(46px,4.2vw,60px)}
 .hero .eyebrow{margin-bottom:10px}.hero-description{margin-top:14px}
 .hero-action{margin-top:16px;gap:12px}.hero-price{padding-block:9px}
 .hero-art{min-height:480px}.hero-art .book{width:270px}
}
@media(max-width:800px){
 .hero{padding-top:26px}.hero h1{font-size:58px;max-width:630px}
 .hero-copy{display:flex;flex-direction:column}
 .hero .eyebrow{order:0}.hero h1{order:1}.hero-action{order:3}
 .hero-description{order:2;margin-top:16px}.hero .micro{order:4}
 .hero-art{margin-top:30px}
}
@media(max-width:500px){
 .announcement{font-size:0;padding:5px 16px;line-height:1}
 .announcement>a{font-size:15px;line-height:1.5}.announcement strong{font-size:19px}
 .header{padding-block:13px;flex-wrap:nowrap}.header nav{display:none}
 .header .brand>span{font-size:30px}.header .brand img{width:30px;height:42px}
 .hero{padding-top:20px}.hero .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.8px;margin-bottom:12px}
 .hero h1{font-size:46px;line-height:1.04;letter-spacing:-1px}
 .hero-action{margin-top:18px;gap:12px}
 .hero-price{width:100%;padding:12px 14px;column-gap:8px}
 .hero-price .was-price{font-size:16px}.hero-price .saving{font-size:13px;max-width:145px;line-height:1.4}
 .hero-price strong{font-size:54px;letter-spacing:-2px}
 .hero-price .currency{font-size:21px}.hero-price .cents{font-size:24px}
 .hero-action .button{font-size:17px;min-height:60px;padding:15px 14px;gap:12px}
 .hero-description{font-size:18px;line-height:1.6}
}
@media(max-width:500px) and (max-height:650px){
 .header{padding-block:10px}.hero{padding-top:14px}
 .hero h1{font-size:40px}.hero .eyebrow{margin-bottom:9px}
 .hero-action{margin-top:14px;gap:10px}.hero-price{padding-block:9px}
 .hero-price strong{font-size:50px}
}
@media(max-width:600px){.header nav{display:none}}
@media(max-width:360px){
 .hero-price .was-price{font-size:15px}.hero-price strong{font-size:48px}
 .hero-price .currency{font-size:18px}.hero-price .cents{font-size:22px}
 .hero-price .now-price{gap:2px}
}

