/*
 * Single de NOVIDADES — cabeçalho no formato novo (teste 02/11/2026, pedido do Joel):
 *   • título preto e pesado, 2ª metade em vermelho na linha de baixo (SingleRenderer::tituloEmDuasCores);
 *   • subtítulo leve, cinza-escuro;
 *   • "Publicado por / data / Créditos" numa faixa clara com separadores, valores em vermelho;
 *   • botões de compartilhar arredondados e com respiro.
 * Carregado DEPOIS de pg-noticia.css; tudo preso ao bloco do cabeçalho (.pg-631e030).
 * Para voltar ao formato antigo basta tirar o <link> em pages/noticia.blade.php.
 */

.pg-2018 .pg-element.pg-631e030 { --pg-cab-vermelho: #e3242b; --pg-cab-texto: #1b1b1f; --pg-cab-suave: #4a4a52; }

/* ── Título ──
 * Cada parte numa linha só: a fonte sai da largura disponível (100cqi) ÷ letras da maior parte
 * (--pg-tit-letras, vem do SingleRenderer) × 0,6 (largura média da letra no Roboto 900).
 * Entre 24 e 50px; abaixo do piso, quebra equilibrada (text-wrap: balance) em vez de sobrar 1 palavra.
 */
.pg-2018 .pg-element.pg-3aa3c7a { width: 100%; max-width: 100%; --container-widget-width: 100%; }
.pg-2018 .pg-element.pg-3aa3c7a > .pg-w-container { container-type: inline-size; }
.pg-2018 .pg-element.pg-3aa3c7a .pg-heading-title {
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: clamp(24px, calc(100cqi / (var(--pg-tit-letras, 30) * 0.6)), 50px);
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-wrap: balance;
    color: var(--pg-cab-texto);
}
.pg-631e030 .pg-titulo__b { display: block; color: var(--pg-cab-vermelho); }

/* ── Subtítulo ── */
.pg-2018 .pg-element.pg-7115005 {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.5;
    color: var(--pg-cab-suave);
}
.pg-2018 .pg-element.pg-7115005 > .pg-w-container { padding: 4px 12% 8px; }

/* ── Faixa de informações ── */
.pg-631e030 .pg-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 0;
    margin: 6px auto 4px;
    padding: 8px 20px;
    background: #f3f3f5;
    border: 1px solid #e6e6ea;
    border-radius: 10px;
}
/* separador antes da data e dos créditos (o ícone abre cada grupo) */
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-df132cb > .pg-w-container,
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-2553789 > .pg-w-container {
    margin: 0 0 0 18px;
    padding-left: 18px;
    border-left: 1px solid #d4d4da;
}
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-d4e1d93 > .pg-w-container { margin: 0; }
.pg-631e030 .pg-meta .pg-icon { margin-right: 8px; }
.pg-631e030 .pg-meta .pg-icon svg { fill: #8b1d22 !important; }
/* rótulos */
.pg-2018 .pg-631e030 .pg-meta .pg-element:is(.pg-608a0b8, .pg-e1c6ece) .pg-heading-title {
    font-size: 15px; font-weight: 400; color: var(--pg-cab-texto); margin-right: 6px;
}
/* valores */
.pg-2018 .pg-631e030 .pg-meta .pg-element:is(.pg-e314d4a, .pg-41c4550) .pg-heading-title,
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-b2d3651 {
    font-size: 15px; font-weight: 700; color: var(--pg-cab-vermelho);
}
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-b2d3651 { color: var(--pg-cab-texto); font-weight: 500; }
.pg-2018 .pg-631e030 .pg-meta .pg-element.pg-b2d3651 p { margin: 0; }

/* ── Botões de compartilhar ── */
.pg-2018 .pg-element.pg-0c36a94 { --grid-column-gap: 12px; --grid-side-margin: 6px; margin-top: 6px; }
.pg-2018 .pg-element.pg-0c36a94 .pg-share-btn {
    height: 4.2em;
    min-width: 13.5em;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .14);
}
.pg-2018 .pg-element.pg-0c36a94 .pg-share-btn { justify-content: center; gap: 2px; }
.pg-2018 .pg-element.pg-0c36a94 .pg-share-btn__text { background-image: none; font-size: 1.45em; padding-inline-start: 0; flex-grow: 0; }
.pg-2018 .pg-element.pg-0c36a94 .pg-share-btn__icon { width: 3.6em; }
.pg-2018 .pg-element.pg-0c36a94 .pg-share-btn:hover { transform: translateY(-1px); }

@media (max-width: 767px) {
    /* celular: as duas cores seguem na mesma linha (economiza a quebra forçada) */
    .pg-631e030 .pg-titulo__b { display: inline; }
    .pg-2018 .pg-element.pg-3aa3c7a .pg-heading-title { font-size: clamp(21px, calc(100cqi / (var(--pg-tit-letras, 30) * 0.9)), 30px); }
    .pg-2018 .pg-element.pg-7115005 > .pg-w-container { padding: 4px 4px 8px; }
    /* celular: uma linha por informação, em grade ícone | rótulo | valor */
    .pg-631e030 .pg-meta { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 6px 0; width: 100%; padding: 10px 14px; text-align: left; }
    .pg-2018 .pg-631e030 .pg-meta .pg-element { width: auto !important; max-width: none !important; margin: 0 !important; }
    .pg-2018 .pg-631e030 .pg-meta .pg-element > .pg-w-container { margin: 0 !important; padding: 0 !important; border: 0 !important; }
    .pg-2018 .pg-631e030 .pg-meta .pg-element.pg-b2d3651 { grid-column: span 2; text-align: left; }
    .pg-2018 .pg-element.pg-0c36a94 .pg-share-btn { min-width: 0; }
}