:root{
  /* Mesma identidade das páginas das escritoras: azul-marinho do livro, degradê azul→turquesa no topo */
  --navy:#06164d; --navy-2:#0a2a7a; --blue:#0f4f9c; --teal:#0c8a8f;
  --accent:#2bb6ec; --ink:#ffffff; --soft:#d3defa; --muted:#98a4b8;
  --card:#0b1f63; --card-2:#0e2775; --line:rgba(255,255,255,.14); --field:#ffffff; --field-ink:#0a1a4f; --ok:#5fd3a0; --warn:#f2c14e; --err:#ff8a7a;
  --f-name:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-body:"Sora","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--navy)}
body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.col{max-width:620px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top{background:linear-gradient(180deg,rgba(6,22,77,.45) 0%,rgba(6,22,77,0) 30%,rgba(6,22,77,0) 62%,var(--navy) 100%),linear-gradient(135deg,var(--navy-2) 0%,var(--blue) 38%,var(--teal) 86%);position:relative;overflow:hidden}
.dots{position:absolute;top:56px;right:-12px;width:132px;height:132px;background-image:radial-gradient(var(--accent) 2.6px,transparent 3px);background-size:20px 20px;opacity:.5;pointer-events:none}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:18px 8px;position:relative}
.brand{display:flex;flex-direction:column;gap:3px;text-decoration:none}
.brand small{font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);padding-left:2px}
.brand img{height:24px;width:auto}
.bar .bk{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-decoration:none;text-align:right}
.hero{position:relative;padding-block:22px 30px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 40px;align-items:center}
.cover{position:relative;width:132px}
.cover img.bkc{width:132px;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.cover .av{position:absolute;right:-18px;bottom:-14px;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);background:var(--blue)}
.eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
h1{margin:0;font-family:var(--f-name);font-weight:800;font-size:clamp(42px,11vw,64px);line-height:.92;text-transform:uppercase;letter-spacing:.005em}
.sub{margin:10px 0 0;color:var(--soft);font-size:15px;line-height:1.45}
.sub b{color:var(--ink)}
.price{display:flex;align-items:baseline;gap:10px;margin:12px 0 0}
.price b{font-family:var(--f-name);font-size:38px;line-height:1;letter-spacing:.01em}
.price span{color:var(--muted);font-size:13px}
.quote{margin:0 0 4px;padding:14px 16px;border-left:3px solid var(--accent);background:rgba(255,255,255,.06);border-radius:0 14px 14px 0;color:var(--soft);font-style:italic}
.quote small{display:block;font-style:normal;color:var(--muted);margin-top:6px;font-size:13px}
main{display:flex;flex-direction:column;gap:28px;padding-block:6px 44px}
h2{margin:0 0 6px;font-family:var(--f-name);font-weight:800;font-size:30px;line-height:1.02;text-transform:uppercase;letter-spacing:.01em}
.lead{margin:0 0 14px;color:var(--soft)}
.box{background:var(--card);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}
fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
legend{font-weight:700;font-size:15px;margin-bottom:10px;padding:0}
label.l{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
label.l small{font-weight:400;color:var(--muted)}
.inp{width:100%;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:var(--field);color:var(--field-ink);font-size:16px}
.inp:focus{outline:3px solid var(--accent);outline-offset:1px}
.inp[aria-invalid="true"]{border-color:var(--err);outline-color:var(--err)}
.err{color:var(--err);font-size:13px;margin:4px 0 0;min-height:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.opt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;background:rgba(255,255,255,.03);transition:border-color .15s,background .15s}
.opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}
.opt b{display:block;font-size:15px}
.opt span{display:block;color:var(--soft);font-size:14px;line-height:1.45;margin-top:2px}
.opt em{font-style:normal;display:inline-block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--warn);border-radius:999px;padding:2px 10px}
.opt:has(input:checked){border-color:var(--accent);background:rgba(43,182,236,.12)}
.opt.off{opacity:.55;cursor:not-allowed}
.qty{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:999px;width:max-content;overflow:hidden}
.qty button{width:46px;height:46px;border:0;background:rgba(255,255,255,.08);color:var(--ink);font-size:22px;font-weight:600;cursor:pointer}
.qty button:disabled{opacity:.35;cursor:default}
.qty output{min-width:58px;text-align:center;font-weight:700;font-size:18px}
.tot{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:14px}
.tot p{display:flex;justify-content:space-between;margin:0;color:var(--soft);font-size:14px}
.tot p.t{color:var(--ink);font-size:18px;font-weight:700}
.ck{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:13px;color:var(--soft)}
.ck input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;background:var(--accent);color:var(--navy);font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;text-align:center}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.wa{background:#25d366;color:#05301a}
.btn[disabled]{opacity:.6;cursor:progress}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btns .btn{flex:1 1 220px}
.note{margin:0;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;color:var(--soft);font-size:14px}
.warn{margin:0;padding:12px 14px;border-radius:14px;background:rgba(242,193,78,.14);color:var(--warn);font-size:14px}
.warn b{color:#ffe08a}
.okb{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:rgba(95,211,160,.12)}
.okb svg{width:26px;height:26px;flex:none;color:var(--ok)}
.okb p{margin:0}
.pix{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.pix .qr{background:#fff;border-radius:16px;padding:10px;line-height:0}
.pix .qr svg{width:220px;height:220px}
.cc{width:100%;min-height:86px;resize:none;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--soft);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px;word-break:break-all}
.sm{font-size:13px;color:var(--muted);margin:0}
.st{min-height:1.2em}
.mine{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.mine li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.mine b{display:block}
.mine small{color:var(--muted)}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--card);border-radius:16px;padding:14px 16px}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin:10px 0 0;color:var(--soft);font-size:15px}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.list a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;background:var(--card);border-radius:16px;padding:14px;text-align:center;font-weight:600;font-size:14px}
.list img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.load{display:flex;align-items:center;gap:10px;color:var(--soft)}
.load i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
footer{padding-block:24px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
footer a{color:var(--soft)}
@media (max-width:520px){
  .hero{grid-template-columns:1fr;gap:26px}
  .cover{width:116px}.cover img.bkc{width:116px}
  .grid2,.grid3{grid-template-columns:1fr}
  .box{padding:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== Página de venda completa (01/11): uma por escritora, com a abertura do capítulo como no livro =====
   Princípio: a serifa (Crimson Pro) é a voz do livro (frase, título, minicurrículo, sumário);
   a Sora é a voz da loja (botões, formulário, explicações). Ciano só em ações. */
.hp{--paper:#ffffff;--side:#e6e7ea;--pi:#18191c;--pg:#7a7e87;--band:#091d62;
  --f-book:"Crimson Pro","Crimson Text",Georgia,"Times New Roman",serif}
html:has(.hp){scroll-behavior:smooth}
.hp main{display:block;padding:0}
.hp section[id]{scroll-margin-top:12px}
.wrap{max-width:1760px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.wrap-n{max-width:660px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.hp .dots{top:84px;right:-20px}

/* abertura da página: foto, nome em frase, oferta */
.hero2{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-block:12px 60px}
.hero2 .fig{position:relative;margin:0 0 8px}
.hero2 .ph{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%;border-radius:22px;background:var(--blue)}
.hero2 .bkc{position:absolute;right:16px;bottom:-28px;width:96px;height:auto;border-radius:3px;box-shadow:0 16px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
.h1{margin:0;font-family:var(--f-body);font-weight:400;font-size:16px;line-height:1;text-transform:none;letter-spacing:0}
.h1 .nm{display:block;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:clamp(58px,16vw,128px);line-height:.9;letter-spacing:-.01em}
.h1 .vb{display:block;margin-top:14px;font-family:var(--f-body);font-size:16px;line-height:1.4;color:var(--soft)}
.h1 .bk{display:block;margin-top:2px;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:clamp(38px,10vw,60px);line-height:.9}
.ttl{margin:16px 0 0;max-width:30ch;font-family:var(--f-book);font-style:italic;font-size:21px;line-height:1.28;color:var(--ink)}
.hero2 .sub{margin:16px 0 0;max-width:48ch;font-size:15px;line-height:1.55}
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:24px}
.buy .price{margin:0}
.buy .btn{padding:16px 28px;font-size:17px}
.lk{color:var(--soft);font-size:14px;text-underline-offset:3px}
.lk:hover{color:var(--ink)}
.htx{min-width:0;container-type:inline-size}
@supports (width:1cqi){
  .h1 .nm{font-size:clamp(44px,min(16vw,calc(100cqi / (.5 * var(--nw,6)))),128px)}
  .h1 .bk{font-size:clamp(34px,min(10vw,15cqi),60px)}
}
@media (min-width:760px){
  .hero2{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:44px;align-items:center;padding-block:18px 72px}
  .hero2 .fig{order:2;margin:0}
  .hero2 .ph{aspect-ratio:4/5;border-radius:26px}
  .hero2 .bkc{left:-44px;right:auto;bottom:-30px;width:124px}
}
@media (min-width:1000px){
  .hero2{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:64px;padding-block:18px 88px}
  .hero2 .ph{border-radius:30px}
  .hero2 .bkc{left:-60px;bottom:-36px;width:156px}
  .h1 .vb{margin-top:18px;font-size:18px}
  .ttl{font-size:25px}
  .hero2 .sub{font-size:16px}
}

/* seções */
.sec{padding-block:64px}
.sec-h{margin:0;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:clamp(34px,7vw,54px);line-height:1;letter-spacing:.005em}
.sec-l{margin:12px 0 0;max-width:56ch;color:var(--soft)}
.hp h2.sec-h{font-size:clamp(34px,7vw,54px)}

/* a abertura do capítulo, como no livro (página dupla no computador) */
.cap{background:var(--navy)}
.spread{margin:32px auto 0;max-width:640px;display:grid;grid-template-columns:minmax(0,1fr);box-shadow:0 36px 72px -30px rgba(0,0,0,.7)}
.pg-foto{display:none}
.pg-txt{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:var(--paper);color:var(--pi)}
.side{display:flex;flex-direction:column;gap:14px;padding:26px 22px 22px;background:var(--side)}
.fr{margin:0;font-family:var(--f-book);font-style:italic;font-weight:600;font-size:21px;line-height:1.28;color:var(--pi)}
.fr::before,.fr::after{display:block;font-family:var(--f-body);font-style:normal;font-weight:800;font-size:54px;line-height:1;height:.5em;overflow:visible}
.fr::before{content:"“";margin-bottom:8px}
.fr::after{content:"”";margin-top:6px;text-align:right}
.vn{margin:0;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:44px;line-height:.9;letter-spacing:.01em;color:var(--pi)}
.mais{align-self:flex-start;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--pi)}
.mais:focus-visible,.pg-txt a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.txt{padding:28px 22px 26px}
.capn{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--pg)}
.tt{margin:0;padding-left:14px;border-left:5px solid var(--pi);font-weight:400}
.tt span{display:block;font-family:var(--f-body);font-weight:800;font-size:22px;line-height:1.12;text-transform:uppercase}
.tt em{display:block;margin-top:6px;font-family:var(--f-book);font-weight:400;font-size:21px;line-height:1.22;color:#3b3e45}
.cg .nw{display:inline-block}
.cg{margin:12px 0 0;padding-left:19px;font-size:11px;font-weight:600;line-height:1.55;letter-spacing:.02em;text-transform:uppercase;color:var(--pg)}
.bio{margin-top:24px;font-family:var(--f-book);font-size:18px;line-height:1.56;color:#222327}
.bio p{margin:0 0 .75em}
.bio p:first-child::first-letter{float:left;margin:.05em .08em 0 0;font-size:4.9em;line-height:.74;color:var(--pi)}
@supports (initial-letter:3) or (-webkit-initial-letter:3){.bio p:first-child::first-letter{float:none;margin:0 .1em 0 0;font-size:inherit;line-height:inherit;-webkit-initial-letter:3;initial-letter:3}}
.ab{margin:28px 0 12px;font-family:var(--f-body);font-weight:800;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--pi)}
.tp{margin:0;padding:0;list-style:none}
.tp li{position:relative;padding:0 0 12px 26px;font-family:var(--f-book);font-size:18px;line-height:1.35}
.tp li::before{content:"";position:absolute;left:2px;top:.42em;width:9px;height:9px;border-radius:50%;background:var(--pi)}
.tp li::after{content:"";position:absolute;left:6px;top:.5em;bottom:-.5em;width:1.5px;background:var(--pi)}
.tp li:last-child{padding-bottom:0}
.tp li:last-child::after{display:none}
.ecg{display:flex;align-items:center;margin-top:34px;color:var(--pi)}
.ecg i{flex:1.25;height:1.5px;background:currentColor}
.ecg i+svg+i{flex:1}
.ecg svg{width:46px;height:30px;flex:none;margin:0 -1px}
.cta-c{display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px 0 0;text-align:center;color:var(--soft)}
@media (min-width:760px){
  .spread{max-width:700px}
  .pg-txt{grid-template-columns:29% minmax(0,1fr)}
  .side{gap:0;padding:60px 16px 30px 24px}
  .fr{font-size:19px}
  .vn{margin:56px 0 0;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:74px;line-height:.86}
  .mais{margin-top:auto;padding-top:36px;border:0;text-decoration:underline;text-underline-offset:4px}
  .txt{padding:60px 40px 34px 32px}
  .tt span{font-size:24px}
}
@media (min-width:1100px){
  .spread{max-width:1160px;grid-template-columns:1fr 1fr}
  .pg-foto{display:block;position:relative;margin:0;overflow:hidden;background:#cfd1d5}
  .pg-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
  .pg-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 80%,rgba(0,0,0,.28))}
  .pg-txt::before{content:"";position:absolute;top:0;bottom:0;left:0;width:46px;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,0));pointer-events:none}
  .pg-txt{grid-template-columns:28% minmax(0,1fr)}
  .txt{padding:64px 42px 36px 30px}
}

/* o livro */
.livro{background:var(--band)}
.lv{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.lv-cv{width:176px;height:auto;border-radius:4px;box-shadow:0 24px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
.lv-sub{margin:12px 0 0;max-width:34ch;font-family:var(--f-book);font-style:italic;font-size:22px;line-height:1.3}
.lv-tx p{margin:16px 0 0;max-width:62ch;color:var(--soft)}
.lv-tx p.cafe{color:var(--ink);font-size:17px}
.ficha{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:9px 20px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:14px;line-height:1.45}
.ficha dt{color:var(--muted)}
.ficha dd{margin:0}
.sum-h{margin:60px 0 0;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:32px;line-height:1}
.sum{margin:20px 0 0;padding:0;list-style:none}
.sum li{display:block;padding:14px 0;border-top:1px solid var(--line);break-inside:avoid}
.sum .n{padding-top:1px;font-family:var(--f-name);font-weight:800;font-size:24px;line-height:1;color:var(--muted)}
.sum b{display:block;font-size:15px;font-weight:600}
.sum i{display:block;margin-top:2px;font-family:var(--f-book);font-size:17.5px;line-height:1.3;color:var(--soft)}
.sum li.eu{padding-inline:12px;background:rgba(43,182,236,.12);box-shadow:inset 3px 0 0 var(--accent)}
.sum li.eu .n{color:var(--accent)}
.sum li.eu i{color:var(--ink)}
.sum-b{margin-top:14px}
@media (max-width:899px){.sum.cl li:nth-child(n+9):not(.eu){display:none}}
@media (min-width:900px){
  .lv{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:56px;align-items:start}
  .lv-mk{position:sticky;top:24px}
  .sum{columns:2;column-gap:56px}
  .sum-b{display:none}
}

/* lançamento */
@media (min-width:900px){.lanc-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}.lanc-g .lc{margin-top:6px}}
.lc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 26px;align-items:start;margin-top:28px;padding-block:26px;border-block:1px solid var(--line)}
.dt{margin:0;text-align:center;font-family:var(--f-name);font-weight:800;text-transform:uppercase;line-height:.8}
.dt b{display:block;font-size:92px}
.dt span{display:block;margin-top:8px;font-size:30px;letter-spacing:.04em}
.lc p{margin:0 0 6px}
.lc .q{font-weight:700;font-size:17px}
.lc .lg{color:var(--soft)}
.lc .nt{margin-top:12px;color:var(--soft);font-size:15px}

/* pedido e perguntas */
.ped{padding-block:64px;background:var(--navy)}
.ped .quote{margin-bottom:22px}
.faq-s{padding-block:56px 64px}
.hp .faq-s h2.sec-h{font-size:34px;margin-bottom:16px}
.hp footer.ft{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* faixa de compra no celular */
.stk{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--navy);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.35);transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
.stk.on{transform:none;visibility:visible;transition:transform .22s ease,visibility 0s}
.stk b{display:block;font-family:var(--f-name);font-size:28px;line-height:1}
.stk span{display:block;font-size:12px;color:var(--soft)}
.stk .btn{padding:12px 18px;font-size:15px;white-space:nowrap}
@media (min-width:900px){.stk{display:none}}
@media (max-width:899px){.hp footer.ft{padding-bottom:110px}}
.pago .mk,.pago .stk{display:none}
@media (prefers-reduced-motion:reduce){html:has(.hp){scroll-behavior:auto}}

/* recado da autora (campo da plataforma), quem recebe o Pix, compra em quantidade (01/11 18h30) */
.recado{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin-top:26px;max-width:520px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.08)}
.recado img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.recado p{margin:0}
.recado .rl{font-size:13px;font-weight:600;color:var(--soft)}
.recado .rt{margin-top:4px;font-family:var(--f-book);font-style:italic;font-size:20px;line-height:1.35;color:var(--ink)}
.pgn{margin-top:2px;line-height:1.5}
.pgn b{color:var(--soft);font-weight:600}
.qx{margin-top:8px}
.qx a,.faq p a{color:var(--soft);text-underline-offset:3px}
.lv-tx p.cafe{margin-top:18px;font-size:19px;line-height:1.5}

