/* =========================================================
   SINGLE POST — layout editorial aprovado (mockup interno)
   Topo texto+imagem · conteúdo fluido à esquerda · sidebar
   "Histórias relacionadas" · CTA "Mais histórias da Unileão" ·
   compartilhamento · seção escura "Últimas notícias".
   Tudo escopado em body.single (o arquivo carrega global no header).
   ========================================================= */

body.single{
    --pe-bg:#fbf7ef;
    --pe-ink:#0a0a0a;
    --pe-text:#1f1f1f;
    --pe-muted:#68625a;
    --pe-line:#d7d0c3;
    --pe-gold:#b8922f;
    --pe-gold-soft:rgba(184,146,47,.12);
    --pe-black:#0d0d0d;
    --pe-sans:Arial,Helvetica,sans-serif;
    --pe-serif:Georgia,"Times New Roman",serif;
    background:var(--pe-bg);
}

body.single .post-editorial,
body.single .post-editorial *{box-sizing:border-box}
/* Seletor com #id pra vencer o global #conteudo{padding:180px 0 50px} (que é
   ID e ganhava do seletor de classe). O body já tem padding-top:80px pro header
   fixo, então aqui o topo fica enxuto (~48px), sem altura artificial. */
body.single #conteudo.post-editorial{
    display:block;
    background:var(--pe-bg);
    color:var(--pe-ink);
    font-family:var(--pe-sans);
    padding:24px 0 8px;
}
body.single .post-editorial a{color:inherit;text-decoration:none}
body.single .post-editorial img{display:block;max-width:100%}

.pe-shell{max-width:1480px;margin:0 auto;padding:0 48px}

/* ---- LAYOUT: 2 colunas independentes ----
   Esquerda: título + linha-fina + data + TODO o conteúdo (coluna larga e fluida).
   Direita: só a imagem da matéria no topo. */
.pe-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(300px,28vw,400px);
    gap:60px;
    align-items:start;
    padding:8px 0 30px;
}
.pe-main-col{min-width:0}
.pe-side-col{min-width:0}
.pe-head{margin:0 0 28px}
.pe-kicker{
    font-size:12px;text-transform:uppercase;letter-spacing:.13em;
    font-weight:900;color:var(--pe-gold);margin-bottom:16px;
}
.pe-title{
    font-family:var(--pe-serif);
    font-size:clamp(52px,6.2vw,104px);
    line-height:1.0;letter-spacing:-.045em;font-weight:600;
    color:var(--pe-ink);max-width:none;margin:0 0 26px;
}
.pe-subtitle{
    display:block;
    max-width:760px;
    font-family:var(--pe-serif);
    font-size:25px;line-height:1.5;font-weight:500;
    color:#333;margin:0 0 34px;
}
.pe-meta{
    margin-top:28px !important;
    border-top:2px solid var(--pe-gold);
    padding-top:18px;max-width:420px;
    font-size:13px;line-height:1.7;color:var(--pe-text);
}
.pe-meta strong{display:block;font-weight:900;color:var(--pe-ink)}
.pe-meta-date b{font-weight:400}

/* imagem no topo da coluna lateral */
.pe-hero-img{margin:0 0 32px}
.pe-hero-img img{
    width:100%;aspect-ratio:4/3;object-fit:cover;background:#d5d5d5;
}

