/* Estilos exclusivos da página do blog */
.blog-hero{min-height:520px;padding:6.5rem max(5vw,1.25rem);position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 45%,#4b3900 0,transparent 26%),linear-gradient(135deg,#050505 0%,#111 68%,#1f1a00 100%);border-bottom:1px solid #2f2f2b}
.blog-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--yellow) 0 30%,var(--purple) 30% 58%,var(--red) 58% 79%,var(--green) 79%)}
.blog-hero-copy{position:relative;z-index:2;max-width:820px}
.blog-hero h1{font-size:clamp(4rem,8vw,8rem);margin:.8rem 0 1.5rem}
.blog-hero h1 em{display:inline;color:var(--yellow)}
.blog-hero p{max-width:680px;color:#c4c4be;font-size:clamp(1.05rem,1.5vw,1.25rem)}


.blog-code{position:absolute;right:-5%;top:20%;color:#65ff8f12;font:700 clamp(1.2rem,2.3vw,2.8rem) ui-monospace,monospace;transform:rotate(-8deg);white-space:nowrap}
.blog-hero-mark{position:absolute;right:max(5vw,1.25rem);bottom:-.12em;color:#ffd4000c;font:700 clamp(12rem,27vw,29rem)/.8 var(--display)}
.blog-list-section{background:#f0f0eb;color:#101010}
.blog-list-section .section-heading>p{color:#5e5e5a}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.blog-card{min-height:420px;background:#fff;border:1px solid #d5d5cf;padding:1.7rem;display:flex;flex-direction:column;color:#101010;transition:transform .22s,box-shadow .22s,border-color .22s}
.blog-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #00000014;border-color:#a9a99f}
.blog-card.featured-blog-card{background:#151515;color:#fff;border-color:var(--purple)}
.blog-card-meta{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .8rem;color:#777;font-size:.68rem;font-weight:800;letter-spacing:.11em}
.featured-blog-card .blog-card-meta{color:#aaa}
.blog-card h3{font:600 1.8rem/1.08 var(--display);text-transform:uppercase;margin:.35rem 0 1rem}
.blog-card p{color:#666;font-size:.94rem}
.featured-blog-card p{color:#aaa}
.blog-card-link{margin-top:auto;padding-top:1rem;border-top:1px solid #ddd;display:flex;justify-content:space-between;color:var(--purple);font-size:.82rem;font-weight:800;text-transform:uppercase}
.featured-blog-card .blog-card-link{border-color:#353535;color:var(--yellow)}
.article-feed{background:#0c0c0c;padding-top:5rem;padding-bottom:5rem}
.blog-article{scroll-margin-top:1.5rem;display:grid;grid-template-columns:90px minmax(0,1fr) 285px;gap:2.5rem;padding:3.2rem 0;border-bottom:1px solid #292929;align-items:start}
.blog-article:first-child{padding-top:0}.blog-article:last-child{border:0;padding-bottom:0}
.article-number{font:700 4.5rem/1 var(--display);color:#ffffff10}
.article-category{display:inline-block;color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.14em;margin-bottom:.8rem}
.article-category.purple{color:#b989ff}.article-category.dark{color:var(--yellow)}
.article-content h2{font-size:clamp(2.1rem,3.6vw,3.6rem);margin:0 0 1.2rem}
.article-content p,.article-content li{color:#b4b4ae}
.article-content ul{padding-left:1.2rem;margin-bottom:0}
.article-content code{background:#242424;color:#8affaa;padding:.12rem .35rem;font-size:.88em}
.article-file{background:#181818;border:1px solid #303030;padding:1.4rem;display:flex;flex-direction:column;min-height:260px}
.article-file strong{font:600 1.25rem var(--display);text-transform:uppercase;margin-top:auto}
.article-file small{color:#8e8e88;margin:.3rem 0 1rem}
.file-status{align-self:flex-start;background:var(--red);color:white;padding:.38rem .55rem;font-size:.63rem;font-weight:800;letter-spacing:.1em}
.file-status.purple{background:var(--purple)}.file-status.dark{background:var(--yellow);color:#111}
@media(max-width:1050px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:span 2}.blog-article{grid-template-columns:70px minmax(0,1fr)}.article-file{grid-column:2;min-height:auto}.article-file .file-type{margin-bottom:1.5rem}.article-file strong{margin-top:0}}
@media(max-width:760px){.blog-hero{min-height:520px;padding-top:4rem;padding-bottom:5rem}.blog-hero h1 em{display:block}.blog-hero-mark{right:-2rem}.blog-grid{grid-template-columns:1fr}.blog-card,.blog-card:last-child{grid-column:auto;min-height:360px}.blog-article{grid-template-columns:1fr;gap:1.2rem;padding:2.8rem 0}.article-number{font-size:3.2rem}.article-file{grid-column:auto}.blog-card-meta{align-items:flex-start;flex-direction:column;gap:.15rem}}