/* 01/11 19h: página de venda (não só de retirada), prefácio, prova, o que vem no pedido, chamada final */
.lanc{background:var(--band)}
.pref{padding-block:56px 8px}
.pf{margin:0;max-width:880px}
.pf blockquote{margin:0}
.pf blockquote p{margin:0;font-family:var(--f-book);font-style:italic;font-size:clamp(23px,3.4vw,34px);line-height:1.3;color:var(--ink)}
.pf blockquote p::before{content:"“"}
.pf blockquote p::after{content:"”"}
.pf figcaption{margin-top:14px;font-size:14px;color:var(--soft)}
.pf figcaption b{color:var(--ink);font-weight:600}
.prova{margin:14px 0 0;font-size:14px;font-weight:600;color:var(--soft)}
.inc{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.inc li{position:relative;padding-left:28px;color:var(--soft);font-size:15px}
.inc li::before{content:"";position:absolute;left:2px;top:.32em;width:15px;height:8px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.fim{padding-block:8px 72px;text-align:center}
.fim p{margin:0 0 16px;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:clamp(28px,5vw,40px);line-height:1}

/* 01/11 20h30: mockups do livro (aberto na abertura, aberto na folha de rosto e kit) */
.mk-ab{margin:30px auto 0;max-width:1100px}
.mk-ab img,.lv-mk img{display:block;width:100%;height:auto}
.lv-mk{margin:0 -6px}
.cap-tx{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;max-width:1000px;margin:34px auto 0}
.cap-fr{margin:0}
.cap-fr p{margin:0;font-family:var(--f-book);font-style:italic;font-weight:600;font-size:clamp(23px,3vw,30px);line-height:1.3;color:var(--ink)}
.cap-fr p::before{content:"“"}
.cap-fr p::after{content:"”"}
.cap-fr footer{margin-top:12px;font-size:14px;color:var(--soft)}
.ab2{margin:0 0 12px;font-family:var(--f-body);font-weight:700;font-size:15px;color:var(--ink)}
.tp2{margin:0;padding:0;list-style:none}
.tp2 li{position:relative;padding:0 0 12px 26px;font-family:var(--f-book);font-size:19px;line-height:1.35;color:var(--soft)}
.tp2 li::before{content:"";position:absolute;left:2px;top:.42em;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tp2 li::after{content:"";position:absolute;left:6px;top:.5em;bottom:-.5em;width:1.5px;background:rgba(43,182,236,.45)}
.tp2 li:last-child{padding-bottom:0}
.tp2 li:last-child::after{display:none}
.mini{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.mini summary{cursor:pointer;font-weight:600;font-size:15px}
.mini p{margin:10px 0 0;font-family:var(--f-book);font-size:17.5px;line-height:1.55;color:var(--soft)}
.mini a{color:var(--ink)}
.kit{display:block;width:min(400px,78%);height:auto;margin:0 auto 18px}
@media (min-width:860px){.cap-tx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}}
.cap-fr footer{display:block;margin-top:12px;padding:0;border:0;font-size:14px;color:var(--soft)}

/* 03/11 observação e presença */
.obs{margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:rgba(255,255,255,.06)}
.obs p{margin:0}
.obs .obs-l{font-size:13px;font-weight:600;color:var(--soft)}
.obs .obs-t{margin-top:4px;font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}


/* 03/11 v12: biblioteca de mockups 3D (livro no topo, capa e contracapa, livros empilhados) */
.hero2 .bkc{border-radius:0;box-shadow:none;filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}
.lv-mk img{filter:none}
.kit{width:min(460px,86%);margin:0 auto 10px}

/* 03/11 v12: fotinha redonda na lista dos capítulos e popup com a abertura do capítulo */
.sum li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:start}
.sum li .fo{grid-row:span 3;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--card-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--soft);box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.sum li .fo img{display:block;width:100%;height:100%;object-fit:cover}
.sum li b,.sum li i,.sum li .vc{grid-column:2}
.sum li .vc{margin-top:5px;font-size:13px;font-weight:600;color:var(--accent)}
.sum li[data-capa]{cursor:pointer;border-radius:10px}
.sum li[data-capa]:hover b{text-decoration:underline;text-underline-offset:3px}
.sum li[data-capa]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.mk-ab[data-capa]{cursor:zoom-in}
.mk-ab[data-capa]:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:8px}
.mk-z{margin-top:6px;text-align:center;font-size:13px;color:var(--soft)}
.cap-dlg{padding:0;border:0;background:transparent;width:min(1120px,96vw);max-width:none;max-height:94vh;color:var(--ink)}
.cap-dlg::backdrop{background:rgba(3,10,38,.84)}
.cd-in{background:var(--navy);border:1px solid var(--line);border-radius:18px;padding:18px;max-height:94vh;overflow:auto;box-sizing:border-box}
.cd-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.cd-k{margin:0;font-size:13px;color:var(--muted)}
.cd-hd h3{margin:4px 0 0;font-family:var(--f-name);font-weight:800;text-transform:uppercase;font-size:28px;line-height:1}
.cd-s{margin:6px 0 0;font-family:var(--f-book);font-style:italic;font-size:18px;line-height:1.3;color:var(--soft)}
.cd-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.cd-x:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cd-mk{position:relative;border-radius:10px;cursor:zoom-in}
.cd-mk img{display:block;width:100%;height:auto;aspect-ratio:1600/1231}
.cd-mk.zoom{overflow:auto;max-height:72vh;cursor:zoom-out;background:rgba(255,255,255,.04)}
.cd-mk.zoom img{width:1600px;max-width:none}
.cd-n{margin:12px 0 0;font-size:14px;color:var(--soft)}
@media (max-width:700px){.cd-in{padding:12px;border-radius:12px}.cd-hd h3{font-size:24px}.cd-mk.zoom{max-height:64vh}}

.lpill{display:flex;flex-direction:column;gap:3px;max-width:520px;margin:18px 0 6px;padding:14px 18px 14px 56px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;position:relative;line-height:1.35}
.lpill::before{content:"3\A DEZ";white-space:pre;position:absolute;left:14px;top:50%;transform:translateY(-50%);text-align:center;font-weight:800;font-size:13px;line-height:1.05;color:#5de0ff}
.lpill b{font-size:15px}.lpill span{font-size:14px;opacity:.9}
.lpill:hover,.lpill:focus-visible{background:rgba(255,255,255,.16)}