.servicos-hero-bg { padding: 60px 0 20px; }
.servicos-hero .titulo span { font: 700 16.33px montserrat; color: var(--cor3); text-transform: uppercase; letter-spacing: 3.52px; }
.servicos-hero .titulo p { font: 700 46px bebasneue; color: var(--preto-font); }
.servicos-hero .texto p { font: 400 15px/2 montserrat; color: var(--cinza-font); }

.servicos-lista-bg { padding: 40px 0 80px; }
.servicos-lista .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.servicos-lista .card { background: #fff; border: 1px solid #e8ebf3; margin: auto 0; padding: 24px; display: grid; justify-items: center; gap: 14px; box-shadow: 0 6px 14px rgba(0,0,0,.03); }
.servicos-lista .thumb img { width: 48px; height: 48px; object-fit: contain; }
.servicos-lista .label { font: 600 14px montserrat; color: var(--preto-font); text-align: center; }


.servico-bg { padding: 40px 0 80px; }
.servico { display: grid; grid-template-columns: 340px 1fr; gap: 36px; align-items: start; }
.servico .lista-servicos { display: grid; gap: 10px; top: 110px; align-self: start; }
.servico .lista-servicos .item {overflow: hidden; position: relative; background: #eef2fa; padding: 16px 18px; border-left: 6px solid transparent; transition: background .2s ease, filter .2s ease; }
.servico .lista-servicos .item::after {position: absolute; content: ''; right: -18px; bottom: -18px; rotate: 45deg; width: 36px; height: auto; aspect-ratio: 1/1; background: var(--cor1);}
.servico .lista-servicos .item .label { font: 600 14px/1.35 montserrat; color: var(--preto-font); }
.servico .lista-servicos .item:hover { filter: brightness(0.98); }
.servico .lista-servicos .item.active { background: var(--cor1);}
.servico .lista-servicos .item.active .label { color: #fff; }
.servico .lista-servicos .item.active::after { background: var(--cor3); }

.servico .conteudo { background: #fff;}
.servico .conteudo .img img { width: 100%; height: 320px; object-fit: cover; display: block; }
.servico .conteudo .titulo { font: 700 50.45px bebasneue; color: var(--preto-font); text-transform: uppercase; margin: 70px 0 40px; }
.servico .conteudo .texto { font: 400 15px/1.9 montserrat; color: var(--cinza-font); display: grid; gap: 16px; }
.servico .conteudo .texto p { margin: 0; }

.servico .servicos-mobile { display: none; }

@media (max-width: 1250px) {
  .servico { grid-template-columns: 300px 1fr; }
  .servico .conteudo .titulo { font-size: 46px; }
  .servico .conteudo .img img { height: 300px; }
}

@media (max-width: 1024px) {
  .servicos-lista .grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 990px) { 
  .servico-bg {padding: 40px 0;}
  .servico .conteudo .titulo {margin: 30px 0;}
  .servico { grid-template-columns: 1fr; gap: 20px}
  .servico .servicos-mobile { display: block; background: var(--cor1); color: var(--branco); font: 600 14px/1.35 montserrat; padding: 16px 18px; text-align: center;}
  .servico .lista-servicos {display: none;}
}
@media (max-width: 720px) {
  .servico .conteudo { padding: 20px; }
  .servico .conteudo .titulo { font-size: 31px; }
  .servico .conteudo .img img { height: 220px; }
  .servicos-lista .grid { grid-template-columns: repeat(2, 1fr); }
}