.institucional-bg { padding: 0 0 85px; }
.institucional .content-top { display: grid; grid-template-columns: 1.3fr 1fr; gap: 45px; }
.institucional .content-top > .title { font: 53.65px / 1.2 garet; color: var(--preto); }
.institucional .qualidades { display: flex; flex-direction: column; gap: 20px; }
.institucional .qualidade { display: flex; align-items: center; gap: 20px; }
.qualidade .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 80px; height: 80px; border-radius: 50%; background: var(--cor1); }
.qualidade .title { font: 24.01px garet; color: var(--preto); }
.qualidade .text { font: 15px / 2 montserrat; color: #5B5B5B; }

.institucional .content-bottom { display: flex; align-items: center; gap: 60px; margin-top: 40px; }
.content-bottom .fotos { display: flex; gap: 30px; }
.content-bottom .title { font: 24.01px garet; color: var(--preto); }
.content-bottom .text { font: 15px / 2 montserrat; color: #5B5B5B; }
.content-bottom .btn-default { height: 45px; max-width: 140px; color: var(--preto); margin-top: 30px; }

.pneus-bg { background: var(--preto); padding: 95px 0 0; position: relative; }
.pneus-bg::after { content: ''; position: absolute; width: 100%; height: 125px; background: var(--branco); bottom: 0; }
.pneus .content { text-align: center; }
.pneus .content .title { font: 53.65px / 1.25 garet; color: var(--branco); }
.pneus .content .text { font: 15px / 2 montserrat; color: var(--branco); margin-top: 20px; }
.pneus .links { display: grid; gap: 45px; align-items: center; grid-template-columns: repeat(2, 1fr); margin-top: 30px; }
.pneus .links .link { position: relative; height: 420px; display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; border-radius: 10px; box-sizing: border-box; padding: 30px 20px; z-index: 2; }
.pneus .text,
.pneus .links .link .btn-default { position: relative; z-index: 2; }
.pneus .text { font: 36.24px garet; color: var(--branco); }

.pneus .links .link .btn-default { height: 40px; min-width: 125px; }
.pneus .links .img { display: block; border-radius: 20px; position: absolute; top: 0; height: 100%; width: 100%; left: 0; } 
.pneus .links .img img { display: block; object-fit: cover; width: 100%; height: 100% }


@media (max-width: 1250px){
    .institucional .content-top { grid-template-columns: 1fr; }
    .institucional .content-top > .title { text-align: center; }
    .institucional .content-bottom { flex-direction: column; }
    .content-bottom .fotos { flex-wrap: wrap; align-items: center; justify-content: center; }
}

@media(max-width: 990px){
    .pneus .content .title,
    .institucional .content-top > .title { font-size: clamp(35px, 4.5vw, 45px); }
    .pneus .links { grid-template-columns: 1fr; }
    .pneus .links .link { flex-direction: column; align-items: flex-start; justify-content: flex-end; }
}