:root{--padding-chamada-header:44px;--padding-valores:32px 0;--padding-servicos:24px 22px;--box-banner:513px}
.chamada-header{display:flex;flex-direction:column;box-sizing:border-box;gap:18px;padding:var(--padding-chamada-header);width:380px;height:294px;background-color:#fff;align-items:flex-start;position:absolute;top:143px}
.chamada-header h1{line-height:130%;color:#0E2A47}
.chamada-header button{display:flex;flex-direction:row;align-items:center;padding:14px 24px;gap:var(--gap-1);background:var(--color-blue-100)}
.box-banner{height:var(--box-banner)}
.section-banner .division{height:6px;background-color:var(--color-gold-100);border:0;margin:0}
.bg-img-position{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}
.zi-0{z-index:0}
.zi-1{z-index:1}
.grid-valores{display:grid;grid-template-columns:repeat(4,1fr);gap:90px}
.grid-valores .element{padding:var(--padding-valores);box-sizing:border-box;display:flex;gap:14px;align-items:center}
.grid-servicos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-servicos .element{padding:var(--padding-servicos);border:1px solid #ECE6D8;box-sizing:border-box;display:grid;gap:12px;align-items:center;transition:transform .2s linear;background:#fff}
.grid-servicos .element:hover{transform:scale(1.2);box-shadow:0 0 10px var(--color-gold-60)}
.div-consultoria{display:grid;gap:24px;padding:89px 0 40px}
.about-eduardo-maia{display:flex;padding:30px 0 64px}
.about-eduardo-maia .box-content{padding:55px 56px}
.about-eduardo-maia .content{width:64%;display:flex;flex-direction:column;gap:16px}
@media (max-width: 850px) {
.grid-valores{gap:2%;grid-template-columns:repeat(2,1fr)}
.grid-servicos{grid-template-columns:repeat(2,1fr)}
.about-eduardo-maia .box-content .content{width:100%}
}
@media (max-width: 700px) {
.grid-valores{gap:20px}
.about-eduardo-maia{flex-direction:column}
}
@media (max-width: 600px) {
.about-eduardo-maia figure{display:flex;justify-content:center}
}
@media (max-width: 500px) {
.grid-valores .element{flex-direction:column;text-align:center}
.container{max-width:100%;padding:2%;width:100%;box-sizing:border-box}
.chamada-header{width:100%}
.grid-servicos{gap:3%}
}
@media (max-width: 420px) {
.box-banner{display:flex}
.chamada-header{position:relative}
.grid-servicos{grid-template-columns:1fr}
}