/* ---- CONTEÚDO (coluna principal) ---- */
.pe-content{
    max-width:900px;
    font-family:var(--pe-serif);
    font-size:21px;line-height:1.85;color:var(--pe-text);
    text-align:left;
}
.pe-content p{margin:0 0 32px}
.pe-content > p:first-of-type::first-letter{
    float:left;font-family:var(--pe-serif);
    font-size:88px;line-height:.78;color:var(--pe-gold);
    padding:12px 14px 0 0;
}
.pe-content h2{
    font-family:var(--pe-serif);
    font-size:40px;line-height:1.2;letter-spacing:-.035em;
    color:var(--pe-ink);margin:56px 0 24px;
}
.pe-content h3{
    font-family:var(--pe-serif);
    font-size:30px;line-height:1.2;letter-spacing:-.02em;
    color:var(--pe-ink);margin:56px 0 24px;
}
.pe-content ul,.pe-content ol{margin:0 0 28px 1.4rem;line-height:1.78}
.pe-content li{margin-bottom:10px}
.pe-content strong{font-weight:700;color:var(--pe-ink)}
.pe-content em{font-style:italic}
.pe-content a{color:var(--pe-gold);border-bottom:1px solid var(--pe-gold)}
.pe-content a:hover{background:var(--pe-gold-soft)}
.pe-content img{max-width:100%;height:auto;display:block;margin:24px 0}
.pe-content figure{max-width:100%;margin:24px 0}
.pe-content figure img{margin:0}
.pe-content .alignright{float:right;max-width:50%;margin:8px 0 18px 28px}
.pe-content .alignleft{float:left;max-width:50%;margin:8px 28px 18px 0}
.pe-content .aligncenter{float:none;margin-left:auto;margin-right:auto}
.pe-content .alignnone{float:none}
.pe-content blockquote{
    margin:42px 0;padding-left:24px;border-left:5px solid var(--pe-gold);
    font-family:var(--pe-serif);font-size:29px;line-height:1.32;color:#111;
}
.pe-content blockquote p{font-size:inherit;margin:0}

