/* Estilo compartilhado das páginas de livro — série Engenharia da Consciência */
:root{
  --ouro:#C9A84C; --preto:#0F0F0F; --creme:#F0E8D5; --lima:#A4D233;
  --verde:#1E4634; --papel:#FAF6EC; --tinta:#26221A; --cinza:#6b6455;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--tinta);font-family:'Lora',Georgia,serif;line-height:1.75;font-size:17px}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2;font-weight:600}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
section{padding:56px 0}
.kicker{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);font-weight:600;margin-bottom:14px}

.topo{background:var(--preto);color:var(--creme);padding:64px 0}
.topo .migalha{font-family:'Inter',sans-serif;font-size:13px;margin-bottom:28px}
.topo .migalha a{color:var(--ouro);text-decoration:none}
.topo .migalha a:hover{text-decoration:underline}
.topo .grid{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center}
@media(max-width:640px){.topo .grid{grid-template-columns:1fr}}
.capa-img{width:100%;height:auto;border-radius:4px;border:1px solid rgba(201,168,76,.55);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.capa{aspect-ratio:3/4;border:1px solid rgba(201,168,76,.55);border-radius:4px;
  background:linear-gradient(165deg,#1a1710,#0F0F0F 60%);display:flex;flex-direction:column;
  justify-content:center;padding:22px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.capa .serie{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.2em;color:#8d8471;text-transform:uppercase}
.capa .titulo{font-family:'Playfair Display',serif;font-size:20px;color:var(--ouro);margin:14px 0;line-height:1.25}
.capa .autor{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.14em;color:var(--creme);text-transform:uppercase}
.topo h1{font-size:clamp(26px,4vw,38px);color:#fff}
.topo .sub{margin-top:12px;font-size:18px;font-style:italic;color:#cfc7b4}
.topo .ficha{margin-top:20px;font-family:'Inter',sans-serif;font-size:13px;color:#9a9284;line-height:2}

.lead{font-size:20px;font-style:italic;color:var(--cinza);border-left:3px solid var(--ouro);padding-left:20px;margin:0 0 30px}
blockquote{margin:38px 0;padding:26px 30px;background:var(--creme);border-radius:6px;
  font-family:'Playfair Display',serif;font-size:20px;font-style:italic;text-align:center}
blockquote footer{font-family:'Inter',sans-serif;font-size:12.5px;font-style:normal;color:var(--cinza);margin-top:10px}
.temas{margin:28px 0;display:grid;gap:12px}
.temas li{list-style:none;padding-left:26px;position:relative}
.temas li::before{content:"—";position:absolute;left:0;color:var(--ouro);font-weight:700}

.cta{background:var(--preto);color:var(--creme);text-align:center}
.cta h2{color:#fff;font-size:26px}
.cta p{margin-top:12px;color:#cfc7b4}
.cta .preco{font-family:'Playfair Display',serif;font-size:30px;color:var(--ouro);margin:18px 0 6px}
.cta .mini{font-family:'Inter',sans-serif;font-size:12.5px;color:#8d8471}
.cta a.botao{display:inline-block;margin-top:22px;background:var(--ouro);color:var(--preto);
  font-family:'Inter',sans-serif;font-weight:600;font-size:15px;padding:15px 32px;border-radius:100px;text-decoration:none}
.cta a.botao:hover{background:#dfc06a}

.autorbox{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;
  background:#fff;border:1px solid #e6dcc4;border-radius:6px;padding:26px}
@media(max-width:560px){.autorbox{grid-template-columns:1fr}}
.autorbox img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:2px solid var(--ouro)}
.autorbox h3{font-size:19px;color:var(--verde)}
.autorbox p{font-size:15px;color:var(--cinza);margin-top:6px}
.autorbox a{color:var(--verde);font-weight:600;text-decoration:none;font-family:'Inter',sans-serif;font-size:14px}
.autorbox a:hover{text-decoration:underline}

.outros{font-family:'Inter',sans-serif;font-size:14px;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.outros a{border:1.5px solid var(--verde);color:var(--verde);padding:8px 18px;border-radius:100px;text-decoration:none}
.outros a:hover{background:var(--verde);color:#fff}

footer.rodape{background:var(--preto);color:#8d8471;padding:38px 0;font-family:'Inter',sans-serif;font-size:13px;text-align:center;line-height:2}
footer.rodape a{color:var(--ouro);text-decoration:none}