.video-container-bg { padding: 125px 0 75px; }
.video-container { display: grid; grid-template-columns: repeat(2, 1fr);  }
.video-container .video-parent { width: 100%; display: flex; height: 100%; align-items: flex-start; position: relative; }
.video-container .video-parent .video { display: block; width: 100%; }
.video-container .video-parent .abs { position: absolute; bottom: 0; right: -76px; transform: translate(-50%, -50%) }

.video-container .title { display: flex; flex-direction: column; gap: 30px; }
.video-container .title .ls { font: 500 20px montserrat; position: relative; letter-spacing: 8px; color: #0B0B0B; margin-top: 30px; }
.video-container .title .ls::after { content: ''; position: absolute; background: #969DAB; width: 75px; height: 10px; transform: translate(0, -50%); left: 0; top: -30px; }
.video-container .title .title-content { font: 700 44px / 1.25 aloe; }
.video-container .title .title-content b { color: #0B0B0B; }
.video-container .title .title-content .cinza, .video-container .title .title-content .cinza b { color: #969DAB; }

.video-container .title .title-content h2 {display: inline;}
.video-container .title .title-content h2 ~ span {display: inline;}

.btn-whats {font: 600 17px montserrat; color: var(--branco); display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 10px 22px 10px 20px; border-radius: 17.74px; margin: auto 0 0; background: #00B200; width: fit-content; margin: 15px 0 0; transition: 0.4s;}
.btn-whats .icone {width: 20px; height: 20px;}
.btn-whats .icone svg {width: 100%; height: 100%;}
.btn-whats .icone svg path {fill: #fff;}

.btn-whats-mob {display: none;}


.diferenciais > .title { text-align: center; font: 42px / 1 catalish; margin-bottom: 75px; }
.diferenciais > .title b { color: #969DAB; font-weight: 400; }

.diferenciais .diferencial { padding: 30px; background: #ECF1F7; height: 100%; }
.diferenciais .diferencial .img { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; aspect-ratio: 1/1; margin: 0 auto; }
.diferenciais .diferencial .img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.diferenciais .diferencial .title { text-align: center; font: 26px / 1 aloe; margin: 20px 0; }
.diferenciais .diferencial .text { font: 15.5px / 2 montserrat; color: #0B0B0B; text-align: center; }


.lavagens-bg { padding-top: 75px; }
.lavagens .title-parent { text-align: center; margin-bottom: 75px; }
.lavagens .title-parent .ls { font: 500 20px montserrat; letter-spacing: 8px; }
.lavagens .title-parent .title { font: 700 44px aloe; color: #001321; }
.lavagens .title-parent .title b { color: #969DAB; }

.lavagem-bg { position: relative; padding: 60px 0 100px; background: #fff; box-shadow: 0 8px 25px rgba(0, 0, 0, .12); }
.lavagem-bg:nth-child(2) { box-shadow: none; padding-top: 0; }
.lavagem {display: grid;grid-template-columns: repeat(2, 1fr);gap: 190px;/* align-items: center; */}
.lavagem .conteudo { display: flex; flex-direction: column; }

.lavagem .cabecalho { display: flex; align-items: center; gap: 10px; }
.lavagem .cabecalho .titulo { display: flex; flex-direction: column; gap: 10px; font: 700 46px / 1 aloe; color: var(--cor); }
.lavagem .cabecalho .titulo .ls { font: 500 20px montserrat; color: #000; letter-spacing: 8px; }
.lavagem .cabecalho .numero { font: 700 186.63px / 1 aloe; color: transparent; -webkit-text-stroke: 1px #666666; margin-left: auto; }

.lavagem .texto { font: 15.5px / 2 montserrat; margin-top: 25px; }
.lavagem .barra { width: 65px; height: 10px; background-color: var(--cor); display: block; margin: 30px 0; }
.lavagem .servicos-inclusos .header { background: var(--cor); display: block; width: max-content; font: 600 20px montserrat; color: #fff; letter-spacing: 8px; padding: 5px; margin-bottom: 30px; }
.lavagem .lista li { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font: 15.5px montserrat; }
.lavagem .lista li .img { width: 18px; height: 14px; object-fit: contain; flex: none; }

.lavagem .gp-img > .img {width: 100%;display: flex;height: max-content;position: relative;}
.lavagem .gp-img > .img .imagem { max-height: 635px; }
.lavagem .gp-img > .img img:not(.abs) { display: block; width: 100%; height: 100%; object-fit: cover; }
.lavagem .gp-img > .img .abs { position: absolute; display: block; left: -38px; bottom: -38px; }

.lavagem-bg.par .lavagem .gp-img { order: 1; }
.lavagem-bg.par .lavagem > .conteudo { order: 2; }
.lavagem-bg.par .lavagem .gp-img > .img .abs { right: -38px; bottom: -38px; left: unset; }


.faq-bg { padding: 90px 0 0; }
.faq .title-parent { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; margin-bottom: 55px; }
.faq .title-parent .barra { width: 75px; height: 10px; background: #969DAB; display: block; }
.faq .title-parent .title { font: 700 45.99px aloe; color: #001321; }
.faq .title-parent .title b { color: #969DAB; font-weight: 700; }
.faq .title-parent .subtitle { font: 15.5px / 2 montserrat; color: #0B0B0B; }

.faq .lista { display: flex; flex-direction: column; gap: 16px; }

.faq-item { background: #ECF1F7; overflow: hidden; transition: box-shadow var(--transition2); }
.faq-item.aberto { box-shadow: 0 8px 25px rgba(0, 0, 0, .08); }

.faq-item .pergunta { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; text-align: left; background: transparent; border: 0; cursor: pointer; padding: 24px 28px; font: 700 26px aloe; color: #001321; }
.faq-item .pergunta .icone { flex: none; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: #001321; transition: transform var(--transition2); }
.faq-item .pergunta .icone svg { width: 100%; height: 100%; display: block; }
.faq-item.aberto .pergunta .icone { transform: rotate(180deg); }

.faq-item .resposta { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--transition2) ease; }
.faq-item.aberto .resposta { grid-template-rows: 1fr; }
.faq-item .resposta-inner { min-height: 0; overflow: hidden; background: var(--branco); }
.faq-item .resposta-inner .style { padding: 22px 28px 24px; font: 15.5px / 1.9 montserrat; color: #0B0B0B; border: 2px solid #ECF1F7; }


.servicos-bg { background: #ECF1F7; padding: 90px 0 85px; }
.servicos .title { text-align: center; font: 700 45.99px / 1 aloe; color: #001321; margin-bottom: 40px;}
.servicos .title .ls { display: block; font: 500 20px montserrat; letter-spacing: 8px; margin-bottom: 40px; }
.servicos .fotos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 25px; }
.servicos .fotos .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 370/275; }
.servicos .fotos .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.servicos .ultimos { font: 700 135px aloe; -webkit-text-stroke: 2px #B1B5BA; color: transparent; margin-bottom: -55px; }

.servicos .btns { display: flex; align-items: center; justify-content: center; gap: 55px; padding: 80px 0 0; }
.servicos .btn-portfolio { display: flex; align-items: center; background: #000; padding: 10px 22px 10px 20px; width: fit-content; border-radius: 17.74px; color: #fff; gap: 8px; font: 700 17px / 1 montserrat; margin: 15px 0 0; }
.diferenciais .splide { position: relative; padding-bottom: 78px; }
.diferenciais .splide__track { z-index: 1; }
.diferenciais .splide__arrows { position: static; }

.diferenciais .splide__arrow { width: 48px; height: 48px; top: auto; bottom: 0; transform: none; background: var(--branco); border: 2px solid #969DAB; border-radius: 50%; opacity: 1; box-shadow: 0 4px 14px rgba(0, 0, 0, .08); transition: background var(--transition2), border-color var(--transition2), box-shadow var(--transition2); }
.diferenciais .splide__arrow svg { width: 1.05em; height: 1.05em; fill: #969DAB; transition: fill var(--transition2); }
.diferenciais .splide__arrow--prev { left: calc(50% - 54px); right: auto; }
.diferenciais .splide__arrow--next { right: calc(50% - 54px); left: auto; }

.diferenciais .splide__arrow:hover:not(:disabled) { background: #969DAB; border-color: #969DAB; box-shadow: 0 8px 20px rgba(150, 157, 171, .35); }
.diferenciais .splide__arrow:hover:not(:disabled) svg { fill: var(--branco); }
.diferenciais .splide__arrow:disabled { opacity: .35; }
.diferenciais .splide__arrow:focus-visible { outline: 3px solid #969DAB; outline-offset: 3px; }

.diferenciais .splide:not(.is-overflow) { padding-bottom: 0; }
.diferenciais .splide:not(.is-overflow) .splide__arrows { display: none; }

@media (max-width: 1280px) {
    .lavagem { gap: clamp(70px, 10vw, 120px); }
    .lavagens .title-parent .title { font-size: 36px; }
    .lavagem .cabecalho .numero { font-size: clamp(120px, 14vw, 186px); }
    .servicos .ultimos { font-size: clamp(100px, 8.5vw, 120px); text-align: center; }
    .video-container-bg { padding: 70px 0 50px; }
    .video-container { grid-template-columns: 1fr; gap: 30px; }
    .video-container .title .title-content br { display: none; }
    .video-container .video-parent .abs { display: none; }
}

@media (max-width:990px) {
    .btn-whats-mob {display: flex; margin: 15px auto 0;}
    .btn-whats-desk {display: none;}

    .lavagem { grid-template-columns: 1fr; gap: 30px; }
    .lavagem .gp-img > .img { max-height: 100%; margin: 0 auto; width: 90%; max-width: 435px; height: 325px; }
    .lavagem .gp-img > .img .abs { display: none; }
    .faq-bg { padding: 45px 0; }
    .faq .title-parent .title { font-size: 36px; }
    .lavagem-bg.par .lavagem .gp-img { order: 2; }
    .lavagem-bg.par .lavagem > .conteudo { order: 1; }
    .servicos .fotos { grid-template-columns: repeat(2, 1fr); }
    .diferenciais > .title { font-size: 32px; margin-bottom: 50px; }
    .lavagens-bg { padding-top: 50px; }
    .lavagens .title-parent { margin-bottom: 50px; }
    .lavagens .title-parent .title { font-size: 32px; }
    .lavagem-bg { padding: 40px 0 70px; }
    .lavagem .cabecalho .numero { display: none; }
    .lavagem .cabecalho .titulo { font-size: 36px; }
    .servicos-bg { padding: 60px 0 55px; }
    .servicos .title { font-size: 32px; margin-bottom: 20px;}
    .servicos .title .ls {margin-bottom: 20px;}
    .servicos .ultimos { font-size: 70px; margin-bottom: -30px; }
    .servicos .btns { padding-top: 50px; gap: 30px; }
}

@media (max-width:650px) {
    .faq .title-parent .title { font-size: 30px; }
    .faq-item .pergunta { gap: 16px; padding: 18px 18px; font-size: 16px; }
    .faq-item .resposta-inner .style { padding: 18px 18px 20px; }
    .diferenciais .splide { padding-bottom: 70px; }
    .diferenciais .splide__arrow { width: 44px; height: 44px; }
    .diferenciais .splide__arrow--prev { left: calc(50% - 50px); }
    .diferenciais .splide__arrow--next { right: calc(50% - 50px); }
    .video-container-bg { padding: 40px 0 30px; }
    .video-container .title .title-content { font-size: 30px; }
    .diferenciais > .title { font-size: 26px; margin-bottom: 35px; }
    .lavagens .title-parent { margin-bottom: 35px; }
    .lavagens .title-parent .title { font-size: 26px; }
    .lavagem-bg { padding: 30px 0 50px; }
    .lavagem .cabecalho .titulo { font-size: 28px; }
    .lavagem .cabecalho .titulo .ls { font-size: 16px; letter-spacing: 5px; }
    .lavagem .servicos-inclusos .header { letter-spacing: 4px; }
    .servicos-bg { padding: 50px 0 40px; }
    .servicos .title { font-size: 26px; }
    .servicos .ultimos { font-size: 48px; margin-bottom: -18px; }
    .servicos .fotos { grid-template-columns: 1fr; }
    .servicos .btns { flex-direction: column; align-items: center; gap: 15px; padding-top: 30px; }
    .video-container .title { gap: 15px; }
}