/* Páginas de venda dos livros (build/livros.mjs). Reaproveita o sistema do site; aqui só o que é específico. */
.lv-hero .h1{max-width:17ch;font-size:clamp(36px,5vw,70px)}
.lv-hero .hero__sub{max-width:52ch}
.lv-capa{margin:0;justify-self:end;width:100%;max-width:520px}
.lv-capa img{width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.22))}
.lv-hero .chips{margin-top:clamp(32px,4vw,48px)}

.lv-buy{margin-top:34px;display:grid;gap:14px;justify-items:start}
.lv-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:600 13.5px/1.3 var(--body);color:var(--ink-2)}
.lv-trust li{display:flex;align-items:center;gap:9px}
.lv-trust li::before,.lv-checks li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.lv-price{font:600 clamp(26px,2.6vw,34px)/1 var(--head);letter-spacing:-.03em}

.lv-fecho{margin-top:clamp(28px,4vw,44px);max-width:62ch}
.lv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lv-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:28px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.lv-item h3{font-size:21px;letter-spacing:-.025em;margin-bottom:8px}
.lv-item p{color:var(--ink-2);font-size:15.5px}
.lv-ck{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--card);font:600 14px/1 var(--head);letter-spacing:.02em}

.lv-dentro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,90px);align-items:start}
.lv-dentro .pillars{margin:0;padding:0;list-style:none}
.lv-dentro .lead{color:rgba(255,253,249,.7)}

.lv-checks{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.lv-checks li{display:flex;align-items:flex-start;gap:14px;color:var(--ink-2)}
.lv-autor{color:rgba(255,253,249,.78);font-size:clamp(17px,1.4vw,19px)}
.lv-final{margin-top:14px;margin-bottom:22px}

/* Ritmo único: toda seção usa --lv-gap; seções claras seguidas não somam respiro (só o de baixo conta). */
#conteudo{--lv-gap:clamp(56px,7vw,96px)}
#conteudo>.section{padding-block:var(--lv-gap)}
#conteudo>.section:not(.ring):has(+ .section:not(.ring)){padding-bottom:0}
#conteudo>.band{padding-block:var(--lv-gap)}
.lv-aprender .lv-buy{margin-top:clamp(28px,4vw,40px)}

/* Bloco de checkout */
.lv-checkout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch}
.lv-produto,.lv-pay{padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.lv-produto{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:center}
.lv-produto img{width:100%;height:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.2))}
.lv-produto h3{font-size:clamp(22px,2vw,26px);letter-spacing:-.025em;margin:10px 0 18px}
.lv-produto small,.lv-pay>small{display:block;font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.lv-pay{display:grid;align-content:start;gap:20px;border-color:var(--ink)}
.lv-pay .lv-price{font-size:clamp(40px,4vw,54px)}
.lv-pay__rows{margin:0;display:grid;gap:0}
.lv-pay__rows div{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}
.lv-pay__rows dt{font:600 13px/1.2 var(--body);color:var(--ink-2)}
.lv-pay__rows dd{margin:0;font:600 16px/1.4 var(--head)}
.lv-pay .lv-buy{margin-top:0;justify-items:stretch}
.lv-pay .lv-buy .btn{width:100%;justify-content:center}

@media (max-width:900px){.lv-checkout{grid-template-columns:1fr}.lv-dentro{grid-template-columns:1fr}.lv-list{grid-template-columns:1fr}.lv-capa{justify-self:start;max-width:380px}}
@media (max-width:520px){.lv-produto{grid-template-columns:1fr}.lv-produto img{max-width:170px}.lv-buy{justify-items:stretch}.lv-buy .btn{width:100%}.lv-item{padding:22px;grid-template-columns:36px minmax(0,1fr);gap:14px}.lv-ck{width:36px;height:36px;font-size:12px}}
.lv-checks li::before{margin-top:.62em}
