.blog-hero{min-height:420px;background:linear-gradient(rgba(18,12,8,.72),rgba(18,12,8,.82)),url('../imagens/capa-blog.jpg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 20px 70px;color:#fff}.blog-hero-conteudo{max-width:900px}.blog-selo{display:inline-block;margin-bottom:18px;padding:8px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-family:Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:.78rem}.blog-hero h1{font-family:Cinzel,serif;font-size:clamp(2.2rem,5vw,4.6rem);margin:0 0 20px}.blog-hero p{font-family:Lora,serif;font-size:1.18rem;line-height:1.8;max-width:780px;margin:0 auto 28px}.blog-busca input{width:min(640px,100%);padding:16px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.94);font-size:1rem;outline:none}.blog-container{max-width:1180px;margin:0 auto;padding:60px 20px}.blog-categorias{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px}.categoria-botao{border:1px solid #c9b27a;background:#fff;color:#4b3825;border-radius:999px;padding:10px 18px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;transition:.25s}.categoria-botao.ativo,.categoria-botao:hover{background:#4b3825;color:#fff}.blog-destaque{margin-bottom:64px}.destaque-card{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.13);border:1px solid rgba(120,92,48,.18)}.destaque-card img{width:100%;height:100%;min-height:420px;object-fit:cover}.destaque-conteudo{padding:48px}.meta{font-family:Montserrat,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.7px;color:#8a6b36;font-weight:600}.destaque-conteudo h2,.blog-card h3{font-family:Cinzel,serif;color:#2e2117}.destaque-conteudo h2{font-size:2.15rem;margin:16px 0}.destaque-conteudo p,.blog-card p{font-family:Lora,serif;color:#4d443c;line-height:1.75}.blog-lista-cabecalho{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.blog-lista-cabecalho h2{font-family:Cinzel,serif;font-size:2rem;color:#2e2117;margin:0}.blog-lista-cabecalho p{font-family:Montserrat,sans-serif;color:#7b6b5d;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.blog-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.10);border:1px solid rgba(120,92,48,.14);display:flex;flex-direction:column}.blog-card img{width:100%;height:220px;object-fit:cover}.blog-card-conteudo{padding:26px;display:flex;flex-direction:column;flex:1}.blog-card h3{font-size:1.35rem;margin:12px 0}.blog-card p{margin:0 0 22px;flex:1}.botao-blog{display:inline-block;background:#4b3825;color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-family:Montserrat,sans-serif;font-weight:600;align-self:flex-start}.botao-blog:hover{filter:brightness(1.08)}.blog-vazio{text-align:center;padding:50px 20px;background:#fff;border-radius:20px}.artigo-capa{min-height:460px;background-size:cover;background-position:center;display:flex;align-items:end;color:#fff;position:relative}.artigo-capa::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.78))}.artigo-capa-conteudo{position:relative;max-width:980px;margin:0 auto;padding:150px 20px 70px;width:100%}.artigo-capa h1{font-family:Cinzel,serif;font-size:clamp(2.1rem,5vw,4rem);line-height:1.15;margin:14px 0}.artigo-resumo{font-family:Lora,serif;font-size:1.2rem;line-height:1.75;max-width:820px}.artigo-corpo{max-width:860px;margin:0 auto;padding:60px 20px;font-family:Lora,serif;color:#302820}.artigo-corpo p{font-size:1.12rem;line-height:1.95;margin:0 0 26px}.artigo-corpo h2{font-family:Cinzel,serif;font-size:1.9rem;margin:48px 0 18px;color:#2e2117}.artigo-corpo img{width:100%;border-radius:20px;margin:28px 0}.artigo-voltar{max-width:860px;margin:0 auto 60px;padding:0 20px}.compartilhar{border-top:1px solid rgba(120,92,48,.25);border-bottom:1px solid rgba(120,92,48,.25);padding:24px 0;margin-top:50px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.compartilhar span{font-family:Montserrat,sans-serif;font-weight:700}.compartilhar a{color:#4b3825;font-family:Montserrat,sans-serif;font-weight:700;text-decoration:none}@media(max-width:900px){.destaque-card{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.destaque-card img{min-height:300px}.destaque-conteudo{padding:32px}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-lista-cabecalho{display:block}.blog-hero{padding-top:110px}.botao-obras-flutuante,.botao-apoio-flutuante{display:none!important}}

.blog-paginacao{display:flex;justify-content:center;gap:10px;margin:42px 0 10px;flex-wrap:wrap}.pagina-botao{border:1px solid #c9b27a;background:#fff;color:#4b3825;border-radius:999px;padding:10px 15px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700}.pagina-botao.ativo,.pagina-botao:hover{background:#4b3825;color:#fff}.blog-card-imagem,.destaque-imagem{display:block;line-height:0}.artigos-relacionados{max-width:980px;margin:10px auto 70px;padding:0 20px}.artigos-relacionados h2{font-family:Cinzel,serif;color:#2e2117;margin-bottom:24px}.relacionados-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.relacionado-card{background:#fff;border:1px solid rgba(120,92,48,.16);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.08);text-decoration:none;display:block}.relacionado-card img{width:100%;height:145px;object-fit:cover}.relacionado-card div{padding:18px}.relacionado-card span{font-family:Montserrat,sans-serif;color:#8a6b36;font-size:.78rem;text-transform:uppercase;font-weight:700}.relacionado-card h3{font-family:Cinzel,serif;color:#2e2117;font-size:1.05rem;margin:8px 0 0}.artigo-navegacao{max-width:980px;margin:0 auto 45px;padding:0 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.artigo-navegacao a{font-family:Montserrat,sans-serif;color:#4b3825;text-decoration:none;font-weight:700}@media(max-width:760px){.relacionados-grid{grid-template-columns:1fr}.artigo-navegacao{display:block}.artigo-navegacao a{display:block;margin-bottom:12px}}


/* =====================================================
   RECURSOS V3 - PORTAL / LEITURA
====================================================== */
.barra-progresso {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: linear-gradient(90deg, #c9a24d, #f4df9a);
    z-index: 99999;
    transition: width .15s ease;
}

.blog-ferramentas {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: -20px auto 35px;
    flex-wrap: wrap;
}

.ferramenta-botao,
.controles-leitura button,
.botao-copiar {
    border: 1px solid rgba(201, 162, 77, .45);
    background: rgba(30, 22, 14, .88);
    color: #f7ecd2;
    padding: 10px 15px;
    border-radius: 999px;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: .9rem;
    transition: transform .2s ease, background .2s ease;
}

.ferramenta-botao:hover,
.controles-leitura button:hover,
.botao-copiar:hover {
    transform: translateY(-2px);
    background: rgba(75, 52, 28, .95);
}

.blog-card,
.destaque-card,
.relacionado-card {
    transition: transform .25s ease, box-shadow .25s ease;
}

.blog-card:hover,
.destaque-card:hover,
.relacionado-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
}

.indice-artigo {
    margin: 34px 0;
    padding: 24px;
    border: 1px solid rgba(201, 162, 77, .35);
    border-radius: 18px;
    background: rgba(255, 248, 230, .05);
}

.indice-artigo strong {
    display: block;
    margin-bottom: 12px;
    font-family: Cinzel, serif;
    color: #c9a24d;
    font-size: 1.1rem;
}

.indice-artigo ol {
    margin: 0;
    padding-left: 22px;
}

.indice-artigo li {
    margin: 8px 0;
}

.indice-artigo a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 162, 77, .35);
}

.indice-artigo a:hover {
    color: #c9a24d;
}

.controles-leitura {
    position: fixed;
    right: 18px;
    bottom: 92px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}

.compartilhar {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid rgba(201, 162, 77, .25);
}

.compartilhar a {
    display: inline-block;
    border-radius: 999px;
    padding: 10px 16px;
    background: #1f6f43;
    color: #fff;
    text-decoration: none;
    font-family: Montserrat, sans-serif;
}

body.modo-leitura {
    background: #120f0b;
}

body.modo-leitura nav,
body.modo-leitura footer,
body.modo-leitura .botao-obras-flutuante,
body.modo-leitura .botao-apoio-flutuante,
body.modo-leitura .blog-ferramentas {
    display: none !important;
}

body.modo-leitura .artigo-capa {
    min-height: 48vh;
}

body.modo-leitura .artigo-corpo {
    max-width: 820px;
    font-size: 1.13rem;
    line-height: 1.95;
}

body.modo-leitura .artigos-relacionados,
body.modo-leitura .artigo-navegacao,
body.modo-leitura .artigo-voltar {
    max-width: 820px;
}

@media (max-width: 768px) {
    .blog-ferramentas {
        justify-content: center;
        margin-top: 0;
    }

    .controles-leitura {
        right: 10px;
        bottom: 76px;
    }

    .controles-leitura button {
        padding: 9px 12px;
        font-size: .78rem;
    }
}
.blog-hero {
    padding-top: 150px;
    padding-bottom: 90px;
}

.blog-hero h1 {
    margin-top: 25px;
}
/* Correção do espaçamento abaixo do menu */
.blog-hero {
    margin-top: 120px !important;
    padding-top: 140px !important;
}

/* Ajuste visual da página do blog */
.blog-container {
    padding-top: 35px !important;
}

.blog-ferramentas {
    margin: 0 auto 25px !important;
    justify-content: center !important;
}

.blog-categorias {
    margin-bottom: 35px !important;
}

.blog-destaque {
    margin-top: 0 !important;
    margin-bottom: 45px !important;
}

/* diminui o destaque para não ficar gigante */
.destaque-card {
    max-width: 960px;
    margin: 0 auto;
}

.destaque-card img {
    min-height: 320px !important;
    max-height: 360px;
    object-fit: cover;
}

/* melhora os botões flutuantes no blog */
body.pagina-blog .botao-apoio-flutuante {
    bottom: 95px;
}

body.pagina-blog .botao-obras-flutuante {
    bottom: 25px;
}
/* BLOG MAIS COMPACTO */

body.pagina-blog .blog-hero {
    min-height: 340px !important;
    padding: 55px 20px 45px !important;
}

.blog-hero h1 {
    font-size: clamp(2rem, 4vw, 3.4rem) !important;
    margin-bottom: 12px !important;
}

.blog-hero p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

.blog-busca input {
    padding: 13px 18px !important;
    max-width: 560px !important;
}

.blog-container {
    padding-top: 35px !important;
    padding-bottom: 45px !important;
}

.blog-ferramentas {
    display: none !important;
}

.blog-categorias {
    margin-bottom: 30px !important;
}

.blog-destaque {
    margin-bottom: 42px !important;
}

.destaque-card {
    max-width: 980px !important;
    margin: 0 auto !important;
    grid-template-columns: 0.9fr 1.1fr !important;
}

.destaque-card img {
    min-height: 280px !important;
    max-height: 330px !important;
    object-fit: cover !important;
}

.destaque-conteudo {
    padding: 34px !important;
}

.destaque-conteudo h2 {
    font-size: 1.75rem !important;
    margin: 12px 0 !important;
}

.blog-lista-cabecalho {
    max-width: 980px !important;
    margin: 0 auto 22px !important;
}

.blog-grid {
    max-width: 980px !important;
    margin: 0 auto !important;
    gap: 22px !important;
}

.blog-card img {
    height: 180px !important;
}

.blog-card-conteudo {
    padding: 22px !important;
}

.blog-card h3 {
    font-size: 1.18rem !important;
}

@media(max-width: 900px) {
    .destaque-card {
        grid-template-columns: 1fr !important;
    }

    .destaque-card img {
        max-height: 260px !important;
    }
}
/* BLOG COMPACTO DEFINITIVO */

body.pagina-blog .blog-hero {
    min-height: 260px !important;
    padding: 38px 20px 32px !important;
}

.blog-selo {
    margin-bottom: 10px !important;
    padding: 6px 14px !important;
    font-size: .7rem !important;
}

.blog-hero h1 {
    font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
    margin-bottom: 8px !important;
}

.blog-hero p {
    max-width: 680px !important;
    font-size: .95rem !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
}

.blog-busca input {
    width: min(480px, 100%) !important;
    padding: 11px 16px !important;
    font-size: .9rem !important;
}

.blog-container {
    max-width: 1050px !important;
    padding: 24px 18px 50px !important;
}

.blog-ferramentas {
    display: none !important;
}

.blog-categorias {
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
}

.categoria-botao {
    padding: 7px 14px !important;
    font-size: .85rem !important;
}

.blog-destaque {
    margin-bottom: 34px !important;
}

.destaque-card {
    max-width: 100% !important;
    grid-template-columns: 330px 1fr !important;
    border-radius: 18px !important;
}

.destaque-card img {
    min-height: 230px !important;
    max-height: 250px !important;
    object-fit: cover !important;
}

.destaque-conteudo {
    padding: 26px 30px !important;
}

.destaque-conteudo h2 {
    font-size: 1.45rem !important;
    margin: 10px 0 !important;
}

.destaque-conteudo p {
    font-size: .95rem !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

.meta {
    font-size: .72rem !important;
}

.blog-lista-cabecalho {
    margin-bottom: 18px !important;
}

.blog-lista-cabecalho h2 {
    font-size: 1.55rem !important;
    text-align: left !important;
}

.blog-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
}

.blog-card {
    border-radius: 16px !important;
}

.blog-card img {
    height: 145px !important;
}

.blog-card-conteudo {
    padding: 18px !important;
}

.blog-card h3 {
    font-size: 1.05rem !important;
    margin: 8px 0 !important;
}

.blog-card p {
    font-size: .9rem !important;
    line-height: 1.55 !important;
    margin-bottom: 14px !important;
}

.botao-blog {
    padding: 9px 15px !important;
    font-size: .85rem !important;
}

@media(max-width: 900px) {
    .destaque-card {
        grid-template-columns: 1fr !important;
    }

    .destaque-card img {
        max-height: 220px !important;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media(max-width: 640px) {
    .blog-grid {
        grid-template-columns: 1fr !important;
    }

    .blog-categorias {
        justify-content: center !important;
    }
}
/* BLOG EM GRADE - TODOS OS ARTIGOS QUADRICULADOS */

.blog-destaque {
    display: none !important;
}

.blog-lista-cabecalho {
    max-width: 1120px !important;
    margin: 0 auto 22px !important;
}

.blog-grid {
    max-width: 1120px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
}

.blog-card {
    border-radius: 18px !important;
    overflow: hidden !important;
    height: 100% !important;
}

.blog-card img {
    height: 170px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.blog-card-conteudo {
    padding: 18px !important;
}

.blog-card h3 {
    font-size: 1.12rem !important;
    margin: 8px 0 !important;
}

.blog-card p {
    font-size: .9rem !important;
    line-height: 1.55 !important;
    margin-bottom: 14px !important;
}

.blog-container {
    padding-top: 30px !important;
}

@media(max-width: 900px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media(max-width: 600px) {
    .blog-grid {
        grid-template-columns: 1fr !important;
    }
}
.blog-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.blog-card-conteudo{
    display:flex;
    flex-direction:column;
    flex:1;
}

.blog-card p{
    flex:1;
}

.botao-blog{
    margin-top:auto;
}
.blog-card{
    transition:.25s;
}

.blog-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 35px rgba(0,0,0,.18);
}