*{box-sizing:border-box}body{margin:0;background:#e9e9e9;color:#111;font-family:Georgia,'Times New Roman',serif}.shell{min-height:100vh;display:flex;justify-content:center;padding:0 18px}.stage{width:min(1020px,100%);background:#fff;min-height:100vh;position:relative;isolation:isolate;box-shadow:0 0 30px #bbb;padding:28px 38px;display:flex;flex-direction:column}header{display:flex;gap:22px;align-items:center;border-bottom:4px double #111;padding-bottom:18px}.portrait{width:86px;height:86px;object-fit:cover;border-radius:50%;filter:grayscale(1)}small{letter-spacing:.14em}h1{font-size:42px;margin:3px 0}header p{margin:0;font-style:italic}nav{display:flex;flex-wrap:wrap;border-bottom:1px solid #111;margin-top:16px}button{font:700 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;border:0;background:#fff;padding:13px 16px;cursor:pointer}button:hover,button.active{background:#111;color:#fff}button:disabled{opacity:.25;cursor:default;background:#fff;color:#111}main{flex:1;padding:34px 0}.page{animation:enter .25s ease both}.chapterhead{display:flex;align-items:center;gap:16px}.page h2{font-size:32px;margin:0 0 18px}.seal{font:11px Arial,sans-serif;letter-spacing:.12em;border:1px solid #111;padding:5px 8px;margin-bottom:18px}.grid{display:grid;grid-template-columns:minmax(240px,42%) 1fr;gap:34px;align-items:start}.art{border:1px solid #999;padding:10px;background:#fafafa;margin:0}.art img{display:block;max-width:100%;max-height:470px;margin:auto;filter:grayscale(1)}.note{border-left:4px solid #111;padding:4px 0 4px 18px;line-height:1.65}.status{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#555}.secondary{margin-top:28px;padding-top:14px;border-top:1px solid #aaa;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.secondary .back{justify-self:start}.secondary .next{justify-self:end}.secondary span{font:12px Arial,sans-serif;letter-spacing:.12em}.seqbtn{width:28px;height:28px;padding:0;border:1px solid #777;border-radius:50%;position:relative;background:#fff}.seqbtn:hover{background:#ccc;color:#111}.seqbtn:disabled{background:#fff;opacity:.22}.seqbtn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-42%,-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #333}.seqbtn.back::after{transform:translate(-58%,-50%);border-left:0;border-right:8px solid #333}.seqbtn:disabled::after{opacity:.5}.animation-grid{display:block}.animation{margin:0 auto;max-width:255px;border:1px solid #888;background:#f7f7f7;padding:10px}.animation img{display:block;width:213px;max-width:100%;height:auto;margin:auto;filter:grayscale(1)}.animation figcaption{font:11px Arial,sans-serif;color:#555;padding:9px 2px 0}.intro{max-width:700px;line-height:1.7;font-size:18px}footer{border-top:1px solid #aaa;padding-top:12px;font:12px Arial,sans-serif;color:#555}@keyframes enter{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.shell{padding:0}.stage{padding:20px}.grid{grid-template-columns:1fr}h1{font-size:34px}button{padding:11px 10px}.secondary button{font-size:12px}.portrait{width:68px;height:68px}}

.stage::before{content:'';position:absolute;z-index:-1;inset:145px 28px 70px 28px;background:url('assets/originais/agostini.png') center 42%/min(620px,70%) auto no-repeat;filter:grayscale(1);opacity:.055;pointer-events:none}.stage>*{position:relative;z-index:1}@media(max-width:760px){.stage::before{background-size:90% auto;opacity:.04}}
.original-text{line-height:1.58;font-size:16px;background:rgba(255,255,255,.86);padding:2px 12px 8px}.original-text p{margin:.35em 0 1em}.pageart img{max-height:520px}.animation-grid .original-text{max-width:760px;margin:18px auto 0}.stage::before{opacity:.13!important;background-size:min(700px,78%) auto!important}

/* V7 — ajustes aprovados */
body{background:#d7d7d7 url('assets/originais/agostini.png') center 120px/220px auto no-repeat fixed;}
.stage::before{display:none!important;}
.stage{background:rgba(255,255,255,.97);}
.original-text{background:transparent;}
.portrait-page{display:flex;align-items:center;justify-content:center;min-height:330px;border:0;background:transparent;}
.portrait-page img{width:200px;max-height:none;image-rendering:auto;}
.fullart{grid-column:1/-1;border:0;padding:0;background:transparent;}
.fullart img{width:min(820px,100%);max-height:none!important;height:auto;}
.grid:has(.fullart){grid-template-columns:1fr;}
.grid:has(.fullart) .original-text{max-width:820px;margin:12px auto 0;}
@media(max-width:760px){body{background-size:150px auto;background-position:center 105px}.portrait-page img{width:150px}}

/* V8 — equilíbrio entre legibilidade da gravura e unidade texto/imagem */
.grid{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:18px;align-items:start}
.art{justify-self:start;width:100%;max-width:300px;padding:7px}
.art img{width:auto;max-width:100%;height:auto;max-height:none}
.original-text{padding:0 8px 4px;align-self:start}
.original-text p:first-child{margin-top:0}
.pageart,.fullart{width:300px;max-width:300px;margin:0}
.pageart img,.fullart img{display:block;width:100%;max-width:300px;height:auto;max-height:none}
.animation-grid{grid-template-columns:255px minmax(0,1fr);gap:18px}
.animation-grid .original-text{max-width:none;margin:0;padding-top:0}
.animation{justify-self:start;margin:0}
@media(max-width:760px){.grid,.animation-grid{grid-template-columns:1fr;gap:12px}.art,.pageart,.fullart{width:min(300px,100%);max-width:300px;margin:0 auto}.animation{justify-self:center}.original-text{padding:0 4px 4px}}


/* V9 — mobiliário final: escala, proximidade e fundo geral */
body{background:#d7d7d7;position:relative;min-height:100vh;}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/originais/agostini.png') center 52%/430px auto no-repeat;filter:grayscale(1);opacity:.22;pointer-events:none;}
.stage{background:rgba(255,255,255,.945);}
.grid{grid-template-columns:minmax(300px,450px) minmax(0,1fr);gap:14px;}
.art,.pageart,.fullart{width:min(450px,100%);max-width:450px;margin:0;}
.art img,.pageart img,.fullart img{width:auto;max-width:100%;height:auto;max-height:none;}
.pageart img,.fullart img{width:100%;max-width:450px;}
.original-text{padding:0 4px 4px;line-height:1.55;}
.original-text p{margin:.15em 0 .8em;}
.media-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:450px;max-width:100%;align-items:start;}
.media-stack .art{width:100%;max-width:none;}
.strip-art{grid-column:1/-1;}
.strip-art img{width:100%;}
.lito-art img{width:100%;}
.history-art{max-width:360px;}
.wrap-text{display:block;max-width:none;}
.portrait-wrap{float:right;width:260px;margin:0 0 12px 18px;padding:8px;border:1px solid #888;background:#fafafa;}
.portrait-wrap img{display:block;width:100%;height:auto;filter:grayscale(1);}
.wrap-text::after{content:'';display:block;clear:both;}
.animation-grid{grid-template-columns:255px minmax(0,1fr);gap:14px;}
.animation{width:235px;max-width:235px;}
.animation img{width:213px;}
@media(max-width:760px){body::before{background-size:260px auto;opacity:.14}.grid,.animation-grid{grid-template-columns:1fr;gap:10px}.art,.pageart,.fullart{width:min(450px,100%);max-width:450px;margin:0 auto}.media-stack{width:100%;grid-template-columns:1fr}.portrait-wrap{float:none;width:min(260px,75%);margin:0 auto 12px}.animation{margin:0 auto}}

/* V10 — correções de arqueologia e fundo externo */
body{background:#d7d7d7;position:relative;min-height:100vh;isolation:isolate;}
body::before{content:'';position:fixed;inset:0;z-index:0;background:url('assets/originais/agostini.png') center 52%/430px auto no-repeat;filter:grayscale(1);opacity:.24;pointer-events:none;}
.shell{position:relative;z-index:1;padding-left:34px;padding-right:34px;}
.stage{background:rgba(255,255,255,.945);}
.history-pair{width:min(450px,100%);display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;}
.history-pair .history-art{width:100%;max-width:none;}
@media(max-width:760px){.shell{padding-left:0;padding-right:0}.history-pair{grid-template-columns:1fr}.history-pair .history-art{max-width:360px;margin:0 auto}}
\n/* V11 — correção de escala e arqueologia: o fundo precisa ultrapassar o frame */
body::before{background-size:1400px auto!important;background-position:center 46%!important;opacity:.16!important;}
.stage{background:rgba(255,255,255,.965);}
/* Gravuras históricas preservam a proporção original; nunca são forçadas a quadrado. */
.portrait-art{width:auto;max-width:450px;}
.portrait-art img{width:auto!important;max-width:450px!important;height:auto!important;object-fit:contain!important;}
@media(max-width:1180px){body::before{background-size:1200px auto!important;opacity:.13!important}}
@media(max-width:760px){body::before{background-size:900px auto!important;opacity:.10!important}}

/* V12 — imagens relacionadas frame a frame, sem deformação */
body{background:#d5d5d5!important;}
body::before{display:none!important;}
.shell{
  background-color:#d5d5d5;
  background-image:linear-gradient(rgba(213,213,213,.42),rgba(213,213,213,.42)),url('assets/originais/agostini.png');
  background-repeat:no-repeat;
  background-position:center 42%;
  background-size:1450px auto;
  background-attachment:fixed;
}
.stage{background:rgba(255,255,255,.965);}
.recovered-art{width:auto!important;max-width:450px!important;justify-self:start;}
.recovered-art img{display:block;width:auto!important;max-width:450px!important;height:auto!important;object-fit:contain!important;filter:none;}
.ze-page img{max-height:620px!important;}
.strip-art{max-width:450px!important;}
.strip-art img{width:400px!important;max-width:100%!important;}
.lito-pair{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;max-width:450px;}
.lito-pair .lito-step{padding:5px;margin:0;max-width:220px!important;}
.lito-pair .lito-step img{max-width:208px!important;max-height:260px!important;}
.lito-single img{max-width:450px!important;max-height:470px!important;}
.history-pair{display:flex;gap:8px;align-items:flex-start;max-width:450px;}
.history-pair .history-art{padding:5px;max-width:218px!important;}
.history-pair .history-art img{max-width:206px!important;max-height:330px!important;}
.history-art img{max-width:450px!important;max-height:470px!important;}
.grid{gap:12px!important;}
.original-text{padding-left:2px!important;}
@media(max-width:760px){
 .shell{background-size:900px auto;background-position:center 30%;}
 .recovered-art{margin:0 auto;max-width:100%!important}.recovered-art img{max-width:100%!important}
 .lito-pair,.history-pair{max-width:100%;justify-content:center}.lito-pair .lito-step{max-width:47%!important}.lito-pair .lito-step img{max-width:100%!important}
}

/* V14 — ajuste editorial final: texto e imagem formam um único conjunto */
.grid{gap:7px!important;}
.original-text,.note{margin-top:0!important;}
.art,.pageart,.fullart,.media-stack,.history-pair,.animation{margin-bottom:4px!important;}
.animation-grid{gap:7px!important;}
@media(max-width:760px){.grid,.animation-grid{gap:6px!important}.art,.pageart,.fullart,.media-stack,.history-pair,.animation{margin-bottom:6px!important}}

/* V14 FINAL — acabamento aprovado: o texto acompanha a largura real da imagem */
.grid{grid-template-columns:fit-content(450px) minmax(0,1fr);column-gap:7px!important;row-gap:7px!important;}
.animation-grid{grid-template-columns:fit-content(255px) minmax(0,1fr);column-gap:7px!important;}
.grid>.recovered-art,.grid>.media-stack,.grid>.history-pair,.grid>.lito-pair{justify-self:start;}
@media(max-width:760px){.grid,.animation-grid{grid-template-columns:1fr;column-gap:0!important;row-gap:6px!important}}


/* V14 FINAL — ilustração acrescentada somente à capa */
.intro{max-width:none;}
.cover-art{margin:18px 0 0;padding:0;border:0;}
.cover-art img{display:block;width:min(920px,100%);height:auto;object-fit:contain;}