/* CARMONA — história completa: capítulos em uma coluna de leitura, fotos de arquivo */
.hist-abre{ padding-top:calc(var(--space-block-lg) + 40px); }
.hist-abre h1{ font-size:var(--size-display); line-height:var(--leading-display); margin-inline:auto; max-width:none; text-wrap:balance; }

.capitulo{ max-width:62ch; margin:var(--space-lg-xl) auto 0; display:flex; flex-direction:column; gap:var(--space-md); }
.capitulo p{ margin:0; max-width:none; color:var(--text-quiet); font-size:var(--size-body-lg); line-height:var(--leading-body-loose); text-wrap:pretty; }
.capitulo__abre{ font-family:var(--font-serif); font-size:var(--size-quote-sm) !important; line-height:var(--leading-quote) !important;
                 color:var(--tinta) !important; text-align:center; text-wrap:balance !important; }

.fala{ margin:var(--space-sm) 0; padding:0 0 0 var(--space-md); border-left:var(--rule-topline); }
.fala p{ font-family:var(--font-serif); font-size:var(--size-quote-sm); line-height:var(--leading-quote); color:var(--tinta) !important; }
.fala cite{ display:block; margin-top:var(--space-sm); font-style:normal; font-family:var(--font-sans); font-size:var(--size-label);
            letter-spacing:var(--track-label); text-transform:uppercase; color:var(--text-label); }
.fala--grande p{ font-size:clamp(24px,2.6vw,34px); }
.fala--centro{ max-width:none; margin:var(--space-lg-xl) auto 0; border:0; padding:0; text-align:center; }
.fala--centro p{ max-width:24ch; margin-inline:auto; text-wrap:balance; }

/* fotos de arquivo: em multiply, para o papel aparecer por baixo */
.fotos{ display:grid; gap:var(--space-md); margin-top:var(--space-block); }
.fotos--tres{ grid-template-columns:repeat(3,1fr); align-items:end; }
.fotos--tres .foto:nth-child(2){ margin-bottom:28px; }
.foto{ margin:0; aspect-ratio:auto; background:none; border:0; display:block; }   /* anula o .foto antigo do pranchas.css */
.foto img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; filter:grayscale(.15) sepia(.12); mix-blend-mode:multiply; }
.foto--larga{ margin-top:var(--space-block); }
.foto--larga img{ aspect-ratio:16/9; }
.foto figcaption{ margin-top:var(--space-sm); font-family:var(--font-sans); font-size:var(--size-label); letter-spacing:var(--track-label);
                  text-transform:uppercase; color:var(--text-label); }
/* enquanto a foto não chega: a moldura com a legenda */
.foto--vazia img{ display:none; }
.foto--vazia::before{ content:"Foto de arquivo"; display:grid; place-items:center; width:100%; aspect-ratio:4/5;
                      border:1px dashed var(--linha-forte); background:rgba(255,253,248,.35);
                      font-family:var(--font-sans); font-size:var(--size-label); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--text-label); }
.foto--larga.foto--vazia::before{ aspect-ratio:16/9; content:"Foto da família na homenagem"; }

.hist-fim .wrap{ text-align:center; }
.hist-fim h2{ margin-inline:auto; text-wrap:balance; }
.hist-fim__acoes{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-sm); margin-top:var(--space-lg); }

@media (max-width:760px){
  .fotos--tres{ grid-template-columns:1fr 1fr; }
  .fotos--tres .foto:nth-child(2){ margin-bottom:0; }
  .fotos--tres .foto:nth-child(3){ grid-column:1 / -1; }
  .fotos--tres .foto:nth-child(3) img, .fotos--tres .foto--vazia:nth-child(3)::before{ aspect-ratio:16/10; }
  .hist-abre h1 br{ display:none; }
  .hist-fim__acoes .btn{ width:100%; justify-content:center; }
}