/* Publicação aberta (Figma: frame Publicaçoes aberta 169:1001, montada a partir da captura enviada).
   Base em css/base.css; banner em css/institucional.css. */
.pa-topo{height:calc(504 * var(--u))}
.pa-topo .qs-topo-foto{object-position:var(--pos, 50% 0%)}
.pa-cartao{
  position:relative;z-index:2;margin-top:calc(-180 * var(--u));width:calc(918 * var(--u));min-width:0;max-width:100%;
  padding:calc(105 * var(--u)) calc(50 * var(--u)) calc(31 * var(--u));border-radius:20px;
  background:linear-gradient(180deg, rgba(236,228,219,.55) 0%, rgba(236,228,219,.92) 55%, #ECE4DB 75%);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);
}
.pa-voltar{display:inline-flex;align-items:center;gap:6px;font-family:var(--titulo);font-size:max(13px, calc(15 * var(--u)));color:var(--tinta);transition:gap .4s cubic-bezier(.16,1,.3,1)}
.pa-voltar:hover{gap:10px}
.pa-meta{margin-top:calc(18 * var(--u));display:flex;align-items:center;gap:calc(16 * var(--u));flex-wrap:wrap}
.pa-data{font-family:var(--texto);font-size:max(15px, calc(18.5 * var(--u)));color:var(--tinta)}
.pa-titulo{margin-top:calc(31 * var(--u));max-width:calc(660 * var(--u));min-width:0;font-family:var(--titulo);font-size:max(26px, calc(36 * var(--u)));line-height:1.18;color:var(--preto)}

.pa-grade{margin-top:calc(31 * var(--u));padding-bottom:calc(8 * var(--u));display:grid;grid-template-columns:calc(852 * var(--u)) minmax(0,1fr);column-gap:calc(49 * var(--u));padding-left:calc(50 * var(--u))}
.pa-texto p{font-size:max(16px, calc(18.5 * var(--u)));line-height:1.64;color:#000}
.pa-texto p + p{margin-top:1.64em}
.pa-autores{margin-top:calc(46 * var(--u));font-family:var(--titulo);font-size:max(16px, calc(18.5 * var(--u)));color:var(--preto)}
.pa-compartilhar{margin-top:calc(46 * var(--u))}
.pa-compartilhar h2{font-family:var(--titulo);font-size:max(16px, calc(18.5 * var(--u)));color:var(--preto)}
.pa-redes{margin-top:calc(22 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u))}
.pa-redes a,.pa-redes button{width:40px;height:40px;margin:-4px;border-radius:100px;display:flex;align-items:center;justify-content:center;color:var(--grafite);transition:background .4s ease, color .4s ease, transform .5s cubic-bezier(.16,1,.3,1)}
.pa-redes a:hover,.pa-redes button:hover{background:var(--grafite);color:var(--pessego);transform:translateY(-3px)}
.pa-aviso{margin-top:12px;font-size:14px;color:var(--tinta-2);opacity:0;transition:opacity .4s ease}
.pa-aviso.visivel{opacity:1}

.pa-lado h2{font-family:var(--titulo);font-size:max(24px, calc(30 * var(--u)));line-height:1.24;letter-spacing:-0.005em;color:var(--preto);max-width:260px}
.pa-relacionadas{margin-top:calc(58 * var(--u));display:flex;flex-direction:column;gap:calc(52 * var(--u))}
.pa-relacionada{display:block;max-width:300px}
.pa-relacionada h3{margin-top:calc(14 * var(--u));font-family:var(--titulo);font-size:16px;line-height:1.46;color:var(--preto);transition:color .4s ease}
.pa-relacionada:hover h3{color:var(--tinta-2)}

@media (max-width:1024px){
  .pa-topo{height:260px}
  .pa-cartao{margin-top:-80px;width:100%;padding:32px 24px 24px}
  .pa-titulo{max-width:none}
  .pa-grade{grid-template-columns:1fr;row-gap:56px;padding-left:0;margin-top:32px;padding-bottom:72px}
}

/* WordPress: o texto vem do editor, então além de parágrafos pode ter
   subtítulos, listas, citações, imagens e tabelas */
.pa-texto > * + *{margin-top:1.2em}
.pa-texto h2,.pa-texto h3{font-family:var(--titulo);font-size:max(20px, calc(24 * var(--u)));line-height:1.3;color:var(--preto);margin-top:1.8em}
.pa-texto h3{font-size:max(18px, calc(20 * var(--u)))}
.pa-texto ul,.pa-texto ol{padding-left:1.2em;font-size:max(16px, calc(18.5 * var(--u)));line-height:1.64}
.pa-texto ul{list-style:disc}
.pa-texto ol{list-style:decimal}
.pa-texto li + li{margin-top:.4em}
.pa-texto a{text-decoration:underline;text-underline-offset:3px}
.pa-texto a:hover{color:var(--tinta-2)}
.pa-texto blockquote{margin:1.6em 0;padding:22px 28px;border-radius:16px;background:rgba(255,255,255,.5);font-family:var(--titulo);font-size:max(18px, calc(21 * var(--u)));line-height:1.5}
.pa-texto img{height:auto;border-radius:14px}
.pa-texto figure{margin:1.6em 0}
.pa-texto figcaption{margin-top:8px;font-size:14px;color:var(--tinta-2)}
.pa-texto table{width:100%;border-collapse:collapse;font-size:16px}
.pa-texto td,.pa-texto th{padding:10px 12px;text-align:left;vertical-align:top}
.pa-texto tr:nth-child(odd) td{background:rgba(255,255,255,.45)}
.pa-texto hr{border:0;height:24px;background:none}
.pa-autores a{text-decoration:underline;text-underline-offset:3px}