/* =================================================================
   MOUVEMENT · Blog — índice e artigos
   (usa as variáveis e utilitários de site.css)
   ================================================================= */

/* ---------- ÍNDICE ---------- */
.blog-hero{ background:var(--cor-navy); color:var(--texto-claro); position:relative; overflow:hidden; }
.blog-hero::before{ content:""; position:absolute; inset:0; opacity:.16; background-image:url(pattern-claro.png); background-size:300px auto; background-repeat:repeat; pointer-events:none; }
.blog-hero .wrap{ position:relative; z-index:1; padding-block:var(--esp-9) var(--esp-8); }
.blog-hero .olho{ color:#9FB3FF; }
.blog-hero h1{ color:var(--cor-fundo); font-size:clamp(2.4rem,4.6vw,3.8rem); font-weight:900; letter-spacing:-.03em; line-height:1.04; margin-top:var(--esp-4); max-width:18ch; }
.blog-hero p{ color:#C7D2F7; font-size:var(--t-corpo-g); margin-top:var(--esp-5); max-width:54ch; }

.blog-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:var(--esp-6); }

.post-card{
  display:flex; flex-direction:column; gap:var(--esp-3);
  background:var(--cor-branco); border:1px solid var(--neutro-200); border-radius:var(--raio-lg);
  padding:var(--esp-6); box-shadow:var(--sombra-sm); transition:all var(--transicao); color:inherit;
}
.post-card:hover{ transform:translateY(-4px); box-shadow:var(--sombra-lg); border-color:var(--cor-azul); }
.pc-tag{ align-self:flex-start; white-space:nowrap; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:700; color:var(--cor-azul); background:rgba(0,41,153,.08); padding:6px 12px; border-radius:var(--raio-pill); }
.post-card h3{ font-size:1.3rem; line-height:1.18; letter-spacing:-.01em; color:var(--texto-forte); text-wrap:pretty; }
.post-card p{ font-size:var(--t-pequeno); color:var(--texto-suave); line-height:1.55; }
.pc-rodape{ margin-top:auto; padding-top:var(--esp-4); display:flex; align-items:center; justify-content:space-between; gap:var(--esp-3); }
.pc-tempo{ font-size:var(--t-pequeno); color:var(--texto-suave); }
.pc-link{ font-size:var(--t-pequeno); font-weight:700; color:var(--cor-azul); display:inline-flex; align-items:center; gap:6px; }
.post-card:hover .pc-link .seta{ transform:translateX(4px); }
.pc-link .seta{ transition:transform var(--transicao); }

/* card em destaque (primeiro artigo) */
.post-featured{
  grid-column:1 / -1; display:grid; grid-template-columns:1.1fr .9fr; align-items:stretch; position:relative;
  background:var(--cor-azul); color:var(--cor-fundo); border-radius:var(--raio-xl); overflow:hidden;
  border:none; box-shadow:var(--sombra-lg);
}
.post-featured:hover{ transform:translateY(-4px); }
.pf-texto{ padding:var(--esp-8); display:flex; flex-direction:column; gap:var(--esp-3); position:relative; z-index:1; max-width:62ch; }
.pf-foto{ position:relative; min-height:340px; }
.pf-foto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pf-texto .pc-tag{ color:var(--cor-navy); background:rgba(244,252,242,.85); }
.post-featured h2{ font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.08; letter-spacing:-.02em; color:var(--cor-fundo); max-width:18ch; text-wrap:pretty; }
.post-featured p{ color:#D9E2FF; font-size:var(--t-corpo); max-width:46ch; }
.pf-rodape{ margin-top:var(--esp-3); display:flex; align-items:center; gap:var(--esp-4); }
.pf-rodape .pc-tempo{ color:#9FB3FF; }
.pf-rodape .pc-link{ color:var(--cor-fundo); }
.post-featured:hover .pc-link .seta{ transform:translateX(4px); }
.pf-arte{ position:relative; background:var(--cor-navy); overflow:hidden; }
.pf-arte::before{ content:""; position:absolute; inset:0; background-image:url(pattern-claro.png); background-size:240px auto; background-repeat:repeat; opacity:.5; }
.pf-arte .marca-grande{ position:absolute; right:-40px; bottom:-50px; width:62%; height:auto; opacity:.9; }

/* ---------- ARTIGO ---------- */
.artigo-hero{ background:var(--cor-navy); color:var(--texto-claro); position:relative; overflow:hidden; }
.artigo-hero::before{ content:""; position:absolute; inset:0; opacity:.16; background-image:url(pattern-claro.png); background-size:300px auto; background-repeat:repeat; pointer-events:none; }
.artigo-hero .wrap{ position:relative; z-index:1; padding-block:var(--esp-8) var(--esp-8); max-width:820px; }
.artigo-volta{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; color:#9FB3FF; font-size:var(--t-pequeno); font-weight:600; margin-bottom:var(--esp-6); }
.artigo-volta:hover{ color:var(--cor-fundo); }
.artigo-meta{ display:flex; align-items:center; gap:var(--esp-4); flex-wrap:wrap; margin-bottom:var(--esp-5); }
.artigo-meta .am-tag{ white-space:nowrap; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:700; color:var(--cor-navy); background:#9FB3FF; padding:6px 12px; border-radius:var(--raio-pill); }
.artigo-meta .am-tempo{ font-size:var(--t-pequeno); color:#C7D2F7; }
.artigo-hero h1{ color:var(--cor-fundo); font-size:clamp(2rem,3.8vw,3.1rem); font-weight:900; letter-spacing:-.025em; line-height:1.08; text-wrap:pretty; }
.artigo-dek{ color:#C7D2F7; font-size:var(--t-corpo-g); margin-top:var(--esp-5); line-height:1.55; }

.artigo-corpo{ max-width:720px; margin:var(--esp-8) auto var(--esp-7); }
.artigo-capa{ max-width:1000px; margin:var(--esp-6) auto 0; padding:0 var(--esp-5); }
.artigo-capa img{ width:100%; height:clamp(240px,36vw,420px); object-fit:cover; border-radius:var(--raio-lg); display:block; box-shadow:var(--sombra-lg); }
.artigo-capa figcaption{ margin-top:var(--esp-3); font-size:var(--t-pequeno); color:var(--texto-suave); text-align:center; }
.artigo-corpo > *:first-child{ margin-top:0; }
.artigo-corpo p{ font-size:1.1875rem; line-height:1.72; color:var(--texto-medio); margin-top:var(--esp-4); text-wrap:pretty; }
.artigo-corpo h2{ font-size:1.75rem; font-weight:800; letter-spacing:-.02em; color:var(--texto-forte); margin-top:var(--esp-8); line-height:1.18; }
.artigo-corpo h3{ font-size:1.4rem; font-weight:700; letter-spacing:-.01em; color:var(--texto-forte); margin-top:var(--esp-7); line-height:1.22; }
.artigo-corpo h4{ font-size:1.15rem; font-weight:700; color:var(--texto-forte); margin-top:var(--esp-6); }
.artigo-corpo ul,.artigo-corpo ol{ margin-top:var(--esp-4); padding-left:1.4em; display:flex; flex-direction:column; gap:var(--esp-3); }
.artigo-corpo li{ font-size:1.1875rem; line-height:1.6; color:var(--texto-medio); padding-left:.2em; }
.artigo-corpo li::marker{ color:var(--cor-azul); font-weight:700; }
.artigo-corpo strong{ color:var(--texto-forte); font-weight:700; }
.artigo-corpo em{ font-style:italic; }
.artigo-corpo a{ color:var(--cor-azul); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1.5px; }
.artigo-corpo hr{ border:none; border-top:1px solid var(--neutro-200); margin:var(--esp-7) 0; }
.artigo-corpo blockquote{ margin:var(--esp-6) 0; padding:var(--esp-2) 0 var(--esp-2) var(--esp-5); border-left:3px solid var(--cor-azul); font-size:1.3rem; line-height:1.5; color:var(--texto-forte); font-weight:500; }
.artigo-corpo blockquote p{ font-size:inherit; color:inherit; margin:0; }

/* CTA do serviço relacionado dentro do artigo */
.artigo-cta-servico{ max-width:720px; margin:0 auto var(--esp-8); background:var(--neutro-100); border:1px solid var(--neutro-200); border-radius:var(--raio-lg); padding:var(--esp-6) var(--esp-7); display:flex; align-items:center; justify-content:space-between; gap:var(--esp-5); flex-wrap:wrap; }
.acs-texto .olho{ display:block; margin-bottom:6px; }
.acs-texto strong{ font-size:1.2rem; color:var(--texto-forte); display:block; }
.acs-texto span.acs-sub{ font-size:var(--t-pequeno); color:var(--texto-suave); }

/* mais artigos (rodapé do artigo) */
.mais-artigos{ border-top:1px solid var(--neutro-200); }
.mais-artigos .topo-mais{ display:flex; align-items:end; justify-content:space-between; gap:var(--esp-4); flex-wrap:wrap; margin-bottom:var(--esp-6); }

@media (max-width:820px){
  .post-featured{ grid-template-columns:1fr; }
  .pf-foto{ min-height:200px; order:-1; }
}
@media (max-width:560px){
  .artigo-corpo p,.artigo-corpo li{ font-size:1.0625rem; }
  .artigo-cta-servico{ flex-direction:column; align-items:flex-start; }
}