/* Briefing · layout "revista" (edição especial): duas páginas só de notícias no estilo de revista impressa —
   papel creme, títulos de seção largos e pesados, manchetes serifadas centralizadas, fotos em preto e branco,
   caixas com fio vermelho, retratos em duotom vermelho, cartão escuro e fios finos entre as células.
   Tipos: Archivo com eixo de largura (títulos de seção, rótulos) e Newsreader (manchetes e texto). Ambos OFL. */
@font-face{font-family:"Archivo";src:url("../fonts/Archivo-Variable.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/Newsreader-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/Newsreader-Italic-Variable.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

.rv .paper{--rv-paper:#F2EDE1;--rv-ink:#161514;--rv-ink2:#34312C;--rv-ink3:#57524A;--rv-rule:#CDC4B3;--rv-red:#E2563D;--rv-red-ink:#B8391E;--rv-dark:#1C1B1A;--rv-serif:"Newsreader",Georgia,serif;--rv-wide:"Archivo",system-ui,sans-serif}
.rv .sheets{gap:28px;align-items:stretch}
.rv .sheet{display:flex;flex-direction:column}
.rv .sheet__in{flex:1}
.rv .sheet__in{background:var(--rv-paper);color:var(--rv-ink);padding:18px 34px 26px;gap:0;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative;font-family:var(--rv-serif);display:flex;flex-direction:column}
.rv .sheet a{color:inherit;text-decoration:none}
.rv .sheet a:hover{color:inherit}
.rv .sheet a:hover h2,.rv .sheet a:hover h3,.rv .sheet a:hover h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.rv .sheet :focus-visible{outline:2px solid var(--rv-red);outline-offset:2px}

/* cabeçalho da página */
.rv-mast{container-type:inline-size;position:relative;text-align:center;padding:2px 0 12px;border-bottom:1px solid var(--rv-rule)}
.rv-brand{display:block;font:700 15px/1 var(--rv-serif);letter-spacing:-.01em;color:var(--rv-ink)}
.rv-title{display:inline-block;max-width:100%;white-space:nowrap;margin:4px 0 0;font-family:var(--rv-wide);font-stretch:125%;font-size:clamp(46px,5.4vw,72px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--rv-ink)}
.rv-title.heavy{font-weight:900;font-size:min(72px,14cqi)}
.rv-title.light{font-weight:500;letter-spacing:.03em;font-size:min(58px,9.1cqi)}
.rv-burger{position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center}
.rv-burger i,.rv-burger i::before,.rv-burger i::after{display:block;width:14px;height:1.5px;background:var(--rv-ink);position:relative;content:""}
.rv-burger i::before{position:absolute;top:-4.5px}.rv-burger i::after{position:absolute;top:4.5px}
.rv-date{position:absolute;right:0;top:4px;font:600 12px var(--rv-wide);letter-spacing:.1em;text-transform:uppercase;color:var(--rv-ink3)}

/* abas verticais nas bordas da página */
.rv-tab{position:absolute;top:128px;writing-mode:vertical-rl;font:700 12px var(--rv-wide);font-stretch:112%;letter-spacing:.16em;text-transform:uppercase;color:var(--rv-ink);padding:10px 4px}
.rv-tab.l{left:6px;transform:rotate(180deg)}.rv-tab.r{right:6px}
.rv-tab:hover{color:var(--rv-red)!important}

/* grade: células separadas por fios finos */
.rv-grid{display:grid;border-bottom:1px solid var(--rv-rule)}
.rv-grid>*{min-width:0;padding:14px 14px 16px;border-left:1px solid var(--rv-rule)}
.rv-grid>*:first-child{border-left:0;padding-left:0}
.rv-grid>*:last-child{padding-right:0}
.rv-stack{display:flex;flex-direction:column;padding:0!important}
.rv-stack>*{padding:14px 14px 16px;border-top:1px solid var(--rv-rule)}
.rv-stack>*:first-child{border-top:0}
.rv-grid>.rv-stack:first-child>*{padding-left:0}
.rv-grid>.rv-stack:last-child>*{padding-right:0}

/* histórias */
.rv-story{display:flex;flex-direction:column;gap:8px}
.rv-story.center{text-align:center;align-items:center}
.rv-story .img{display:block;width:100%;overflow:hidden;background:#d9d2c3;aspect-ratio:var(--ar,1.35)}
.rv-story .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 45%);filter:grayscale(1) contrast(1.12)}
.rv-story h2{margin:6px 0 0;font:400 clamp(26px,2.4vw,33px)/1.1 var(--rv-serif);letter-spacing:-.012em;text-wrap:balance}
.rv-story h3{margin:4px 0 0;font:400 22px/1.15 var(--rv-serif);letter-spacing:-.01em;text-wrap:balance}
.rv-story h4{margin:0;font:400 17.5px/1.2 var(--rv-serif);letter-spacing:-.005em;text-wrap:balance}
.rv-story p{margin:0;font:400 14.5px/1.42 var(--rv-serif);color:var(--rv-ink2);max-width:52ch}
.rv-story.center p{max-width:46ch}
.rv-by{font:700 12px var(--rv-wide);letter-spacing:.08em;text-transform:uppercase;color:var(--rv-ink3)}
.rv-by b{color:var(--rv-ink);font-weight:700}
.rv-by a:hover{color:var(--rv-red)}
.rv-hero{padding:14px 0 16px!important;border-left:0!important}
.rv-hero .img{--ar:2.05}

/* caixas com fio vermelho, rótulo vermelho */
.rv-box{border:1px solid var(--rv-red);padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center}
.rv-aside{display:flex;flex-direction:column;gap:12px}
.rv-label{font:800 12px var(--rv-wide);font-stretch:108%;letter-spacing:.12em;text-transform:uppercase;color:var(--rv-red-ink)}
.rv-duo{display:block;width:62%;aspect-ratio:1;border-radius:999px;overflow:hidden;background:var(--rv-red);position:relative}
.rv-duo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(1.05);mix-blend-mode:screen}
.rv-duo.sq{border-radius:0;width:100%;aspect-ratio:1.5}
.rv-duo i{position:absolute;inset:0;display:grid;place-items:center;font:500 40px var(--rv-serif);color:#fff;font-style:normal}
.rv-box .who{font:700 13px var(--rv-wide);letter-spacing:.1em;text-transform:uppercase;color:var(--rv-red-ink)}
.rv-box p{margin:0;font:400 14px/1.4 var(--rv-serif);color:var(--rv-ink2)}
.rv-box.list{text-align:left;align-items:stretch}
.rv-box.list .rv-label{text-align:center}
.rv-box.list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rv-box.list li{font:400 14px/1.35 var(--rv-serif);color:var(--rv-ink2)}
.rv-box.list li b{font:700 13px var(--rv-wide);letter-spacing:.02em;color:var(--rv-ink)}
.rv-box.list li a:hover b{color:var(--rv-red-ink)}
.rv-box .quote{font:400 italic 17px/1.35 var(--rv-serif);color:var(--rv-ink)}
.rv-box .num{font:400 52px/1 var(--rv-serif);color:var(--rv-red);letter-spacing:-.02em}
.rv-box.side{text-align:left;align-items:stretch;gap:10px;height:100%}
.rv-box.side .ent{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid rgba(226,86,61,.35)}
.rv-box.side .ent:first-of-type{border-top:0;padding-top:0}
.rv-box.side .ent b{font:700 13px var(--rv-wide);color:var(--rv-red-ink)}
.rv-box.side .ent span{font:400 14px/1.35 var(--rv-serif);color:var(--rv-ink2)}
.rv-box.side .ent a:hover span{text-decoration:underline}

/* cartão escuro */
.rv-dark{display:flex;flex-direction:column;gap:10px;background:var(--rv-dark);color:#F2EDE1!important;padding:14px 14px 16px;text-align:left;width:100%;font:inherit;cursor:pointer}
.rv-dark .rv-label{color:#F2EDE1}
.rv-dark .row{display:flex;gap:10px;align-items:center}
.rv-dark .row i{flex:none;width:34px;height:34px;border-radius:999px;background:#F2EDE1;color:var(--rv-dark);display:grid;place-items:center;font-style:normal;font-size:13px}
.rv-dark .row span{font:400 15px/1.3 var(--rv-serif)}
.rv-dark small{font:600 12px var(--rv-wide);letter-spacing:.08em;text-transform:uppercase;color:rgba(242,237,225,.72)}
.rv-dark:hover .row span{text-decoration:underline}

/* rodapé com três chamadas e um número */
.rv-foot{grid-template-columns:1fr 1fr 1fr 1fr;border-bottom:0}
.rv-foot .rv-story{text-align:center;align-items:center;justify-content:center}
.rv-foot .rv-num{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.rv-foot .rv-num b{font:400 54px/1 var(--rv-serif);letter-spacing:-.02em}
.rv-foot .rv-num span{font:400 13.5px/1.35 var(--rv-serif);color:var(--rv-ink2);max-width:22ch}
.rv-colophon{margin-top:auto;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;font:600 12px var(--rv-wide);letter-spacing:.08em;text-transform:uppercase;color:var(--rv-ink3)}

@media (min-width:900px) and (max-width:1199px){.rv .sheets{grid-template-columns:1fr;max-width:860px;margin:0 auto}}
.rv-next{display:none}
@media (max-width:899px){
  .rv-next{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:16px;border:1px solid var(--rv-ink);font:700 13px var(--rv-wide);letter-spacing:.1em;text-transform:uppercase;color:var(--rv-ink)}
  .rv .sheets{align-items:start}
  .rv-burger{width:44px;height:44px;left:-8px;top:-8px}
  .rv-box.list li a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
  .rv .sheet__in{padding:14px 16px 22px}
  .rv-tab{display:none}
  .rv-date{position:static;display:block;margin-top:6px}
  .rv-mast{display:flex;flex-direction:column;align-items:center}
  .rv-grid{grid-template-columns:1fr!important}
  .rv-grid>*{border-left:0;padding:14px 0 16px;border-top:1px solid var(--rv-rule)}
  .rv-grid>*:first-child{border-top:0}
  .rv-stack>*{padding:14px 0 16px}
  .rv-foot .rv-num b{font-size:44px}
  .rv-duo{width:52%}
  .rv-hero .img{--ar:1.6}
  .rv-story h2{font-size:27px}
}

/* modo avulso (?so=1 e a versão de entrega em edicoes/<id>/): só as duas páginas */
.solo .tabs,.solo .paper__bar,.solo .skip,.solo .rv-next{display:none!important}
.solo .paper{padding:28px 0 40px}
@media (max-width:899px){
  .solo .sheets{display:flex;flex-direction:column;overflow:visible;height:auto!important;margin:0;padding:0 12px;gap:18px}
  .solo .sheet{flex:none}
}