/* banner de categoria (termmeta Toolset) */
body.single .post-editorial .card.text-white.card_contedudo{
    position:relative;border:none;border-radius:0;margin:36px 0 14px;overflow:hidden;
}
body.single .post-editorial .card_contedudo a{display:block;color:#fff}
body.single .post-editorial .card_contedudo .card-img{
    width:100%;aspect-ratio:16/8;object-fit:cover;display:block;
}
body.single .post-editorial .bannerCategoriaNoticia{
    background:linear-gradient(to top,rgba(0,0,0,.78),transparent 60%);padding:28px;
}
body.single .post-editorial .bannerCategoriaNoticia .card-body{padding:0}
body.single .post-editorial .bannerCategoriaNoticia .card-subtitle{
    font-family:var(--pe-sans);font-size:12px;letter-spacing:3px;
    color:var(--pe-gold);text-transform:uppercase;margin:0 0 8px;
}
body.single .post-editorial .bannerCategoriaNoticia .card-title{
    font-family:var(--pe-serif);font-style:italic;font-weight:500;
    font-size:clamp(26px,3.2vw,40px);line-height:1.05;letter-spacing:-1px;color:#fff;margin:0;
}
body.single .post-editorial img.lazy{opacity:1;transition:none}

/* CTA institucional "Mais histórias da Unileão" */
.pe-cta{
    clear:both;
    background:#efefef;border-left:4px solid var(--pe-gold);
    padding:24px 28px;margin:34px 0;
}
/* Blocos pós-conteúdo não podem ser invadidos por float de imagem */
body.single .post-editorial .card.text-white.card_contedudo,
.pe-anexos,
.pe-share{clear:both}
.pe-cta h3{font-family:var(--pe-sans);margin:0 0 8px;font-size:24px;color:var(--pe-ink)}
.pe-cta p{font-family:var(--pe-sans);font-size:15px;margin:0 0 16px;color:#333;line-height:1.5}
.pe-content .pe-cta-btn,
.pe-cta-btn{
    display:inline-flex;align-items:center;
    background:#000 !important;color:#fff !important;
    border:1px solid #000 !important;border-bottom:1px solid #000 !important;
    text-decoration:none !important;
    padding:12px 20px;font-family:var(--pe-sans);font-size:13px;font-weight:800;
    text-transform:uppercase;letter-spacing:.04em;
}
.pe-content .pe-cta-btn:hover,
.pe-cta-btn:hover{background:#000 !important;color:#fff !important;border-color:#000 !important}

/* Anexos (Toolset view) */
.pe-anexos{
    margin:30px 0;padding:20px 24px;background:#fff;border-left:3px solid var(--pe-gold);
    font-family:var(--pe-sans);font-size:15px;line-height:1.55;color:var(--pe-text);
}
.pe-anexos b{
    font-family:var(--pe-sans);display:block;margin-bottom:8px;
    text-transform:uppercase;letter-spacing:2px;font-size:13px;color:var(--pe-ink);
}
.pe-anexos a{color:var(--pe-gold);border-bottom:1px solid var(--pe-gold)}

/* Compartilhamento — bloco totalmente preto (sem dourado/vermelho) */
.pe-share{
    margin-top:40px;padding-top:28px;border-top:1px solid var(--pe-line);
    border-left:7px solid #000;padding-left:24px;
}
.pe-share b,
.pe-share a,
.pe-share a i,
.pe-share i,
.pe-share svg{color:#000 !important}
.pe-share b{
    display:block;font-family:var(--pe-sans);font-size:12px;letter-spacing:.16em;
    text-transform:uppercase;margin-bottom:14px;
}
.pe-share a{
    display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;margin:0 8px 8px 0;font-size:16px;transition:all .2s;
    border:1px solid #000 !important;
    text-decoration:none !important;
}
.pe-share svg path{fill:#000 !important;stroke:#000 !important}
.pe-share a:hover{background:#000;border-color:#000 !important;color:#fff !important}
.pe-share a:hover i,
.pe-share a:hover svg{color:#fff !important}
.pe-share a:hover svg path{fill:#fff !important;stroke:#fff !important}

/* ---- "Histórias relacionadas" (na coluna lateral, abaixo da imagem) ---- */
.pe-related{border-top:4px solid #111;padding-top:12px;max-width:420px}
.pe-related h3{
    font-family:var(--pe-sans);margin:0 0 22px;font-size:18px;
    letter-spacing:.12em;text-transform:uppercase;color:var(--pe-ink);
}
.pe-related-item{
    display:grid;grid-template-columns:1fr 96px;gap:18px;align-items:start;
    margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--pe-line);
}
.pe-related-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}

/* Vence o global #conteudo a (ID) que reaplica underline/borda no link */
#conteudo .pe-side-col .pe-related a,
#conteudo .pe-side-col .pe-related a:hover,
#conteudo .pe-side-col .pe-related a:focus{
    text-decoration:none !important;border-bottom:0 !important;background:transparent !important;
}
.pe-related-txt h4{
    margin:0 0 8px;color:var(--pe-ink);
    font-family:var(--pe-sans);font-size:17px;line-height:1.25;font-weight:700;
    text-decoration:none !important;border-bottom:0 !important;
}
.pe-related-item:hover .pe-related-txt h4{color:var(--pe-gold)}
.pe-related-txt p{
    margin:0;font-family:var(--pe-serif);font-size:16px;line-height:1.38;color:#333;
    text-decoration:none !important;border-bottom:0 !important;
}
.pe-related-item img{width:96px;height:82px;object-fit:cover;display:block;background:#ccc}

/* =========================================================
   SEÇÃO ESCURA "ÚLTIMAS NOTÍCIAS"  (include single/parts/ultimas-noticias.php)
   Padrão visual reaproveitado da /noticias/. noticias-hub.css não carrega no
   single, então as regras vivem aqui, escopadas em body.single .single-latest.
   ========================================================= */
body.single .single-latest{background:#000;color:#fff;padding:56px 0 64px;margin-top:24px}
body.single .single-latest .latest-news-wrap{max-width:1180px;margin:0 auto;padding:0 48px}
body.single .single-latest .latest-news-head{
    display:flex;align-items:baseline;justify-content:space-between;
    gap:20px;flex-wrap:wrap;margin:0 0 30px;
}
body.single .single-latest .latest-news-label{
    font-family:var(--pe-sans);font-size:17px;font-weight:900;
    color:var(--pe-gold);letter-spacing:.08em;text-transform:uppercase;margin:0;
}
body.single .single-latest .latest-news-all{
    font-family:var(--pe-sans);font-size:13px;font-weight:800;
    text-transform:uppercase;letter-spacing:.06em;color:#fff;
    border-bottom:1px solid var(--pe-gold);padding-bottom:2px;
}
body.single .single-latest .latest-news-all:hover{color:var(--pe-gold)}

body.single .single-latest .latest-news-layout{
    display:grid;grid-template-columns:1.8fr 1fr;gap:42px;align-items:start;
    border-bottom:1px solid #303030;padding-bottom:8px;
}
body.single .single-latest .latest-main{padding-right:30px;border-right:1px solid #333}
body.single .single-latest .latest-main a,
body.single .single-latest .latest-side-item a,
body.single .single-latest .latest-small a{color:inherit;text-decoration:none}
body.single .single-latest .latest-main-img{
    width:100%;aspect-ratio:16/7;max-height:220px;background:#333;overflow:hidden;margin-bottom:22px;
}
body.single .single-latest .latest-main-img img,
body.single .single-latest .latest-small-img img{
    width:100%;height:100%;object-fit:cover;display:block;
}
body.single .single-latest .latest-main h3{
    font-family:var(--pe-serif);font-size:clamp(30px,3vw,46px);
    line-height:1.04;font-weight:500;margin:0 0 12px;color:#fff;
}
body.single .single-latest .latest-main p{
    font-family:var(--pe-sans);font-size:16px;line-height:1.5;color:#d8d8d8;margin:0;
}
body.single .single-latest .latest-side{display:grid;gap:24px}
body.single .single-latest .latest-side-item{border-bottom:1px solid #333;padding-bottom:24px}
body.single .single-latest .latest-side-item:last-child{border-bottom:none;padding-bottom:0}
body.single .single-latest .latest-side-img{
    width:100%;aspect-ratio:16/7;max-height:140px;background:#333;overflow:hidden;margin-bottom:14px;
}
body.single .single-latest .latest-side-img img{
    width:100%;height:100%;object-fit:cover;object-position:center center;display:block;
}
body.single .single-latest .latest-side-item h3{
    font-family:var(--pe-serif);font-size:22px;line-height:1.12;font-weight:500;margin:0;color:#fff;
}

body.single .single-latest .latest-bottom{
    display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #303030;
}
body.single .single-latest .latest-small{padding:22px 28px 26px;border-right:1px solid #333}
body.single .single-latest .latest-small:first-child{padding-left:0}
body.single .single-latest .latest-small:last-child{border-right:none;padding-right:0}
body.single .single-latest .latest-small a{
    display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;
}
body.single .single-latest .latest-small-img{width:88px;height:72px;background:#333;overflow:hidden}
body.single .single-latest .latest-small .small-cat{
    display:block;font-family:var(--pe-sans);font-size:12px;font-weight:900;
    text-transform:uppercase;letter-spacing:.08em;color:var(--pe-gold);margin-bottom:6px;
}
body.single .single-latest .latest-small h4{
    margin:0;font-family:var(--pe-serif);font-size:18px;line-height:1.16;color:#fff;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media (max-width:1120px){
    body.single .single-latest .latest-news-layout{grid-template-columns:1fr}
    /* achata as colunas e reordena: título → imagem → conteúdo → relacionadas */
    .pe-grid{display:flex;flex-direction:column;gap:0;padding-top:4px}
    .pe-main-col,.pe-side-col{display:contents}
    .pe-head{order:1;margin-bottom:20px}
    .pe-hero-img{order:2;margin:0 0 28px}
    .pe-hero-img img{max-height:380px}
    .pe-content{order:3;max-width:none}
    .pe-related{order:4;margin-top:40px}
    body.single .single-latest .latest-main{border-right:none;padding-right:0}
    body.single .single-latest .latest-bottom{grid-template-columns:1fr}
    body.single .single-latest .latest-small{
        border-right:none;border-bottom:1px solid #333;padding-left:0;padding-right:0;
    }
    .pe-shell,
    body.single .single-latest .latest-news-wrap{padding-left:28px;padding-right:28px}
}

@media (max-width:700px){
    body.single #conteudo.post-editorial{padding-top:28px}
    .pe-title{font-size:38px;line-height:1.05}
    .pe-subtitle{font-size:20px}
    .pe-content{font-size:19px;line-height:1.8}
    .pe-content > p:first-of-type::first-letter{font-size:68px}
    .pe-content h2{font-size:30px;margin-top:48px}
    .pe-content h3{font-size:25px;margin-top:40px}
    .pe-content blockquote{font-size:24px}
    .pe-related-item{grid-template-columns:1fr 84px}
    .pe-related-item img{width:84px;height:72px}
    body.single .single-latest{padding:54px 0 60px}
    body.single .single-latest .latest-small a{grid-template-columns:76px 1fr}
    body.single .single-latest .latest-small-img{width:76px;height:62px}
}