.sobre-hero .linha-video-sobre .img-video {
border-radius: 16px;
} .qs-producao__topo {
padding-bottom: 56px;
}
.qs-producao__topo h2 {
margin-bottom: 0;
}
.qs-producao__chamada {
display: flex;
flex-direction: column;
justify-content: center;
}
.qs-producao__chamada p {
margin: 0 0 16px;
font-family: "Poppins", sans-serif;
line-height: 1.7;
color: #565555;
}
.qs-producao__chamada p:last-child {
margin-bottom: 0;
}
.qs-producao__chamada b {
color: #131313;
font-weight: 500;
} .qs-fluxo {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0 0 64px;
padding: 40px 32px; list-style: none;
background: #f6f6f6;
border-radius: 16px;
}
.qs-fluxo__item {
flex: 1 1 0;
min-width: 0;
text-align: center;
}
.qs-fluxo__seta {
flex: 0 0 auto;
padding-top: 16px;
color: #29458e;
}
.qs-fluxo__seta svg {
display: block;
width: 20px;
height: 20px;
stroke-width: 2.2;
}
.qs-fluxo__ico {
display: block;
margin: 0 auto 16px;
color: #29458e;
}
.qs-fluxo__ico svg {
display: block;
width: 44px;
height: 44px;
margin: 0 auto;
}
.qs-fluxo__item h3 {
margin: 0 0 4px;
font-size: 15px;
font-weight: 500;
line-height: 1.35;
color: #131313;
}
.qs-fluxo__item p {
margin: 0;
font-size: 13px;
line-height: 1.45;
color: #565555;
} .qs-etapa {
padding-bottom: 64px;
}
.qs-etapa--ultima {
padding-bottom: 0;
}
.qs-etapa--invertida {
flex-direction: row-reverse;
} .qs-etapa__midia {
display: grid;
gap: 16px;
align-content: stretch;
grid-auto-rows: 1fr;
min-height: 380px;
}
.qs-etapa__midia--dupla {
grid-template-columns: 1fr 1fr;
}
.qs-etapa__midia figure { min-height: 0;
margin: 0;
overflow: hidden;
background: #f6f6f6;
border-radius: 16px;
}
.qs-etapa__midia figure img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.qs-etapa__texto {
display: flex;
flex-direction: column;
justify-content: center;
} .qs-etapa__texto h3 {
margin: 0 0 10px;
line-height: 1.25;
color: #131313;
}
.qs-etapa__lead {
margin: 0 0 20px;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.45;
color: #131313;
}
.qs-etapa__texto p {
margin: 0 0 14px;
font-family: "Poppins", sans-serif;
line-height: 1.75;
color: #565555;
}
.qs-etapa__texto p:last-of-type {
margin-bottom: 0;
} .qs-atributos {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
} .qs-atributos li {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
background: rgba(0, 0, 0, 0.04);
border-radius: 16px;
}
.qs-atributos svg {
display: block;
flex: 0 0 auto;
width: 20px;
height: 20px;
color: #29458e;
}
.qs-atributos span {
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 1.3;
color: #131313;
}   .qs-faixa {
margin-top: 80px;
padding: 64px 0 72px;
background: #29458e;
}
.qs-faixa__topo {
max-width: 680px;
margin: 0 auto 40px;
text-align: center;
}
.qs-faixa h3 {
margin: 0 0 8px;
font-size: 32px;
line-height: 1.25;
color: #fff;
}
.qs-faixa p {
margin: 0;
font-family: "Poppins", sans-serif;
font-size: 17px;
line-height: 1.5;
color: #fff;
opacity: 0.85;
}
.qs-faixa__itens {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.qs-faixa__itens li {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 32px 24px;
text-align: center;
background: #fff;
border-radius: 16px;
}
.qs-faixa__ico {
display: block;
color: #29458e;
}
.qs-faixa__ico svg {
display: block;
width: 36px;
height: 36px;
}
.qs-faixa__rotulo {
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 1.35;
color: #131313;
} @media (max-width: 1199px) {
.qs-fluxo {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 32px;
column-gap: 12px;
}
.qs-fluxo__seta {
display: none;
}
}
@media (max-width: 991px) {
.qs-producao__topo {
padding-bottom: 32px;
}
.qs-producao__chamada {
margin-top: 24px;
}
.qs-fluxo {
margin-bottom: 48px;
padding: 32px 24px;
} .qs-etapa--invertida {
flex-direction: row;
} .qs-etapa__midia {
grid-auto-rows: auto;
min-height: 0;
}
.qs-etapa__midia--unica figure {
aspect-ratio: 16 / 10;
}
.qs-etapa__midia--dupla figure {
aspect-ratio: 1 / 1;
}
.qs-etapa__texto {
margin-top: 28px;
}
.qs-etapa {
padding-bottom: 48px;
}
.qs-faixa {
margin-top: 56px;
}
.qs-faixa {
padding: 48px 0 56px;
}
.qs-faixa__topo {
margin-bottom: 32px;
}
.qs-faixa h3 {
font-size: 26px;
}
.qs-faixa__itens {
gap: 16px;
}
.qs-faixa__itens li {
padding: 26px 18px;
}
}
@media (max-width: 575px) {
.qs-fluxo {
grid-template-columns: repeat(2, 1fr);
padding: 28px 16px;
}
.qs-etapa__midia--dupla {
grid-template-columns: 1fr;
} .qs-etapa__midia--unica figure,
.qs-etapa__midia--dupla figure {
aspect-ratio: 4 / 3;
}
.qs-etapa__lead {
font-size: 17px;
}
.qs-atributos {
gap: 8px;
}
.qs-atributos li {
padding: 10px 14px;
}
.qs-faixa__itens {
grid-template-columns: 1fr;
gap: 12px;
}
.qs-faixa__itens li {
flex-direction: row;
gap: 14px;
padding: 20px 22px;
text-align: left;
}
.qs-faixa h3 {
font-size: 22px;
}
}