/* Bloco: Blog Últimos */
.bloco-blog { padding-bottom:60px; position:relative; overflow:hidden; background:none; background-image:url('../img/bgblog.webp?v=1'); background-repeat:no-repeat; background-size:cover; background-position:center top; }
.blog-topo { padding:36px 0; position:relative; /* mesmo padrão do título Nossos serviços */ --serv-title-solid:#0b3a5a; --serv-title-grad: linear-gradient(90deg,#0b3a5a 0%, #0e5c8f 42%, #147fd0 72%, #29a9ff 100%); background: var(--serv-title-solid); overflow: visible; }
.blog-topo::after { content:""; position:absolute; right:0; top:0; width:min(12vw, 200px); height:100%; background:#29a9ff; clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%); }
.blog-topo::before { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(20,127,208,0.35) 55%, rgba(41,169,255,0.65) 100%); pointer-events:none; }
.blog-topo .container { max-width:1180px; margin:0 auto; padding:24px 20px; position:relative; text-align:center; }
.blog-titulo { color:#fff; text-align:center; margin:0; font-family:'Poppins', Arial, sans-serif; font-weight:900; font-size:42px; letter-spacing:1px; }
/* Subtítulo do topo */
.blog-lead { max-width:860px; margin:8px auto 0; padding:0 20px; color:#e8f3ff; text-align:center; font-size:14px; line-height:1.6; }

.blog-grid { max-width:1200px; margin:30px auto 0; padding:0 20px; display:grid; grid-template-columns: repeat(3, 1fr); grid-gap:28px; }
.blog-card { background:#0f2d44; border-radius:6px; box-shadow:0 10px 24px rgba(0,0,0,.12); overflow:hidden; }
.blog-imagem { display:block; width:100%; padding-top:62%; background-size:cover; background-position:center; }
.blog-info { background:#0f2d44; padding:12px 14px; color:#bfe0ff; }
.blog-card-titulo { margin:0 0 4px; font-size:16px; font-weight:800; letter-spacing:.2px; }
.blog-card-titulo a { color:#cfe8ff; text-decoration:none; }
.blog-card-excerpt { font-size:12px; line-height:1.5; color:#a9cbe6; min-height:36px; }
.blog-card-link { display:inline-block; margin-top:6px; font-size:11px; color:#98c9ff; text-decoration:none; }

.blog-cta { text-align:center; margin-top:18px; }
.blog-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0 20px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  text-decoration:none;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(90deg,
    var(--brandBlueDark, #0e3b62) 0%,
    var(--brandBlueMid, #0c619a) 50%,
    var(--brandBlueLight, #069cf1) 100%);
  box-shadow: none;
  border: 0;
  line-height: 1;
  margin-left: 12px;
  margin-right: 12px;
  height: 48px;
}
.blog-btn:hover {
  filter: brightness(1.05);
}

@media (max-width: 920px) {
  .blog-grid { grid-template-columns: 1fr; max-width:760px; }
  .blog-titulo { font-size:36px; }
  .blog-lead { font-size:13px; }
}