/*
 * Cards de notícia com o título POR CIMA da imagem — destaque (pg-4062) e laterais (pg-4077),
 * na Home e em /novidades. Pedido do Joel (03/11/2026): a imagem já traz texto, então o card
 * mostra SÓ o título, em UMA linha (corta com "…" conforme a largura do card), com sombra
 * discreta e um degradê escuro na parte de baixo, onde o título fica.
 * O subtítulo sai do HTML em App\Support\NovidadesListing::preencher().
 */

/* degradê embaixo (troca a faixa dura do site antigo: preto 25% → transparente 28%, opacidade .2) */
.pg-doc:is(.pg-4062,.pg-4077) > .pg-e-parent::before{
  content:"" !important; position:absolute !important; inset:auto 0 0 0 !important; width:auto !important; height:45% !important;
  background:linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,0) 100%) !important;
  opacity:1 !important; pointer-events:none; z-index:0;
}

/* subtítulo: garantia caso algum card ainda traga o campo */
.pg-doc:is(.pg-4062,.pg-4077) .pg-w-campo{display:none !important}

/* título: uma linha, encostado embaixo, ocupando a largura do card */
.pg-doc.pg-4062 .pg-w-heading{top:auto !important; bottom:22px !important; left:20px !important; right:20px !important; width:auto !important; max-width:none !important}
.pg-doc.pg-4077 .pg-w-heading{top:auto !important; bottom:16px !important; left:12px !important; right:12px !important; width:auto !important; max-width:none !important}
.pg-doc:is(.pg-4062,.pg-4077) .pg-w-heading{z-index:1}
.pg-doc:is(.pg-4062,.pg-4077) .pg-heading-title{
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  line-height:1.3 !important; padding-bottom:.08em; /* overflow:hidden cortava o pé do g/p/q com line-height = fonte */
  text-shadow:0 1px 2px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.35) !important;
}

/* celular: o destaque tem a mesma largura das laterais — mesma fonte delas, para caber mais do título */
@media (max-width:767px){
  .pg-doc.pg-4062 .pg-heading-title{font-size:20px !important}
  .pg-doc.pg-4062 .pg-w-heading{left:12px !important; right:12px !important; bottom:16px !important}
}