.blog-page{background:#f4f2ed}
.blog-page .desktop-nav a[aria-current="page"]{color:var(--gold)}
.article-page .site-header:not(.is-scrolled) .header-shell{background:rgba(21,25,29,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.blog-kicker{display:block;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.blog-intro{position:relative;min-height:max(710px,min(980px,100svh));overflow:hidden;background:#11181e;background-image:linear-gradient(90deg,rgba(8,14,20,.94) 0%,rgba(8,14,20,.79) 30%,rgba(8,14,20,.26) 62%,rgba(8,14,20,.06) 100%),linear-gradient(0deg,rgba(7,12,17,.87) 0%,rgba(7,12,17,0) 35%,rgba(7,12,17,.18) 100%),url('assets/hero-gerador.webp');background-size:cover;background-position:center;color:#fff}
.blog-intro::after{content:'';position:absolute;right:0;bottom:0;width:47%;height:3px;background:var(--gold);pointer-events:none}
.blog-intro-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:inherit;padding-top:162px;padding-bottom:116px}
.blog-intro-layout>div:first-child{flex:0 1 650px;max-width:650px}
.blog-intro .blog-kicker{color:var(--gold)}
.blog-intro h1{margin:25px 0 28px;font-family:'Arial Black','DejaVu Sans',Arial,sans-serif;font-size:clamp(60px,5.8vw,80px);line-height:.96;letter-spacing:-.065em}
.blog-intro h1 em{color:var(--gold);font-style:normal}
.blog-intro-layout>div:first-child>p{max-width:520px;margin-bottom:35px;color:#e1e3e3;font-size:clamp(16px,1.4vw,19px);line-height:1.6}
.blog-intro-side{align-self:flex-end;flex:0 0 248px;margin-bottom:12px;padding:22px 24px;background:rgba(10,17,22,.6);border:1px solid rgba(255,255,255,.21);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.blog-intro-side span{display:block;margin-bottom:20px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.16em}
.blog-intro-side strong{display:block;font-size:22px;line-height:1.28;letter-spacing:-.04em}
.blog-intro-side p{margin:21px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.24);color:#bfc6c8;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.blog-spotlight{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;margin-top:-60px;background:#fff;box-shadow:0 24px 70px rgba(10,18,22,.13);border-radius:20px;overflow:hidden}
.blog-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px clamp(35px,5vw,80px)}
.blog-spotlight h2{max-width:620px;margin:22px 0 19px;font-size:clamp(36px,4vw,58px);line-height:1.08}
.blog-spotlight p{max-width:520px;margin-bottom:28px;color:#626a6a;font-size:15px;line-height:1.7}
.blog-dark-button{min-height:52px;background:#1a2023;color:#fff}
.blog-dark-button:hover{background:var(--red)}
.blog-spotlight-image{display:block;min-height:430px;overflow:hidden}
.blog-spotlight-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}
.blog-spotlight-image:hover img{transform:scale(1.035)}
.blog-list{padding:120px 0 130px}
.blog-list-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.blog-list-heading h2{margin:17px 0 0;font-size:clamp(40px,4.5vw,65px)}
.blog-list-heading p{max-width:350px;margin:0 0 7px;color:#626a6b;font-size:15px;line-height:1.7}
.blog-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.blog-filters button{min-height:42px;padding:0 17px;border:1px solid #d3d6d1;border-radius:999px;background:transparent;color:#4a5050;font-size:12px;font-weight:800;transition:background .2s ease,color .2s ease,border-color .2s ease}
.blog-filters button:hover,.blog-filters button.is-active{background:#1a2023;border-color:#1a2023;color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.blog-card{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border:1px solid #e7e7e2;border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(10,18,22,.11)}
.blog-card-image{height:250px;min-height:250px;overflow:hidden;background:#cdd0cc}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover img{transform:scale(1.04)}
.blog-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:31px 29px}
.blog-card-copy>span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.blog-card h3{margin:18px 0 13px;font-size:25px;line-height:1.17;letter-spacing:-.055em}
.blog-card p{color:#667070;font-size:13px;line-height:1.6}
.blog-card strong{margin-top:auto;color:var(--red);font-size:12px}
.blog-card strong span{margin-left:8px;font-size:17px}
.blog-empty{margin:30px 0 0;color:#626a6b}
.blog-local{background:#ac0b12;color:#fff;padding:78px 0}
.blog-local-layout{display:flex;align-items:center;justify-content:space-between;gap:60px}
.blog-local .blog-kicker{color:var(--gold)}
.blog-local h2{margin:18px 0 17px;font-size:clamp(40px,4.4vw,64px)}
.blog-local p{max-width:730px;margin:0;color:#f7dddd;font-size:15px;line-height:1.7}
.blog-local .button{flex:none}
.blog-breadcrumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding-top:130px;color:#7c8585;font-size:12px;font-weight:700}
.blog-breadcrumb a:hover{color:var(--red)}
.article-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px;padding-top:73px;padding-bottom:75px}
.article-hero h1{margin:20px 0 26px;font-family:'Arial Black','DejaVu Sans',Arial,sans-serif;font-size:clamp(45px,5vw,74px);line-height:1.03;letter-spacing:-.07em}
.article-hero-copy>p{max-width:650px;color:#4d585a;font-size:19px;line-height:1.65}
.article-byline{margin-top:30px;color:#6c7475;font-size:12px;font-weight:800}
.article-byline span{padding:0 9px;color:var(--red)}
.article-hero figure{margin:0;min-height:460px;max-height:550px;overflow:hidden;border-radius:21px}
.article-hero figure img{width:100%;height:100%;min-height:460px;max-height:550px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:75px;padding-bottom:125px}
.article-aside{align-self:start;position:sticky;top:118px;padding:22px 23px;border-top:3px solid var(--red);background:#e8e8e3}
.article-aside>span{display:block;margin-bottom:18px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.16em}
.article-aside nav{display:flex;flex-direction:column;gap:14px}
.article-aside a{font-size:13px;font-weight:700;color:#394143}
.article-aside a:hover{color:var(--red)}
.article-content{min-width:0;color:#333b3e;font-size:17px;line-height:1.85}
.article-content h2{margin:46px 0 16px;font-family:var(--font);font-size:clamp(27px,3vw,36px);line-height:1.22;letter-spacing:-.055em}
.article-content h2:first-child{margin-top:0}
.article-content p{margin-bottom:24px}
.article-content ul{margin:3px 0 28px;padding-left:25px}
.article-content li{margin-bottom:10px}
.article-content li::marker{color:var(--red)}
.article-content p a{color:#a40b12;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.article-contact{margin-top:62px;padding:39px 43px;border-radius:19px;background:#1a2125;color:#fff}
.article-contact>span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.16em}
.article-contact h2{margin:17px 0 14px;color:#fff;font-size:36px}
.article-contact p{color:#c8d0cf;font-size:15px;line-height:1.7}
.article-contact .button{margin-top:5px;font-size:12px;text-align:center}
.related-section{padding:95px 0 110px;background:#e9e9e3}
.related-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}
.related-heading h2{margin:15px 0 0;font-size:clamp(35px,4vw,55px)}
.related-heading>a{padding-bottom:5px;border-bottom:1px solid var(--red);color:var(--red);font-size:12px;font-weight:800}
.related-section .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-section .blog-card{display:flex;flex-direction:column;min-height:0}
.related-section .blog-card-image{height:185px;min-height:185px}
.related-section .blog-card-copy{flex:1;padding:25px}
.related-section .blog-card h3{font-size:21px}
.related-section .blog-card p{font-size:12px}

@media(max-width:1060px){
  .blog-card-image{height:225px;min-height:225px}
  .article-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}
  .article-hero{gap:40px}
}
@media(max-width:860px){
  .blog-intro{min-height:760px;background-position:60% center;background-image:linear-gradient(90deg,rgba(8,14,20,.92),rgba(8,14,20,.48) 72%),linear-gradient(0deg,rgba(7,12,17,.9),transparent 55%),url('assets/hero-gerador.webp')}
  .blog-intro-layout{align-items:end;padding-top:145px;padding-bottom:110px}
  .blog-intro-side{display:none}
}
@media(max-width:720px){
  .blog-intro h1{font-size:clamp(44px,10.8vw,70px);line-height:1.09;letter-spacing:0}
  .blog-intro-layout>div:first-child>p{font-size:16px}
  .blog-spotlight{grid-template-columns:1fr;margin-top:-43px}
  .blog-spotlight-copy{padding:37px 30px}
  .blog-spotlight h2{font-size:clamp(35px,8.7vw,55px)}
  .blog-spotlight-image{min-height:280px;height:280px}
  .blog-list{padding:80px 0}
  .blog-list-heading{display:block}
  .blog-list-heading p{margin-top:20px}
  .blog-filters{gap:7px}
  .blog-filters button{font-size:11px;padding:0 14px}
  .blog-grid{grid-template-columns:1fr}
  .blog-card{display:grid;grid-template-columns:115px 1fr}
  .blog-card-image{height:auto;min-height:100%}
  .blog-card-copy{padding:18px}
  .blog-card h3{font-size:19px}
  .blog-card p{font-size:12px}
  .blog-local{padding:63px 0}
  .blog-local-layout{display:block}
  .blog-local .button{margin-top:27px}
  .blog-breadcrumb{padding-top:103px}
  .article-hero{grid-template-columns:1fr;gap:34px;padding-top:48px;padding-bottom:55px}
  .article-hero h1{font-size:clamp(42px,9.5vw,62px)}
  .article-hero-copy>p{font-size:16px}
  .article-hero figure,.article-hero figure img{min-height:300px;height:300px}
  .article-layout{grid-template-columns:1fr;padding-bottom:78px}
  .article-aside{display:none}
  .article-content{font-size:16px;line-height:1.77}
  .article-contact{padding:30px 27px}
  .article-contact h2{font-size:30px}
  .related-section{padding:70px 0 80px}
  .related-section .blog-grid{grid-template-columns:1fr}
  .related-section .blog-card{display:grid;grid-template-columns:115px 1fr}
  .related-section .blog-card-image{height:auto;min-height:100%}
  .related-heading{display:block}
  .related-heading>a{display:inline-block;margin-top:18px}
}
@media(max-width:420px){
  .blog-intro{min-height:730px;background-position:66% center;background-image:linear-gradient(90deg,rgba(8,14,20,.89) 0%,rgba(8,14,20,.64) 64%,rgba(8,14,20,.3)),linear-gradient(0deg,rgba(7,12,17,.95),transparent 65%),url('assets/hero-gerador.webp')}
  .blog-intro h1{font-size:clamp(34px,10.8vw,70px)}
  .blog-intro-layout{padding-top:125px;padding-bottom:92px}
  .blog-intro-layout .button{width:calc(100% - 78px);max-width:262px}
  .blog-local .button{width:100%;text-align:center}
}