/* ============================================================
   RedeMais - Blog: página de artigo + imagens dos cards
   Usa as variáveis de styles.css
   ============================================================ */

/* Imagens reais nos cards e no destaque (quando substituir o placeholder) */
.blog-card__foto, .blog-destaque__foto, .post-capa { position: relative; overflow: hidden; }
.blog-card__foto img,
.blog-destaque__foto img,
.post-capa img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* Topo do artigo */
.post-hero { background: var(--bg-royal); color: #fff; padding: 118px 0 120px; }
.post-hero__inner { max-width: 820px; }
.post-voltar { display: inline-block; color: rgba(255,255,255,.8); font-family: var(--fonte-titulo); font-weight: 600; font-size: .85rem; margin-bottom: 22px; text-decoration: none; }
.post-voltar:hover { color: #fff; }
.post-hero .blog-tag { background: rgba(255,255,255,.16); color: #fff; }
.post-hero .blog-data { color: rgba(255,255,255,.75); }
.post-hero h1 { color: #fff; font-family: var(--fonte-titulo); font-size: clamp(1.7rem, 3.6vw, 2.6rem); line-height: 1.2; margin: 6px 0 16px; }
.post-hero__resumo { color: rgba(255,255,255,.88); font-size: 1.08rem; line-height: 1.6; max-width: 700px; }
@media (max-width: 600px) { .post-hero { padding: 96px 0 90px; } }

/* Coluna de leitura */
.post-container { max-width: 820px; }

/* Capa sobreposta ao topo */
.post-capa { margin-top: -80px; aspect-ratio: 16/8; border-radius: 20px; overflow: hidden; box-shadow: var(--sombra-forte); background: var(--cinza-claro); position: relative; }
.post-capa .blog-ph { height: 100%; min-height: 0; }
@media (max-width: 600px) { .post-capa { margin-top: -56px; aspect-ratio: 4/3; } }

/* Corpo do artigo */
.post-corpo { padding-top: 44px; padding-bottom: 56px; font-size: 1.06rem; line-height: 1.75; color: var(--texto); }
.post-corpo > * + * { margin-top: 1.1em; }
.post-corpo h2 { font-family: var(--fonte-titulo); font-size: clamp(1.3rem, 2.4vw, 1.6rem); line-height: 1.3; margin-top: 2.2em; color: var(--texto); }
.post-corpo h3 { font-family: var(--fonte-titulo); font-size: 1.1rem; line-height: 1.4; margin-top: 1.6em; color: var(--azul-escuro); }
.post-corpo h2 + *, .post-corpo h3 + * { margin-top: .6em; }
.post-corpo ul, .post-corpo ol { padding-left: 1.4em; }
.post-corpo li + li { margin-top: .45em; }
.post-corpo li::marker { color: var(--azul); font-weight: 700; }
.post-corpo a { color: var(--azul); font-weight: 600; }
.post-corpo strong { color: var(--texto); }
.post-corpo blockquote { margin: 1.6em 0; padding: 18px 22px; background: var(--azul-claro); border-left: 4px solid var(--azul); border-radius: 0 var(--raio-sm) var(--raio-sm) 0; font-style: italic; font-size: 1.1rem; }
.post-corpo blockquote p { margin: 0; }
.post-corpo hr { border: 0; border-top: 1px solid var(--cinza-borda); margin: 2em 0; }

/* Placeholder de vídeo (post do Eduardo) */
.post-video-ph { margin: 1.8em 0; aspect-ratio: 16/9; border-radius: var(--raio); background: var(--cinza-claro); border: 2px dashed var(--cinza-borda); display: grid; place-items: center; align-content: center; gap: 8px; color: var(--texto-suave); }
.post-video-ph svg { width: 42px; height: 42px; opacity: .7; }
.post-video-ph small { font-family: var(--fonte-titulo); font-weight: 600; }

/* Caixa de CTA */
.post-cta { margin-top: 2.6em !important; padding: 30px; border-radius: var(--raio); background: var(--bg-royal); color: #fff; box-shadow: var(--sombra-forte); }
.post-cta h3 { color: #fff; font-family: var(--fonte-titulo); font-size: 1.35rem; margin: 0 0 8px; }
.post-cta p { color: rgba(255,255,255,.88); margin: 0 0 18px; }
.post-cta__botoes { display: flex; flex-wrap: wrap; gap: 12px; }
.post-cta .btn--contorno-azul { color: #fff; border-color: rgba(255,255,255,.7); }
.post-cta .btn--contorno-azul:hover { background: #fff; color: var(--azul); }
.post-corpo .post-cta a { color: inherit; }
.post-corpo .post-cta .btn--wpp { color: #fff; }

.post-aviso { margin-top: 2em !important; font-size: .85rem; color: var(--texto-suave); font-style: italic; }

/* Galeria de fotos no topo (post do Eduardo) */
.post-galeria { margin-top: -80px; display: flex; flex-wrap: nowrap; justify-content: center; gap: 12px; position: relative; }
.post-galeria img { height: 300px; min-width: 0; width: auto; max-width: 100%; object-fit: cover; border-radius: 16px; box-shadow: var(--sombra-forte); display: block; }
@media (max-width: 700px) { .post-galeria { margin-top: -56px; flex-wrap: wrap; } .post-galeria img { height: 200px; } }

/* Vídeo do Instagram incorporado */
.post-video { margin: 1.8em 0; display: flex; justify-content: center; }
.post-video .instagram-media { min-width: 0 !important; }
.post-video a { display: block; padding: 18px; text-align: center; }