/* ═══ bloco-blog-v2.css — "Acesse nosso Blog" com os 3 últimos artigos (home + páginas internas) ═══
   Extraído do home-v2.css em 22/09/2026 para valer em todas as páginas. O bloco-blog.js atualiza os cards a partir do /blog/. */
/* ── 5. Blog — fundo creme (a textura verde fica só no rodapé), 3 últimos artigos, cabe numa tela ── */
html body .acbc-wrap,html body .rodape-fundo .acbc-wrap{background:#efeadf !important;background-image:none !important;padding:56px 48px 64px !important}
html body .acbc-wrap::before,html body .acbc-wrap::after{display:none !important}
html body .acbc-inner{max-width:1184px !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;text-align:left !important;gap:30px !important}
html body .acbc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
html body .acbc-title{font-size:var(--lp-h2-col,clamp(28px,2.6vw,38px)) !important;line-height:1.08 !important;color:#0a4323 !important;-webkit-text-fill-color:#0a4323 !important}
html body .acbc-desc{font-family:'Outfit',Arial,sans-serif !important;font-size:16.5px !important;line-height:1.6 !important;margin:8px 0 0 !important;color:rgba(10,67,35,.72) !important;-webkit-text-fill-color:rgba(10,67,35,.72) !important}
html body .acbc-btn{margin:0 0 4px !important;min-height:52px !important;padding:0 32px !important;border:0 !important;background:#0a4323 !important;color:#f5f2eb !important;-webkit-text-fill-color:#f5f2eb !important;
  font-size:18px !important;font-weight:600 !important;transition:transform .32s cubic-bezier(.4,0,.2,1),background .3s ease !important}
html body .acbc-btn::before{display:none !important}
html body .acbc-btn .acbc-btn-text{color:#f5f2eb !important;-webkit-text-fill-color:#f5f2eb !important}
html body .acbc-btn:hover{background:#024624 !important;transform:scale(.95) !important;color:#f5f2eb !important;-webkit-text-fill-color:#f5f2eb !important}
html body .acbc-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body .acbc-post{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(207,160,72,.20);border-radius:16px;overflow:hidden;text-decoration:none !important;color:#0a4323;
  box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22);transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s ease}
html body .acbc-post:hover{transform:translateY(-4px);border-color:rgba(207,160,72,.45)}
html body .acbc-post-img{aspect-ratio:16/9;overflow:hidden;background:#e9e3d6}
html body .acbc-post-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
html body .acbc-post:hover .acbc-post-img img{transform:scale(1.04)}
html body .acbc-post-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px}
html body .acbc-post-tema{font-family:'Outfit',Arial,sans-serif;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:#7D6626;font-weight:600}
html body .acbc-post h3{font-family:'Crimson Pro',Georgia,serif;font-size:20px;font-weight:700;line-height:1.2;margin:0;color:#0a4323;-webkit-text-fill-color:#0a4323}
html body .acbc-post p{font-family:'Outfit',Arial,sans-serif;font-size:14.5px;line-height:1.55;color:rgba(10,67,35,.72);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1024px){ html body .acbc-posts{grid-template-columns:repeat(2,minmax(0,1fr))} html body .acbc-post:nth-child(3){display:none} }
@media (max-width:700px){ html body .acbc-wrap,html body .rodape-fundo .acbc-wrap{padding-left:22px !important;padding-right:22px !important} html body .acbc-posts{grid-template-columns:1fr} html body .acbc-post:nth-child(3){display:flex} }


/* o wrapper verde (blog+rodapé) tinha padding-top de 34px; com o blog creme, virava uma faixa verde entre o formulário e o blog */
html body .rodape-fundo{padding-top:0 !important}

/* rodapé (blog+footer): textura na escala do hero, repetindo na vertical */
html body .rodape-fundo{background-size:100% auto !important;background-position:center top !important;background-repeat:repeat-y !important}