/* vBooks Biblioteca Viva — camada visual 1.0 | 2026-11-02 */
/* Complementa o CSS oficial sem alterar mecanismos de leitura ou identidade global. */
:root{--viva-wine:#642c3d;--viva-wine-deep:#321a28;--viva-cream:#f7f1e7;--viva-parchment:#fffaf2;--viva-accent:#c4a47c;--viva-ink:#32272b;--viva-muted:#77676a;--viva-border:#e9ded2}
body:not(.reader-page){background:var(--viva-cream);color:var(--viva-ink)}
body:not(.reader-page) .site-header{background:#271b23;border-color:#5a3e48}
body:not(.reader-page) .header-inner{height:76px}
body:not(.reader-page) .brand-symbol{color:#ddbe91}
body:not(.reader-page) .brand-company{color:#e2cba7}
body:not(.reader-page) .top-links a.active{color:#f6dec0}
body:not(.reader-page) .nav-cta{border-color:#8d6571;color:#f8e1d1;border-radius:24px}
body:not(.reader-page) .nav-cta:hover{background:#563042}
.hero{background:radial-gradient(ellipse 45% 72% at 83% 52%,rgba(175,121,103,.21),transparent),radial-gradient(ellipse 50% 100% at 4% 20%,rgba(113,58,73,.28),transparent),#291c27}
.hero-noise{opacity:.09;background-size:8px 8px}
.hero-grid{min-height:506px;grid-template-columns:1.03fr .97fr}
.hero-copy{padding:67px 0 64px}
.hero h1{font-size:clamp(49px,5.4vw,76px);letter-spacing:-2.5px;margin:24px 0}
.hero h1 em{color:#e6c9a6}
.hero p{max-width:470px;color:#e5d8d0;line-height:1.76;font-size:15px}
.hero-meta{margin-top:28px;color:#dac4c8}
.btn-gold{background:#dec3a0;color:#322027;border-radius:30px;padding-inline:26px}
.btn-gold:hover{background:#f2ddbd;color:#322027}
.btn-ghost{border-radius:30px}
.hero-art{min-height:506px}
.hero-art-caption{color:#d8bdb2}
.display-book{background:linear-gradient(135deg,#765047 0%,#573340 51%,#3d2934 100%);box-shadow:14px 14px 0 #231721,18px 20px 0 #8a705d,28px 32px 44px #130d16}
.floating-note{background:#47303aeb;border-color:#906f71;border-radius:13px;bottom:85px}
.benefits{background:#eae0d5;border-color:#ded2c6}
.benefit{padding-block:21px}
.benefit-icon{color:#744755}
.viva-section{padding:66px 0 54px}
.viva-section[hidden]{display:none!important}
.viva-section--reading{background:var(--viva-parchment);border-bottom:1px solid var(--viva-border)}
.viva-section--picks{background:linear-gradient(180deg,#f3eadf,var(--viva-cream));border-bottom:1px solid #eadfd4}
.viva-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.viva-eyebrow{font-size:10px;letter-spacing:2.7px;text-transform:uppercase;color:#8c6062;font-weight:800;margin-bottom:12px}
.viva-header h2{font:normal clamp(32px,4vw,48px)/1.12 var(--serif);letter-spacing:-1.3px;margin:0;color:#36282f}
.viva-header h2 em{color:#965d67;font-weight:400}
.viva-subtitle{font:14px/1.8 var(--sans);color:var(--viva-muted);margin:11px 0 0;max-width:620px}
.viva-text-link{color:#71404c;font-size:13px;font-weight:800;white-space:nowrap;padding-bottom:6px;border-bottom:1px solid #bfa795}
.viva-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.viva-tile{min-width:0;display:flex;flex-direction:column;gap:10px}
.viva-tile-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:230px;aspect-ratio:3/4.2;background:var(--tile-color,#754c56);color:#fff6e8;border-radius:6px 9px 9px 6px;box-shadow:4px 4px 0 #b2a395,0 14px 25px #4f32311b;text-align:center;padding:20px 16px;transition:transform .2s,box-shadow .2s}
.viva-tile-cover::before{content:"";position:absolute;inset:0 auto 0 7px;width:9px;background:linear-gradient(90deg,#100a1030,#fff3d21a,#0a061122);border-right:1px solid #fff7df25}
.viva-tile-cover::after{content:"";position:absolute;inset:13px 12px 13px 24px;border:1px solid #fff0d071;pointer-events:none}
.viva-tile-cover:hover{transform:translateY(-5px);box-shadow:5px 8px 0 #b2a395,0 20px 30px #4f323122;color:#fff}
.viva-cover-symbol{font:28px var(--serif);color:#e9d1ab;line-height:1;margin:0 0 22px}
.viva-cover-title{font:normal clamp(17px,1.8vw,25px)/1.12 var(--serif);letter-spacing:-.35px;overflow-wrap:anywhere;text-wrap:balance;position:relative;z-index:1;max-height:6.8em;overflow:hidden}
.viva-cover-author{font:700 9px/1.6 var(--sans);text-transform:uppercase;letter-spacing:1.1px;margin-top:24px;opacity:.88}
.viva-cover-top{position:absolute;top:30px;font:700 8px var(--sans);letter-spacing:1.7px;opacity:.7}
.viva-tile-meta{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#915e64;font-weight:800}
.viva-tile-title{font:normal 20px/1.2 var(--serif);margin:0;color:#342932}
.viva-tile-author{font-size:12px;color:#776b6e;margin:0}
.viva-tile-progress{height:5px;border-radius:3px;overflow:hidden;background:#e7d7cc;margin-top:4px}
.viva-tile-progress span{display:block;height:100%;background:#93556a}
.viva-tile-status{font-size:11px;color:#79505d;font-weight:700}
.viva-discover{background:#e8dccf;padding:48px 0;border-top:1px solid #ddcbbc;border-bottom:1px solid #ddcbbc}
.viva-discover-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.viva-discover h2{font:normal clamp(27px,3vw,39px)/1.18 var(--serif);margin:0}
.viva-discover p{font-size:13px;color:#786a6a;line-height:1.75}
.viva-genres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.viva-genre{display:flex;align-items:center;justify-content:space-between;border:1px solid #d8c6b8;border-radius:9px;padding:20px 22px;background:#f9f1e7;color:#63394c;font:normal 22px var(--serif);transition:background .18s,transform .18s}
.viva-genre span{font:18px var(--sans);color:#a77c77}
.viva-genre:hover{background:#fffdf8;transform:translateY(-2px);color:#63394c}
.catalog-section{padding:73px 0 94px;background:var(--viva-cream)}
.catalog-head h2 em,.how-section h2 em{color:#945d63}
.catalog-head p{color:#7e7073}
.catalog-counter strong{color:#764051}
.search-box,.sort-box{background:#fffaf5;border-color:#e5d7c9}
.filter{border-color:#dbcabe;color:#72565e;background:#f9f1e9}
.filter.active{background:#613146;border-color:#613146;color:#fffaf3}
.filter:hover{background:#f2e1d5}
.filter.active:hover{background:#613146}
.book-card-cover{box-shadow:4px 4px 0 #d4c5b7,0 14px 24px #4f323115;border-radius:6px 9px 9px 6px}
.book-card-cover:after{inset:15px 14px 15px 22px}
.book-card-cover:before{background:radial-gradient(circle at 70% 10%,#ffffff38,transparent 50%),linear-gradient(95deg,#00000035,transparent 22%)}
.book-cover-content{padding-left:36px}
.book-category{color:#855160}
.book-title{color:#342932}
.book-read,.book-origin{color:#714254}
.catalog-explore{background:#ece1d4}
.how-section{background:#eee4d8}
.source-section{background:#f7f1e7}
.source-card{background:#fffcf7;border-color:#e5d7c9}
.site-footer{background:#2b2029}
.externals-main{background:var(--viva-cream)}
.external-sources,.external-item{background:#fffbf5;border-color:#e7d8cb}
@media(max-width:1050px){.viva-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.viva-shelf .viva-tile:nth-child(n+5){display:none}.viva-tile-cover{min-height:200px}}
@media(max-width:760px){body:not(.reader-page) .header-inner{height:68px}.hero-grid{min-height:0}.hero-copy{padding:57px 0 10px}.hero-art{min-height:350px}.hero h1{font-size:clamp(48px,10vw,65px)}.viva-section{padding:46px 0}.viva-header{align-items:start;flex-direction:column;gap:9px}.viva-header h2{font-size:37px}.viva-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.viva-shelf .viva-tile:nth-child(n+5){display:flex}.viva-tile-cover{min-height:0;aspect-ratio:3/4}.viva-cover-title{font-size:clamp(17px,4vw,25px)}.viva-tile-title{font-size:18px}.viva-discover{padding:43px 0}.viva-discover-inner{grid-template-columns:1fr;gap:20px}.viva-genre{padding:17px;font-size:20px}.catalog-section{padding:55px 0 74px}.viva-subtitle{font-size:13px}}
@media(max-width:390px){.viva-genre{padding:15px 11px;font-size:17px}.viva-shelf{gap:22px 11px}.viva-tile-cover{padding:14px}.viva-cover-top{top:25px;font-size:7px}.viva-cover-title{font-size:17px}.viva-cover-author{font-size:8px}}
@media(prefers-reduced-motion:reduce){.viva-tile-cover,.viva-genre{transition:none}}

/* Biblioteca Viva | refinamento responsivo tablet e celular 2026-11-03 */
@media (min-width:761px) and (max-width:1100px){
 body:not(.reader-page) .top-links{display:none}
 body:not(.reader-page) .nav-cta{margin-left:auto}
 .hero-grid{grid-template-columns:1.08fr .92fr;min-height:425px}
 .hero-copy{padding:54px 0 40px}
 .hero h1{font-size:clamp(43px,5.3vw,60px);letter-spacing:-1.7px}
 .hero p{font-size:13.5px;line-height:1.7}
 .hero-art{min-height:425px}
 .display-book{width:215px;height:318px}
 .display-book-inner{inset:14px 16px 14px 28px;padding:28px 10px 10px}
 .display-book-spine{left:11px;width:9px}
 .cover-star{margin:20px 0 4px;font-size:37px}
 .display-book-title{font-size:25px}
 .floating-note{bottom:44px;right:2px}
 .viva-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}
 .viva-shelf .viva-tile:nth-child(n+5){display:flex}
 .viva-tile-cover{min-height:0;aspect-ratio:3/3.9}
 .viva-discover-inner{gap:24px}
 .book-card-cover{height:255px}
}
@media (max-width:760px){
 .hero-copy{padding-top:42px;padding-bottom:0}
 .hero h1{margin:16px 0 18px;font-size:clamp(43px,10vw,60px);line-height:1.07}
 .hero p{line-height:1.7}
 .hero-meta{margin-top:22px}
 .hero-art{min-height:285px}
 .display-book{width:190px;height:275px}
 .display-book-inner{inset:13px 15px 13px 24px;padding:18px 8px 8px}
 .display-book-title{font-size:22px}
 .cover-star{margin:15px auto 0;font-size:35px}
 .floating-note{display:none}
 .hero-art-caption{font-size:8px;bottom:5px}
 .orb-one{width:290px;height:290px}
 .orb-two{width:245px;height:245px}
 .book-shadow{transform:translate(0,130px)}
 .benefits-grid{padding:5px 0}
 .benefit{padding:10px 4px}
 .benefit strong{font-size:12px}
 .benefit small{font-size:10px}
 .viva-section{padding:40px 0 46px}
 .viva-header h2{font-size:clamp(31px,8vw,40px)}
 .viva-tile-title{overflow-wrap:anywhere}
 .viva-tile-cover{aspect-ratio:3/4.1}
 .catalog-head{align-items:start;flex-direction:column;gap:20px}
 .catalog-counter{margin-bottom:0}
 .catalog-section{padding-top:50px}
 .catalog-head h2{font-size:clamp(36px,9vw,44px)}
 .book-cover-content{padding:25px 12px 18px 19px}
}
@media (max-width:400px){
 .hero-art{min-height:255px}
 .display-book{width:172px;height:245px}
 .display-book-title{font-size:20px}
 .display-book-inner{padding:13px 7px 7px}
 .viva-tile-cover{aspect-ratio:3/4.3}
 .viva-cover-title{font-size:16px}
 .viva-cover-author{font-size:7px}
 .viva-cover-symbol{font-size:22px;margin-bottom:12px}
 .viva-tile-title{font-size:17px}
 .viva-genre{font-size:17px}
 .book-card-cover{height:212px}
 .filter{padding:10px 12px}
}

/* Mobile home correction: restore one-column hero after base overrides. */
@media (max-width:760px){
 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:auto}
 .hero-copy{width:100%;min-width:0;padding-bottom:2px}
 .hero h1{max-width:100%;font-size:clamp(43px,10.5vw,60px)}
 .hero p{width:100%;max-width:100%}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .hero-actions .btn{min-height:47px;padding:10px 8px;gap:5px;font-size:11px;text-align:center}
 .hero-art{width:100%;min-height:265px;overflow:visible}
 .hero-art-caption{bottom:7px;right:12px}
 .floating-note{display:none}
 .viva-header,.catalog-head{min-width:0}
}
@media (max-width:360px){
 .hero-actions{grid-template-columns:1fr}
 .hero-actions .btn{width:100%;min-height:43px}
 .hero-art{min-height:245px}
}