.servicos-bg {padding: 85px 0;}
.servicos > .titulo {font:600 37.24px titillium; text-align: center; color: var(--cor2);}

.servicos .pisos-vinilicos {border-bottom: 3px solid var(--cor1); padding-bottom: 80px;}
.servicos .pisos-vinilicos .top {display: flex; gap: 50px; margin: 50px 0;}
.servicos .pisos-vinilicos .item {display: flex;letter-spacing: -0.225px; white-space: nowrap; align-items: center; text-align: center; flex-direction: column; gap: 10px; font: 15.65px titillium;  color: var(--cinza);}
.servicos .pisos-vinilicos .top .content{display: flex; flex-direction: column; gap: 30px;}
.servicos .pisos-vinilicos .top .content .titulo {font: 400 34.87px titillium; color: var(--cor2);}
.servicos .pisos-vinilicos .top .content .texto {font: 16px / 1.8 titillium; color: var(--cinza);}

.servicos .quality .conteudo{display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px; margin-top: 20px;}
.servicos .tarkett .conteudo{display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px; margin-top: 20px;}
.servicos .tarkett {margin-top: 40px;}
.servicos .img img {object-fit: cover;}
.servicos .pisos-laminados {display: flex; gap: 25px; padding: 90px 0 95px; border-bottom: 3px solid var(--cor1);}
.servicos .pisos-laminados .content {display: flex; flex-direction: column; gap: 30px;}
.servicos .pisos-laminados .content .titulo {font: 400 34.87px titillium; color: var(--cor2);}
.servicos .pisos-laminados .content .texto {font: 16px / 1.8 titillium; color: var(--cinza);}

.servicos .rodapes {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; padding: 90px 0 0;}
.servicos .rodapes .item {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.servicos .rodapes .item .img img {object-fit: cover;}
.servicos .rodapes .item .content {display: flex; flex-direction: column;margin-top: -50px; align-items: center; gap: 16px; text-align: center;}
.servicos .rodapes .item .content .titulo {font: 400 34.87px titillium; color: var(--cor2); background: var(--branco); width: max-content; padding: 10px 30px; line-height: 1;}
.servicos .rodapes .item .content .texto {font: 16px / 1.8 titillium; color: var(--cinza); max-width: 540px;}

@media(max-width: 1250px){
    .servicos .quality .conteudo,
    .servicos .tarkett .conteudo {grid-template-columns: repeat(4, 1fr);}
    .servicos .rodapes {grid-template-columns: repeat(1, 1fr);} 
    .servicos .pisos-vinilicos .top {gap: 30px;}
    .servicos .pisos-laminados {gap: 20px;}
}

@media(max-width: 990px){
    .servicos .pisos-vinilicos .top .content .titulo {text-align: center;}
    .servicos-bg {padding: 40px 0;}
    .servicos .pisos-vinilicos {padding-bottom: 50px;}
    .servicos .pisos-vinilicos .top {margin: 20px 0; gap: 20px; flex-direction: column; align-items: center;}
    .servicos .pisos-vinilicos .top .content {gap: 20px; align-items: center;}
    .servicos .quality .conteudo,
    .servicos .tarkett .conteudo {grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px;}
    .servicos .tarkett {margin-top: 30px;}
    .servicos .pisos-laminados {padding: 40px 0; gap: 20px; flex-direction: column-reverse; align-items: center;}
    .servicos .pisos-laminados .content {gap: 20px; align-items: center;}
    .servicos .pisos-laminados .img,
    .servicos .pisos-vinilicos .top .img {margin: 0 auto;}
    .servicos .pisos-laminados > .img,
    .servicos .pisos-vinilicos .top > .img,
    .servicos .rodapes .item > .img {width: 90%;}
    .servicos .pisos-vinilicos .top > .img img, 
    .servicos .pisos-laminados > .img img,
    .servicos .rodapes .item > .img img {width: 100%;}
    .servicos .rodapes {gap: 30px; padding: 50px 0;}
    .servicos .rodapes .item .content {margin-top: -20px; gap: 12px;}
}


@media(max-width: 650px){
    .servicos .pisos-vinilicos .top {margin: 16px 0; gap: 16px;}
    .servicos .pisos-laminados {padding: 30px 0; gap: 16px;}
    .servicos .quality .conteudo,
    .servicos .tarkett .conteudo {grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .servicos .rodapes {gap: 24px; padding: 40px 0;}
    .servicos .rodapes .item .content {margin-top: 0; gap: 10px;}
}