.economic-hero{background:#111;color:#f1eee5}
.economic-hero h1 em{color:#f3cb00}
.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:5rem 0;border-top:1px solid}
.measure-grid span{padding:2rem;border-right:1px solid;border-bottom:1px solid;font-weight:700}
.economy-image{height:75vh;min-height:580px;position:relative;color:#fff;background:linear-gradient(0deg,#000d 0%,#0002 62%,transparent 100%),url("../assets/economia-producao.webp") center/cover;filter:saturate(.88) contrast(1.04)}
.economy-image>div{position:absolute;left:6vw;bottom:5rem}
.economy-image small{color:#f3cb00}
.economy-image h2{max-width:1000px;margin:.3em 0}
.production{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid;margin:5rem 0}
.production div{padding:2rem;border-right:1px solid}
.production b{font:2rem var(--s)}
.transition-line{display:flex;align-items:center;justify-content:space-between;background:#f3cb00;padding:2rem;margin:5rem 0}
.transition-line i{font-style:normal}
@media(max-width:820px){.measure-grid{grid-template-columns:1fr 1fr}
.economy-image{height:68vh;background-position:43% center}
.economy-image>div{left:22px;right:22px;bottom:3rem}
.production{grid-template-columns:1fr 1fr}
.production div{border-bottom:1px solid}
.transition-line{align-items:flex-start;flex-direction:column;gap:.5rem}
.transition-line i{transform:rotate(90deg)}
}