/* ========================================================================== Blog Crepúsculo — post único e arquivos (L-061) Fiel aos mockups aprovados: post e10723f7 · listagem 7e38afcc. Carrega só em post/arquivo. Fontes (Karla + Playfair) já vêm do site. ⚠️ ESPECIFICIDADE: o kit do Elementor (.elementor-kit-1019) fica no de TODAS as páginas e define a/h1..h4 com (0,1,1). Por isso toda regra abaixo é prefixada com .lcb-blog — vencer por especificidade, nunca por ordem de carga (que um minificador ou plugin de cache pode inverter). ========================================================================== */ .lcb-blog { --paper:#F2F1F9; --card:#FFFFFF; --ink:#26324B; --soft:#5C6076; --mute:#6E6A88; --line:#DDD8EA; --ember:#D98A3C; --ember2:#8F5214; --ember2-hover:#B96F26; --gold:#8C6E14; --goldlight:#E8C86A; --roxo:#8A7BB8; --anil:#4A5FA5; --navy:#232946; --serif:"Playfair Display", Georgia, serif; --sans:Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.65; } .lcb-blog *, .lcb-blog *::before, .lcb-blog *::after { box-sizing: border-box; } .lcb-blog .lcb-wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; } .lcb-blog h1, .lcb-blog h2, .lcb-blog h3, .lcb-blog h4 { font-family: var(--serif); font-weight: 600; line-height: 1.14; color: var(--ink); margin: 0; } /* ---------- faixa do topo (degradê roxo→azul) ---------- */ .lcb-blog .lcb-sky { background: radial-gradient(70% 55% at 82% 12%, rgba(232,200,106,.18), transparent 60%), radial-gradient(45% 45% at 10% 95%, rgba(35,41,70,.28), transparent 65%), linear-gradient(150deg, #8A7BB8 0%, #5F68AC 52%, #4A5FA5 100%); color: #fff; } .lcb-blog .lcb-banner { padding: 46px 0 54px; } .lcb-blog .lcb-crumb { font-size: 12px; letter-spacing: .08em; color: rgba(255,255,255,.92); margin: 0 0 10px; } .lcb-blog .lcb-crumb a { color: rgba(255,255,255,.92); text-decoration: none; } .lcb-blog .lcb-crumb a:hover { color: #fff; text-decoration: underline; } .lcb-blog .lcb-banner h1 { font-size: 38px; color: #fff; text-shadow: 0 2px 24px rgba(35,41,70,.35); text-wrap: balance; } .lcb-blog .lcb-sub { font-family: var(--serif); font-size: 17px; color: #fff; margin: 10px 0 0; max-width: 60ch; } .lcb-blog .lcb-sub p { margin: 0; color: inherit; } /* ---------- artigo ---------- */ .lcb-blog .lcb-artigo { padding: 64px 0; background: var(--card); } .lcb-blog .lcb-artigo .lcb-in { max-width: 720px; margin: 0 auto; } .lcb-blog .lcb-meta { font-size: 13px; color: var(--mute); margin: 0 0 26px; } .lcb-blog .lcb-feat { width: auto; max-width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--line); margin: 0 0 30px; display: block; } /* corpo do post */ .lcb-blog .lcb-conteudo { overflow-wrap: anywhere; } /* URLs cruas de ~85 chars em ~45 posts */ .lcb-blog .lcb-conteudo > * { max-width: 100%; } .lcb-blog .lcb-conteudo p { font-size: 16.5px; line-height: 1.8; color: var(--soft); margin: 0 0 20px; } .lcb-blog .lcb-conteudo h1 { font-size: 28px; margin: 34px 0 18px; } /* rede: 1 post tem H1 no conteúdo */ .lcb-blog .lcb-conteudo h2 { font-size: 24px; margin: 34px 0 18px; } .lcb-blog .lcb-conteudo h3 { font-size: 20px; margin: 28px 0 14px; } .lcb-blog .lcb-conteudo h4 { font-size: 17px; margin: 24px 0 12px; } .lcb-blog .lcb-conteudo a { color: var(--ember2); text-decoration: underline; text-underline-offset: 2px; } .lcb-blog .lcb-conteudo a:hover { color: var(--ember2-hover); } .lcb-blog .lcb-conteudo ul, .lcb-blog .lcb-conteudo ol { color: var(--soft); font-size: 16px; padding-left: 22px; margin: 0 0 20px; } .lcb-blog .lcb-conteudo li { margin-bottom: 8px; } .lcb-blog .lcb-conteudo li > ul, .lcb-blog .lcb-conteudo li > ol { margin: 8px 0 0; } .lcb-blog .lcb-conteudo img { max-width: 100%; height: auto; border-radius: 12px; margin: 8px 0; } .lcb-blog .lcb-conteudo figure { margin: 24px 0; max-width: 100%; } .lcb-blog .lcb-conteudo figcaption { font-size: 13px; color: var(--mute); font-style: normal; margin-top: 8px; text-align: center; } .lcb-blog .lcb-conteudo blockquote { font-family: var(--serif); font-size: 19px; color: var(--ink); border-left: 3px solid var(--goldlight); padding: 4px 0 4px 20px; margin: 28px 0; } .lcb-blog .lcb-conteudo blockquote p { font-size: inherit; color: inherit; } .lcb-blog .lcb-conteudo strong, .lcb-blog .lcb-conteudo b { color: var(--ink); } .lcb-blog .lcb-conteudo hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; } /* VÍDEOS — 47 posts têm