/* Blog Vávia — páginas geradas por api/blog.js, por cima do style.css do site */
.pagina-blog .site-header { animation: none; background: rgba(3, 10, 22, .94); box-shadow: 0 1px 0 var(--line); }
.blog-nav { display: flex; align-items: center; gap: 18px; }
.blog-nav a { color: var(--muted); text-decoration: none; font-weight: 600; }
.blog-nav a:hover { color: #fff; }
.blog-nav__cta { color: #fff !important; background: var(--blue); padding: 8px 16px; border-radius: 999px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.blog { padding-top: 120px; padding-bottom: 60px; }
.blog-topo { max-width: 760px; margin: 0 auto 32px; text-align: center; }
.blog-topo h1 { font-size: clamp(2rem, 5vw, 3rem); color: #fff; margin: 0 0 10px; }
.blog-topo > p { color: var(--muted); font-size: 1.1rem; }
.blog-pesquisa { display: flex; gap: 10px; margin: 22px auto 16px; max-width: 560px; }
.blog-pesquisa input { flex: 1; padding: 12px 16px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255, 255, 255, .04); color: #fff; font: inherit; }
.blog-categorias { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.blog-categorias a, .blog-etq { display: inline-block; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); text-decoration: none; font-size: .85rem; }
.blog-categorias a[aria-current="page"], .blog-categorias a:hover { border-color: var(--blue); color: #fff; background: rgba(47, 123, 255, .15); }
.blog-etq { color: var(--cyan, #22C7FF); border-color: rgba(34, 199, 255, .35); }

.blog-grelha { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; }
.blog-cartao { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: rgba(255, 255, 255, .03); transition: transform .2s, border-color .2s; }
.blog-cartao:hover { transform: translateY(-3px); border-color: rgba(47, 123, 255, .6); }
.blog-cartao a { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
.blog-cartao img, .blog-cartao__sem-capa { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.blog-cartao__sem-capa { background: radial-gradient(120% 120% at 100% 0%, rgba(34, 199, 255, .3), transparent 55%), linear-gradient(135deg, #061633, #0B2A5C); }
.blog-cartao__texto { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.blog-cartao h2 { font-size: 1.15rem; color: #fff; margin: 0; line-height: 1.3; }
.blog-cartao p { color: var(--muted); margin: 0; font-size: .95rem; }
.blog-meta { color: var(--muted); font-size: .85rem; margin-top: auto; }

.blog-artigo { max-width: 760px; margin: 0 auto; }
.blog-migalhas { font-size: .85rem; color: var(--muted); margin-bottom: 14px; }
.blog-migalhas a { color: var(--muted); }
.blog-artigo h1 { font-size: clamp(1.9rem, 4.6vw, 2.8rem); color: #fff; line-height: 1.15; margin: 12px 0 10px; }
.blog-resumo { font-size: 1.15rem; color: var(--muted); }
.blog-capa { width: 100%; border-radius: 18px; margin: 18px 0 8px; }
.blog-texto { font-size: 1.08rem; line-height: 1.75; color: #D6E1F5; }
.blog-texto h2 { color: #fff; font-size: 1.5rem; margin: 34px 0 10px; }
.blog-texto h3, .blog-texto h4 { color: #fff; margin: 26px 0 8px; }
.blog-texto a { color: var(--cyan, #22C7FF); }
.blog-texto blockquote { margin: 20px 0; padding: 8px 18px; border-left: 3px solid var(--blue); color: var(--muted); }
.blog-texto code { background: rgba(255, 255, 255, .08); padding: 1px 6px; border-radius: 6px; font-size: .92em; }
.blog-texto figure { margin: 22px 0; }
.blog-texto figure img { width: 100%; border-radius: 14px; }
.blog-texto figcaption { text-align: center; font-size: .85rem; color: var(--muted); margin-top: 6px; }
.blog-texto .video { position: relative; aspect-ratio: 16 / 9; margin: 22px 0; }
.blog-texto .video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 14px; }
.blog-etiquetas a { color: var(--muted); margin-right: 8px; }
.blog-partilha { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 26px 0; color: var(--muted); }
.blog-partilha a { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--line); color: #fff; text-decoration: none; font-size: .9rem; }
.blog-partilha a:hover { border-color: var(--blue); }
.blog-cta { margin: 34px 0; padding: 26px; border-radius: 20px; text-align: center; background: linear-gradient(135deg, rgba(47, 123, 255, .18), rgba(34, 199, 255, .08)); border: 1px solid var(--line); }
.blog-cta h2 { color: #fff; margin: 0 0 6px; }
.blog-cta p { color: var(--muted); }
.blog-relacionados { margin-top: 40px; }
.blog-relacionados > h2 { color: #fff; }
.blog-vazio { text-align: center; color: var(--muted); padding: 40px 0; }
.blog-rodape { color: var(--muted); font-size: .9rem; padding-bottom: 40px; text-align: center; }
.blog-rodape a { color: var(--muted); }
@media (max-width: 600px) {
  .blog { padding-top: 96px; }
  .blog-nav { gap: 10px; }
  .blog-pesquisa { flex-direction: column; }
}