/* Matéria "O fundador" · Publish Law · usado pela página /fundador/ e pelo modal da home */
.mat{--mat-ink:#131627;--mat-ink2:#2A2F45;--mat-muted:#5F6478;--mat-line:#E4E0E3;--mat-vinho:#8B1E3F;--mat-vinho-soft:#F6E6EB;--mat-paper:#F7F4F5;--mat-gold:#C9A45C;
  color:var(--mat-ink);font:400 17px/1.65 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.mat *{box-sizing:border-box}
.mat p{margin:0}
.mat a{color:var(--mat-vinho)}
.mat-wrap{width:min(1080px,calc(100% - 48px));margin:0 auto}

/* cabeçalho da matéria */
.mat-topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:28px 0 18px;border-bottom:1px solid var(--mat-line);font-size:13px;color:var(--mat-muted)}
.mat-topo .mat-sel{font:700 11.5px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--mat-vinho);padding:6px 10px;border-radius:6px}
.mat-topo .mat-cat{font-weight:600;color:var(--mat-ink2)}
.mat-topo .mat-data{margin-left:auto}
.mat-manchete{padding:30px 0 10px;max-width:880px}
.mat-manchete h1{font:700 clamp(30px,4.4vw,52px)/1.08 'Outfit',system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.mat-manchete .mat-linha{font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:var(--mat-ink2);max-width:760px}
.mat-assina{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-size:13.5px;color:var(--mat-muted)}
.mat-assina b{color:var(--mat-ink);font-weight:600}
.mat-assina .mat-tempo::before{content:"·";margin-right:8px}

/* foto principal */
.mat-foto{margin:26px 0 0;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:0;border-radius:22px;overflow:hidden;background:#0C0A14}
.mat-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;aspect-ratio:2/3}
.mat-foto figcaption{display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:32px 34px;color:rgba(255,255,255,.86);font-size:15px;line-height:1.55;background:radial-gradient(120% 90% at 100% 0%,rgba(139,30,63,.55),transparent 60%),#0C0A14}
.mat-foto figcaption b{display:block;color:#fff;font:700 22px/1.2 'Outfit',sans-serif;letter-spacing:-.01em}
.mat-foto figcaption small{display:block;color:rgba(255,255,255,.55);font-size:12.5px}
.mat-foto .mat-chips{display:flex;flex-wrap:wrap;gap:8px}
.mat-foto .mat-chips span{font:600 12px 'Inter',sans-serif;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 11px}
.mat-seune{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.mat-seune img{flex:none;width:auto;height:58px;display:block;aspect-ratio:auto;object-fit:contain}
.mat-seune span{font-size:14px;line-height:1.4;color:rgba(255,255,255,.8)}
.mat-seune span b{display:block;font:700 16px/1.2 'Outfit',sans-serif;color:#fff;letter-spacing:0}
.mat-fac{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mat-line);font-size:13.5px;color:var(--mat-ink2);line-height:1.4}
.mat-fac img{flex:none;width:auto;height:46px;display:block}
.mat-fac b{color:var(--mat-ink)}

/* corpo em duas colunas */
.mat-corpo{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding:44px 0 30px}
.mat-texto{max-width:680px}
.mat-texto p{margin:0 0 20px;color:var(--mat-ink2)}
.mat-texto p:first-of-type::first-letter{font:700 62px/.85 'Outfit',sans-serif;color:var(--mat-vinho);float:left;margin:8px 10px 0 0}
.mat-texto h2{font:700 24px/1.25 'Outfit',sans-serif;letter-spacing:-.015em;margin:36px 0 14px;color:var(--mat-ink)}
.mat-texto strong{color:var(--mat-ink)}
.mat-cita{margin:30px 0;padding:6px 0 6px 26px;border-left:4px solid var(--mat-gold);font:600 clamp(20px,2vw,26px)/1.35 'Outfit',sans-serif;letter-spacing:-.01em;color:var(--mat-ink)}
.mat-cita cite{display:block;margin-top:12px;font:500 14px 'Inter',sans-serif;color:var(--mat-muted);font-style:normal}
.mat-cita cite::before{content:"— "}

/* lateral */
.mat-lado{display:grid;gap:18px;align-content:start;position:sticky;top:84px}
.mat-caixa{background:var(--mat-paper);border-radius:16px;padding:22px 22px 20px;font-size:14.5px}
.mat-caixa h3{font:700 13px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mat-vinho);margin:0 0 14px}
.mat-caixa dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px}
.mat-caixa dt{color:var(--mat-muted);font-weight:500}
.mat-caixa dd{margin:0;color:var(--mat-ink);font-weight:500}
.mat-caixa ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mat-caixa li{position:relative;padding-left:18px;color:var(--mat-ink2);line-height:1.45}
.mat-caixa li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--mat-vinho)}
.mat-caixa li b{color:var(--mat-ink);font-weight:600}
.mat-caixa.escura{background:linear-gradient(160deg,#4A0F26,#6E1632);color:#fff}
.mat-caixa.escura h3{color:var(--mat-gold)}
.mat-caixa.escura p{color:rgba(255,255,255,.85);margin-bottom:14px}
.mat-caixa.escura a.mat-btn{background:#fff;color:var(--mat-vinho)}
.mat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:10px;font:600 14px 'Inter',sans-serif;text-decoration:none;border:1px solid transparent;cursor:pointer;background:var(--mat-vinho);color:#fff;white-space:nowrap}
.mat a.mat-btn{color:#fff}
.mat-btn.borda,.mat a.mat-btn.borda{background:#fff;color:var(--mat-ink);border-color:var(--mat-line)}
.mat-btn.borda:hover{border-color:var(--mat-ink)}

/* funções em grade (largura total) */
.mat-funcoes{padding:10px 0 40px}
.mat-funcoes h2{font:700 clamp(24px,2.6vw,32px)/1.2 'Outfit',sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.mat-funcoes .mat-sub{color:var(--mat-muted);margin-bottom:26px;max-width:620px}
.mat-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mat-fn{border:1px solid var(--mat-line);border-radius:14px;padding:20px 20px 18px;background:#fff}
.mat-fn i{display:block;font:700 12px 'Inter',sans-serif;letter-spacing:.08em;color:var(--mat-vinho);font-style:normal;margin-bottom:8px}
.mat-fn h4{font:700 16.5px/1.25 'Outfit',sans-serif;margin:0 0 6px}
.mat-fn p{font-size:14px;color:var(--mat-muted);line-height:1.5}

/* rodapé da matéria: compartilhar + imprensa */
.mat-rodape{border-top:1px solid var(--mat-line);padding:26px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.mat-rodape h3{font:700 13px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mat-muted);margin:0 0 12px}
.mat-share{display:flex;flex-wrap:wrap;gap:10px}
.mat-imprensa{font-size:14.5px;color:var(--mat-ink2)}
.mat-imprensa a{font-weight:600;text-decoration:none}
.mat-imprensa a:hover{text-decoration:underline}
.mat-nota{margin-top:14px;font-size:12.5px;color:var(--mat-muted);line-height:1.5}

/* dentro do modal a folha é mais estreita */
.modf .mat-wrap{width:min(100%,calc(100% - 44px))}
.modf .mat-corpo{grid-template-columns:minmax(0,1fr) 280px;gap:36px}
.modf .mat-lado{position:static}
.modf .mat-grade{grid-template-columns:repeat(3,1fr)}
.modf .mat-foto{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}

@media (max-width:980px){
  .mat-corpo,.modf .mat-corpo{grid-template-columns:1fr;gap:26px}
  .mat-lado{position:static}
  .mat-grade,.modf .mat-grade{grid-template-columns:1fr 1fr}
  .mat-foto{grid-template-columns:1fr}
  .mat-foto img{aspect-ratio:2/3;max-height:none}
  .mat-foto,.modf .mat-foto{grid-template-columns:1fr}
  .mat-foto figcaption{padding:22px 22px 24px}
}
@media (max-width:640px){
  .mat{font-size:16px}
  .mat-wrap,.modf .mat-wrap{width:calc(100% - 32px)}
  .mat-topo{padding:18px 0 14px}
  .mat-topo .mat-data{margin-left:0;width:100%}
  .mat-manchete{padding:22px 0 6px}
  .mat-grade,.modf .mat-grade{grid-template-columns:1fr}
  .mat-rodape{grid-template-columns:1fr}
  .mat-caixa dl{grid-template-columns:1fr;gap:2px 0}
  .mat-caixa dt{font-size:12.5px}
  .mat-caixa dd{margin-bottom:8px}
  .mat-texto p:first-of-type::first-letter{font-size:50px}
  .mat-btn{width:100%}
  .mat-share .mat-btn{width:auto;flex:1}
}
@media print{
  .mat-share,.mat-caixa.escura,.mat-btn{display:none!important}
  .mat-corpo,.modf .mat-corpo{grid-template-columns:1fr}
  .mat-foto{break-inside:avoid}
  .mat-foto img{max-height:320px}
}