/*
 * blog.css — Blog v2 (índice + post single). GERADO de referencia2-oficial/home/blog.css
 * via _build/scope-blog.mjs. Escopado em .aw-inst-pagina-home (mesmo wrapper do v2). Fontes vêm de home.css.
 */

.aw-inst-pagina-home .container-narrow { width: 100%; max-width: 820px; margin: 0 auto; padding: 0 var(--pad); }
.aw-inst-pagina-home .blog-hero { background: var(--aw-bone); padding: 158px 0 48px; }
.aw-inst-pagina-home .blog-hero .breadcrumbs { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--aw-slate); margin-bottom: 28px; }
.aw-inst-pagina-home .blog-hero .breadcrumbs a:hover { color: var(--aw-midnight); }
.aw-inst-pagina-home .blog-hero .breadcrumbs .sep { opacity: 0.4; }
.aw-inst-pagina-home .blog-hero-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.aw-inst-pagina-home .blog-hero-title { font-family: var(--font-display); font-weight: 600; font-size: clamp(44px, 7vw, 88px); letter-spacing: -0.04em; line-height: 0.95; }
.aw-inst-pagina-home .blog-hero-title em { font-style: normal; color: var(--accent); }
.aw-inst-pagina-home .blog-hero-stats { display: flex; gap: 36px; padding-bottom: 10px; }
.aw-inst-pagina-home .stat-block .stat-num { font-family: var(--font-display); font-weight: 700; font-size: 30px; letter-spacing: -0.03em; }
.aw-inst-pagina-home .stat-block .stat-label { font-size: 12px; color: var(--aw-slate); margin-top: 2px; }
.aw-inst-pagina-home .blog-hero-sub { margin-top: 26px; max-width: 620px; font-size: clamp(16px, 1.4vw, 19px); color: var(--aw-slate); line-height: 1.6; }
.aw-inst-pagina-home .controls { position: sticky; top: 0; z-index: 40; background: rgba(250,250,247,0.82); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.aw-inst-pagina-home .controls-inner { display: flex; align-items: center; gap: 18px; padding-top: 16px; padding-bottom: 16px; flex-wrap: wrap; }
.aw-inst-pagina-home .search-box { position: relative; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--border); border-radius: var(--r-full); padding: 10px 16px; min-width: 260px; }
.aw-inst-pagina-home .search-box svg { width: 16px; height: 16px; color: var(--aw-slate); flex-shrink: 0; }
.aw-inst-pagina-home .search-input { border: 0; outline: 0; background: transparent; font-family: var(--font-text); font-size: 14px; flex: 1; min-width: 0; color: var(--aw-midnight); }
.aw-inst-pagina-home .search-shortcut { font-size: 11px; color: var(--aw-slate); border: 1px solid var(--border); border-radius: 6px; padding: 2px 6px; }
.aw-inst-pagina-home .filters { display: flex; gap: 8px; flex: 1; flex-wrap: wrap; }
.aw-inst-pagina-home .filter-chip { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-text); font-size: 13px; font-weight: 600; color: var(--aw-slate); background: transparent; border: 1px solid var(--border); padding: 9px 14px; border-radius: var(--r-full); transition: all .2s; }
.aw-inst-pagina-home .filter-chip .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cat, var(--accent)); }
.aw-inst-pagina-home .filter-chip .count { font-size: 11px; opacity: 0.6; }
.aw-inst-pagina-home .filter-chip:hover { border-color: var(--aw-midnight); color: var(--aw-midnight); }
.aw-inst-pagina-home .filter-chip.is-active { background: var(--aw-midnight); color: #fff; border-color: var(--aw-midnight); }
.aw-inst-pagina-home .sort-box { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--aw-slate); }
.aw-inst-pagina-home .sort-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--aw-midnight); }
.aw-inst-pagina-home .sort-btn svg { width: 14px; height: 14px; }
.aw-inst-pagina-home .blog-layout { display: grid; grid-template-columns: 1fr 320px; gap: 48px; padding-top: 56px; padding-bottom: 110px; align-items: start; }
.aw-inst-pagina-home .featured { display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: center; padding-bottom: 48px; margin-bottom: 48px; border-bottom: 1px solid var(--border); }
.aw-inst-pagina-home .featured-img { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-xl); overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--aw-midnight); }
.aw-inst-pagina-home .featured-img.mockup-1 { background: radial-gradient(ellipse 80% 80% at 30% 20%, rgba(6,0,254,0.5), transparent 60%), var(--aw-midnight); }
.aw-inst-pagina-home .featured-img-text { text-align: center; color: #fff; }
.aw-inst-pagina-home .featured-img-text .big-num { font-family: var(--font-display); font-weight: 700; font-size: clamp(56px, 8vw, 96px); letter-spacing: -0.05em; color: var(--aw-lime); line-height: 0.9; }
.aw-inst-pagina-home .featured-img-text .label { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 10px; letter-spacing: 0.04em; }
.aw-inst-pagina-home .featured-tag-row { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.aw-inst-pagina-home .badge-featured { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent); background: var(--aw-blue-soft); padding: 5px 11px; border-radius: var(--r-full); }
.aw-inst-pagina-home .category-pill { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--aw-slate); }
.aw-inst-pagina-home .category-pill .dot { width: 8px; height: 8px; border-radius: 50%; }
.aw-inst-pagina-home .featured-title { display: block; font-family: var(--font-display); font-weight: 600; font-size: clamp(26px, 3vw, 38px); letter-spacing: -0.03em; line-height: 1.08; color: var(--aw-midnight); transition: color .2s; }
.aw-inst-pagina-home .featured-title:hover { color: var(--accent); }
.aw-inst-pagina-home .featured-excerpt { margin: 16px 0 22px; font-size: 16px; color: var(--aw-slate); line-height: 1.6; }
.aw-inst-pagina-home .featured-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--aw-slate); }
.aw-inst-pagina-home .featured-author { display: inline-flex; align-items: center; gap: 9px; }
.aw-inst-pagina-home .author-avatar, .aw-inst-pagina-home .small-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--aw-midnight); color: #fff; display: grid; place-items: center; font-family: var(--font-display); font-weight: 600; font-size: 12px; }
.aw-inst-pagina-home .featured-author strong { color: var(--aw-midnight); font-weight: 600; }
.aw-inst-pagina-home .meta-sep { opacity: 0.4; }
.aw-inst-pagina-home .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.aw-inst-pagina-home .section-head-left { display: flex; align-items: baseline; gap: 14px; }
.aw-inst-pagina-home .section-num { font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--accent); }
.aw-inst-pagina-home .section-title { font-family: var(--font-display); font-weight: 600; font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -0.02em; }
.aw-inst-pagina-home .section-meta { font-size: 13px; color: var(--aw-slate); }
.aw-inst-pagina-home .posts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 24px; }
.aw-inst-pagina-home .post-card { display: flex; flex-direction: column; }
.aw-inst-pagina-home .post-card-cover { aspect-ratio: 16 / 9; border-radius: var(--r-lg); padding: 24px; display: flex; align-items: flex-end; margin-bottom: 16px; overflow: hidden; transition: transform .35s var(--ease); }
.aw-inst-pagina-home .post-card:hover .post-card-cover { transform: translateY(-4px); }
.aw-inst-pagina-home .cover-bone { background: var(--aw-mist); }
.aw-inst-pagina-home .cover-mist { background: linear-gradient(135deg, var(--aw-mist), #fff); }
.aw-inst-pagina-home .cover-midnight { background: var(--aw-midnight); }
.aw-inst-pagina-home .cover-blue { background: var(--accent); }
.aw-inst-pagina-home .cover-magenta { background: var(--aw-magenta); }
.aw-inst-pagina-home .cover-amber { background: linear-gradient(135deg, var(--aw-midnight), var(--aw-midnight-3)); }
.aw-inst-pagina-home .cover-quote { font-family: var(--font-display); font-weight: 600; font-size: 21px; letter-spacing: -0.02em; line-height: 1.18; color: var(--aw-midnight); }
.aw-inst-pagina-home .cover-quote em { font-style: normal; color: var(--accent); }
.aw-inst-pagina-home .cover-blue .cover-quote, .aw-inst-pagina-home .cover-magenta .cover-quote, .aw-inst-pagina-home .cover-midnight .cover-quote { color: #fff; }
.aw-inst-pagina-home .cover-blue .cover-quote em { color: var(--aw-lime); }
.aw-inst-pagina-home .cover-num { font-family: var(--font-display); font-weight: 700; font-size: 58px; letter-spacing: -0.04em; line-height: 0.85; color: #fff; }
.aw-inst-pagina-home .cover-amber .cover-num { color: var(--aw-lime); }
.aw-inst-pagina-home .cover-num-label { font-size: 13px; margin-top: 8px; color: rgba(255,255,255,0.7); }
.aw-inst-pagina-home .post-card-meta-top { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--aw-slate); margin-bottom: 10px; }
.aw-inst-pagina-home .post-card-cat { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--aw-midnight); }
.aw-inst-pagina-home .post-card-cat .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cat-color, var(--accent)); }
.aw-inst-pagina-home .post-card-title { font-family: var(--font-display); font-weight: 600; font-size: 18px; letter-spacing: -0.015em; line-height: 1.3; color: var(--aw-midnight); transition: color .2s; }
.aw-inst-pagina-home .post-card:hover .post-card-title { color: var(--accent); }
.aw-inst-pagina-home .post-card-excerpt { margin: 9px 0 14px; font-size: 14px; color: var(--aw-slate); line-height: 1.55; }
.aw-inst-pagina-home .post-card-bottom { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--aw-slate); margin-top: auto; }
.aw-inst-pagina-home .post-card-bottom .small-avatar { width: 24px; height: 24px; font-size: 10px; }
.aw-inst-pagina-home .load-more { text-align: center; margin-top: 48px; }
.aw-inst-pagina-home .load-more-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-text); font-weight: 600; font-size: 14px; color: var(--aw-midnight); background: #fff; border: 1px solid var(--border); padding: 14px 26px; border-radius: var(--r-full); transition: all .2s; }
.aw-inst-pagina-home .load-more-btn:hover { border-color: var(--aw-midnight); transform: translateY(-2px); }
.aw-inst-pagina-home .load-more-btn svg { width: 16px; height: 16px; }
.aw-inst-pagina-home .load-more-meta { margin-top: 14px; font-size: 13px; color: var(--aw-slate); }
.aw-inst-pagina-home .sidebar { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 16px; }
.aw-inst-pagina-home .sidebar-block { background: #fff; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 24px; }
.aw-inst-pagina-home .sidebar-block.newsletter { background: var(--aw-midnight); color: #fff; border-color: transparent; }
.aw-inst-pagina-home .newsletter-tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--aw-lime); margin-bottom: 12px; }
.aw-inst-pagina-home .newsletter-title { font-family: var(--font-display); font-weight: 600; font-size: 22px; letter-spacing: -0.02em; margin-bottom: 8px; }
.aw-inst-pagina-home .newsletter-desc { font-size: 13.5px; color: rgba(255,255,255,0.65); line-height: 1.5; margin-bottom: 16px; }
.aw-inst-pagina-home .newsletter-form { display: flex; flex-direction: column; gap: 8px; }
.aw-inst-pagina-home .newsletter-input { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14); border-radius: var(--r-sm); padding: 12px 14px; color: #fff; font-family: var(--font-text); font-size: 14px; outline: none; }
.aw-inst-pagina-home .newsletter-input::placeholder { color: rgba(255,255,255,0.4); }
.aw-inst-pagina-home .newsletter-btn { background: var(--aw-lime); color: var(--aw-midnight); font-family: var(--font-text); font-weight: 700; font-size: 14px; padding: 12px; border-radius: var(--r-sm); }
.aw-inst-pagina-home .newsletter-meta { margin-top: 12px; font-size: 11px; color: rgba(255,255,255,0.45); }
.aw-inst-pagina-home .sidebar-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.aw-inst-pagina-home .sidebar-title { font-family: var(--font-display); font-weight: 600; font-size: 16px; letter-spacing: -0.01em; }
.aw-inst-pagina-home .sidebar-tag { font-size: 11px; color: var(--aw-slate); border: 1px solid var(--border); border-radius: var(--r-full); padding: 3px 9px; }
.aw-inst-pagina-home .popular-list { display: flex; flex-direction: column; gap: 16px; }
.aw-inst-pagina-home .popular-item { display: flex; gap: 14px; }
.aw-inst-pagina-home .popular-num { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--aw-stone); flex-shrink: 0; }
.aw-inst-pagina-home .popular-title { font-family: var(--font-display); font-weight: 600; font-size: 14px; line-height: 1.3; letter-spacing: -0.01em; transition: color .2s; }
.aw-inst-pagina-home .popular-item:hover .popular-title { color: var(--accent); }
.aw-inst-pagina-home .popular-meta { font-size: 12px; color: var(--aw-slate); margin-top: 4px; }
.aw-inst-pagina-home .tags-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.aw-inst-pagina-home .tag-link { font-size: 13px; color: var(--aw-slate); background: var(--aw-bone); border: 1px solid var(--border); padding: 6px 11px; border-radius: var(--r-full); transition: all .2s; }
.aw-inst-pagina-home .tag-link:hover { border-color: var(--accent); color: var(--accent); }
.aw-inst-pagina-home .tag-link .count { opacity: 0.5; font-size: 11px; }
.aw-inst-pagina-home .archive-list { display: flex; flex-direction: column; }
.aw-inst-pagina-home .archive-item { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; font-size: 14px; color: var(--aw-ink); border-bottom: 1px solid var(--border-soft); transition: color .2s; }
.aw-inst-pagina-home .archive-item:last-child { border-bottom: 0; }
.aw-inst-pagina-home .archive-item:hover { color: var(--accent); }
.aw-inst-pagina-home .archive-item .count { font-size: 12px; color: var(--aw-slate); }
.aw-inst-pagina-home .reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: var(--accent); z-index: 102; transition: width .1s linear; }
.aw-inst-pagina-home .post-hero { background: var(--aw-bone); padding: 150px 0 50px; }
.aw-inst-pagina-home .post-hero .breadcrumbs { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--aw-slate); margin-bottom: 26px; }
.aw-inst-pagina-home .post-hero .breadcrumbs a:hover { color: var(--aw-midnight); }
.aw-inst-pagina-home .post-hero .breadcrumbs .sep { opacity: 0.4; }
.aw-inst-pagina-home .post-cat-row { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.aw-inst-pagina-home .post-title { font-family: var(--font-display); font-weight: 600; font-size: clamp(34px, 5vw, 64px); letter-spacing: -0.035em; line-height: 1.02; max-width: 20ch; }
.aw-inst-pagina-home .post-lede { margin-top: 22px; max-width: 60ch; font-size: clamp(17px, 1.5vw, 21px); color: var(--aw-slate); line-height: 1.6; }
.aw-inst-pagina-home .post-meta { margin-top: 30px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--aw-slate); }
.aw-inst-pagina-home .post-meta .author-avatar { width: 38px; height: 38px; font-size: 14px; }
.aw-inst-pagina-home .post-meta strong { color: var(--aw-midnight); font-weight: 600; }
.aw-inst-pagina-home .post-cover { width: 100%; aspect-ratio: 21 / 9; border-radius: var(--r-xl); overflow: hidden; margin: 8px 0 0; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse 70% 80% at 30% 20%, rgba(6,0,254,0.5), transparent 60%), var(--aw-midnight); }
.aw-inst-pagina-home .post-cover-text { text-align: center; color: #fff; }
.aw-inst-pagina-home .post-cover-text .big-num { font-family: var(--font-display); font-weight: 700; font-size: clamp(64px, 10vw, 130px); letter-spacing: -0.05em; color: var(--aw-lime); line-height: 0.85; }
.aw-inst-pagina-home .post-cover-text .label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 12px; letter-spacing: 0.05em; }
.aw-inst-pagina-home .post-body-wrap { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 56px; padding: 64px 0 110px; align-items: start; }
.aw-inst-pagina-home .post-toc { position: sticky; top: 100px; }
.aw-inst-pagina-home .post-toc-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--aw-slate); margin-bottom: 16px; }
.aw-inst-pagina-home .post-toc a { display: block; font-size: 13.5px; color: var(--aw-slate); padding: 7px 0 7px 14px; border-left: 2px solid var(--border); line-height: 1.4; transition: color .2s, border-color .2s; }
.aw-inst-pagina-home .post-toc a:hover, .aw-inst-pagina-home .post-toc a.is-active { color: var(--accent); border-color: var(--accent); }
.aw-inst-pagina-home .prose { max-width: 720px; }
.aw-inst-pagina-home .prose > * { scroll-margin-top: 100px; }
.aw-inst-pagina-home .prose h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(26px, 3vw, 34px); letter-spacing: -0.025em; line-height: 1.12; margin: 52px 0 18px; }
.aw-inst-pagina-home .prose h3 { font-family: var(--font-display); font-weight: 600; font-size: 21px; letter-spacing: -0.015em; margin: 36px 0 12px; }
.aw-inst-pagina-home .prose p { font-size: 17px; line-height: 1.8; color: var(--aw-ink); margin-bottom: 20px; }
.aw-inst-pagina-home .prose p strong { color: var(--aw-midnight); font-weight: 700; }
.aw-inst-pagina-home .prose p em { font-style: normal; color: var(--accent); font-weight: 600; }
.aw-inst-pagina-home .prose a { color: var(--accent); font-weight: 600; border-bottom: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); }
.aw-inst-pagina-home .prose ul, .aw-inst-pagina-home .prose ol { margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.aw-inst-pagina-home .prose ul { list-style: none; }
.aw-inst-pagina-home .prose ul li { position: relative; padding-left: 28px; font-size: 17px; line-height: 1.6; color: var(--aw-ink); }
.aw-inst-pagina-home .prose ul li::before { content: ''; position: absolute; left: 6px; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.aw-inst-pagina-home .prose ol { counter-reset: li; padding-left: 4px; }
.aw-inst-pagina-home .prose ol li { position: relative; padding-left: 38px; font-size: 17px; line-height: 1.6; color: var(--aw-ink); counter-increment: li; }
.aw-inst-pagina-home .prose ol li::before { content: counter(li); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--aw-blue-soft); color: var(--accent); font-family: var(--font-display); font-weight: 700; font-size: 13px; display: grid; place-items: center; }
.aw-inst-pagina-home .prose li strong { color: var(--aw-midnight); }
.aw-inst-pagina-home .pullquote { margin: 40px 0; padding: 8px 0 8px 28px; border-left: 4px solid var(--accent); font-family: var(--font-display); font-weight: 600; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -0.02em; line-height: 1.25; color: var(--aw-midnight); }
.aw-inst-pagina-home .callout { margin: 36px 0; background: var(--aw-midnight); color: #fff; border-radius: var(--r-xl); padding: 34px; display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.aw-inst-pagina-home .callout-num { font-family: var(--font-display); font-weight: 700; font-size: clamp(48px, 6vw, 72px); letter-spacing: -0.04em; color: var(--aw-lime); line-height: 0.9; }
.aw-inst-pagina-home .callout-text { flex: 1; min-width: 200px; }
.aw-inst-pagina-home .callout-text strong { display: block; font-family: var(--font-display); font-weight: 600; font-size: 18px; margin-bottom: 6px; }
.aw-inst-pagina-home .callout-text p { margin: 0; font-size: 14.5px; color: rgba(255,255,255,0.7); line-height: 1.55; }
.aw-inst-pagina-home .prose-figure { margin: 36px 0; }
.aw-inst-pagina-home .prose-figure .ph { border-radius: var(--r-lg); border: 1px dashed var(--border-strong, rgba(17,16,34,0.16)); background: var(--aw-mist); aspect-ratio: 16 / 9; display: grid; place-items: center; color: var(--aw-slate); font-size: 13px; }
.aw-inst-pagina-home .prose-figure figcaption { margin-top: 10px; font-size: 13px; color: var(--aw-slate); text-align: center; }
.aw-inst-pagina-home .post-author-box { display: flex; gap: 20px; align-items: center; background: var(--aw-mist); border-radius: var(--r-xl); padding: 28px; margin-top: 48px; }
.aw-inst-pagina-home .post-author-box .author-avatar { width: 64px; height: 64px; font-size: 22px; flex-shrink: 0; }
.aw-inst-pagina-home .post-author-name { font-family: var(--font-display); font-weight: 600; font-size: 18px; }
.aw-inst-pagina-home .post-author-role { font-size: 13px; color: var(--accent); font-weight: 600; margin: 2px 0 8px; }
.aw-inst-pagina-home .post-author-bio { font-size: 14px; color: var(--aw-slate); line-height: 1.55; }
.aw-inst-pagina-home .post-share { display: flex; align-items: center; gap: 12px; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--border); }
.aw-inst-pagina-home .post-share-label { font-size: 13px; font-weight: 600; color: var(--aw-slate); }
.aw-inst-pagina-home .post-share a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border); display: grid; place-items: center; color: var(--aw-slate); transition: all .2s; }
.aw-inst-pagina-home .post-share a:hover { border-color: var(--accent); color: var(--accent); }
.aw-inst-pagina-home .post-share a svg { width: 16px; height: 16px; }
.aw-inst-pagina-home .related { background: var(--aw-mist); padding: 90px 0; }
.aw-inst-pagina-home .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }
@media (max-width: 1080px) {
.aw-inst-pagina-home .blog-layout { grid-template-columns: 1fr; gap: 56px; }
.aw-inst-pagina-home .sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
.aw-inst-pagina-home .sidebar-block { flex: 1; min-width: 240px; }
.aw-inst-pagina-home .post-body-wrap { grid-template-columns: 1fr; gap: 8px; }
.aw-inst-pagina-home .post-toc { display: none; }
.aw-inst-pagina-home .related-grid { grid-template-columns: 1fr 1fr; }

}
@media (max-width: 720px) {
.aw-inst-pagina-home .featured { grid-template-columns: 1fr; gap: 22px; }
.aw-inst-pagina-home .posts-grid { grid-template-columns: 1fr; }
.aw-inst-pagina-home .controls-inner { gap: 12px; }
.aw-inst-pagina-home .sort-box { display: none; }
.aw-inst-pagina-home .blog-hero, .aw-inst-pagina-home .post-hero { padding-top: 130px; }
.aw-inst-pagina-home .related-grid { grid-template-columns: 1fr; }
.aw-inst-pagina-home .callout { padding: 26px; }

}


/* ===== Overrides: capas com imagem real + filtro/busca ===== */
.aw-inst-pagina-home .post-card-cover.cover-img, .aw-inst-pagina-home .featured-img.cover-img, .aw-inst-pagina-home .post-cover.cover-img { padding: 0; }
.aw-inst-pagina-home .cover-img { background: var(--aw-midnight); }
.aw-inst-pagina-home .cover-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aw-inst-pagina-home .post-card.is-hidden { display: none; }
.aw-inst-pagina-home .no-results { padding: 48px 0; text-align: center; color: var(--aw-slate); font-size: 15px; }
/* Mobile: o corpo do post (.post-body-wrap) zera o padding lateral do .container —
   ao virar 1 coluna o texto cola na borda. Restaura respiro lateral. */
@media (max-width: 1080px) {
  .aw-inst-pagina-home .post-body-wrap { padding-left: var(--pad); padding-right: var(--pad); }
}

