/* Radar Áurea · papel envelhecido e "fotografias vivas" (vídeo em sépia impresso no papel, à moda do Profeta Diário) */
.pg-radar{background:#e7dcc1}
.rd-papel{--paper:#e7dcc1;--off:#ddd0b0;--ink:#2b2318;--ink-2:#3b3124;--ink-3:#5d503c;--hair-l:rgba(43,35,24,.18);--gold-deep:#6e4f17;position:relative;isolation:isolate;background:#e7dcc1;color:var(--ink)}
.rd-papel::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.5;mix-blend-mode:multiply;
  background:
   radial-gradient(38% 28% at 82% 18%,rgba(140,100,40,.18),transparent 70%),
   radial-gradient(30% 22% at 12% 64%,rgba(120,85,30,.14),transparent 70%),
   radial-gradient(22% 16% at 66% 88%,rgba(150,110,50,.16),transparent 70%),
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .014' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.rd-papel .rd-title,.rd-papel .rd-home-h h2{color:#1f1910}
.rd-papel .rd-about{background:rgba(255,248,230,.25)}

.viva{margin:0}
.viva-pic{position:relative;overflow:hidden;isolation:isolate;background:#e2ddd2;border:1px solid var(--ink)}
.viva-r45{aspect-ratio:4/5}.viva-r11{aspect-ratio:1/1}
.viva-pic img,.viva-pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.06) brightness(1.02)}
/* o vídeo começa no mesmo fotograma da imagem; quando arranca, a imagem sai e não fica fantasma */
.viva-pic video{opacity:0;transition:opacity .3s linear}
.viva-pic img{transition:opacity .3s linear}
.viva.is-on .viva-pic video{opacity:1}
.viva.is-on .viva-pic img{opacity:0}
.viva-pic::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,transparent 55%,rgba(38,33,26,.34) 100%);mix-blend-mode:multiply}
.viva-pic::after{content:"";position:absolute;inset:-60%;z-index:3;pointer-events:none;opacity:.42;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 1.1 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:viva-grao .5s steps(5) infinite}
.viva.is-vivo .viva-pic{animation:viva-luz 3.2s steps(1) infinite}
.viva figcaption{margin-top:10px;padding-top:8px;border-top:1px solid var(--hair-l);font:italic 400 13.5px/1.5 var(--rd-serif,Georgia,serif);color:var(--ink-3)}
.viva figcaption b{font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--gold-deep);margin-right:6px}
@keyframes viva-grao{0%{transform:translate(0,0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-6%)}60%{transform:translate(-4%,-3%)}80%{transform:translate(6%,5%)}100%{transform:translate(0,0)}}
@keyframes viva-luz{0%{filter:brightness(1)}31%{filter:brightness(.97)}33%{filter:brightness(1.02)}62%{filter:brightness(.99)}64%{filter:brightness(1)}88%{filter:brightness(.96)}90%{filter:brightness(1)}}

/* composição: foto retrato ao lado do título (capa e artigo) */
.rd-front .rd-lead-viva{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:start}
.rd-th-viva{border:0!important;margin-bottom:18px}
.rd-th-viva .viva-pic img{transform:none!important}
.rd-ah-viva{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:clamp(26px,4vw,56px);align-items:end;max-width:1080px!important}
.rd-ah-viva .rd-meta{grid-column:1/-1}
@media (max-width:820px){.rd-ah-viva{grid-template-columns:minmax(0,1fr)}.rd-ah-viva .viva{max-width:420px}}
@media (max-width:720px){.rd-front .rd-lead-viva{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.viva-pic::after,.viva.is-vivo .viva-pic{animation:none}.viva-pic video{display:none}.viva.is-on .viva-pic img{opacity:1}}
@media (max-width:720px){.rd-lead-viva .viva-r45,.rd-ah-viva .viva-r45{aspect-ratio:1/1}.rd-ah-viva .viva{max-width:none}}