/* Ficha de livro e páginas de faceta de /livros/: o corpo legado (livros.css)
   no visual novo. Carrega depois de livros.css. */

.livro-hero{background:linear-gradient(180deg,#FBFAF7 0%,#F6F2EC 100%);border-bottom:1px solid var(--line);padding:56px 24px 64px}
.livro-hero::before,.livro-hero::after{content:none;display:none}
.livro-hero-inner{max-width:calc(1104px + 0px);grid-template-columns:280px 1fr;gap:64px}
.livro-hero-cover{border-radius:6px;transform:none;box-shadow:0 2px 6px rgba(14,27,48,.12),0 24px 48px rgba(14,27,48,.18)}
.livro-hero-cover:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(14,27,48,.12),0 30px 56px rgba(14,27,48,.22)}
.livro-serie-badge{color:var(--orange);background:var(--peach);border:1px solid var(--cream-line);font-family:'Inter',sans-serif}
.livro-hero h1{font-family:'EB Garamond',Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.02em;color:var(--navy)}
.livro-hero-subtitle{color:var(--text);font-size:clamp(17px,1.6vw,20px);line-height:1.5;border-left:2px solid var(--orange);max-width:560px}
.livro-meta-item{color:var(--muted)}
.btn-comprar{background:var(--orange);color:#fff;border-radius:5px;font-weight:500;font-size:16px;letter-spacing:-.01em;text-transform:none;height:50px;padding:0 28px}
.btn-comprar:hover{background:var(--orange-hover)}
.btn-back{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:5px;font-weight:500;font-size:16px;height:50px;padding:0 24px}
.btn-back:hover{border-color:#d9d4cc;color:var(--navy)}

.livro-cards-h2,.livro-faq-h2,.livro-prose h2,.livro-section h2{font-family:'EB Garamond',Georgia,serif;font-weight:500;color:var(--navy);letter-spacing:-.015em}
.livro-cards-h2,.livro-faq-h2{font-size:clamp(28px,3vw,38px)}
.livro-section-label,.livro-author-eyebrow{color:var(--orange);font-weight:700;letter-spacing:.16em}
.livro-section-white{background:var(--white)}
.livro-section-surface{background:var(--bg)}
.livro-card,.livro-disc-item,.livro-section-surface .livro-card,.livro-section-white .livro-card,.livro-section-white .livro-disc-item{background:var(--white);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:8px;box-shadow:none}
.livro-card-title{color:var(--navy)}
.livro-card-text,.livro-disc-text,.livro-faq-a,.livro-prose p,.livro-author-bio p{color:var(--text)}
.livro-faq-q,.livro-author-name{color:var(--navy)}
.livro-faq-item,.livro-faq-item:first-of-type{border-color:var(--line)}
.livro-disc-num{color:var(--orange)}
.livro-author-link{border:1px solid var(--line);color:var(--navy);border-radius:5px;background:var(--white)}
.livro-author-link:hover{border-color:var(--orange);color:var(--orange)}
.cat-tema{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:999px}
.cat-tema:hover{border-color:var(--orange);color:var(--orange)}
.cat-conta{color:var(--muted)}

.livro-quote{background:var(--cream);border-top:1px solid var(--cream-line);border-bottom:1px solid var(--cream-line)}
.livro-quote-mark{color:var(--orange);opacity:.5}
.livro-quote-text{font-family:'EB Garamond',Georgia,serif;color:var(--navy)}
.livro-quote-text em{color:var(--orange)}

.livro-cta{background:var(--dark)}
.livro-cta h2{font-family:'EB Garamond',Georgia,serif;font-weight:500;color:#fff;font-size:clamp(30px,3.4vw,42px)}
.livro-cta p{color:#C9CFDA}
.livro-cta-note{color:#8D95A6}

.livro-serie-name{color:var(--navy)}
.livro-serie-card.is-current .livro-serie-name{color:var(--orange)}
.livro-serie-head h2{font-family:'EB Garamond',Georgia,serif;font-weight:500;color:var(--navy)}
.livro-serie-head a{color:var(--orange)}

@media (max-width:860px){
  .livro-hero{padding:36px 20px 44px}
  .livro-hero-inner{grid-template-columns:1fr;gap:32px}
  .livro-hero-cover{max-width:200px}
  .livro-hero-subtitle{border-left:2px solid var(--orange);padding-left:var(--space-4);margin-left:0;margin-right:0}
}

/* O a:hover legado (styles.css) pintava o texto dos botões no hover e ele sumia */
.btn-comprar:hover,.btn-comprar:focus-visible{color:#fff}

/* Rodapé no mesmo padrão da home */
.site-footer .footer-nav{display:flex;align-items:center;gap:26px;border-left:1px solid var(--line);padding-left:32px}
.site-footer .footer-nav a{font-size:14px;font-weight:500;color:var(--navy);text-decoration:none;transition:color .2s}
.site-footer .footer-nav a:hover{color:var(--orange)}
@media (max-width:900px){
  .site-footer .footer-nav{border-left:0;padding-left:0;flex-wrap:wrap;gap:16px 22px}
}