/* Categorias Servicos Home */
.categorias-servicos-home {
  position: relative;
  z-index: 2;
}

.categorias-servicos-home .item {
  padding: 10px 5px;
  box-shadow: 0px 2px 15px var(--color-01-opacity);
  border-radius: 10px;
  transition: all ease-in-out 0.3s;
  color:  var(--color-08) !important;
}

.categorias-servicos-home .item:hover {
  background:  var(--color-03);
  color:  var(--color-01) !important;
}  

.categorias-servicos-home .item img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 20px;
}

.categorias-servicos-home .item h3 {
  font-weight: 700;
  font-size: 16px;
  text-align:center;
}

.categorias-servicos-home .item h3:hover {
  transition: 0.3s;
}

.categorias-servicos-home .titulo h3 {
  font-weight: 700;
  font-size: 26px;
}

.categorias-servicos-home .ver-mais {
  margin-top:10px;
  margin-right:5px;
  padding:5px;  
  transition: 0.3s;
  font-weight: 600;    
  transition: 0.3s;
  font-size: 15px;
  float:right;  
  color:  var(--color-08);
} 

.categorias-servicos-home .ver-mais:hover {
  color:  var(--color-03);
  transition: 0.3s;
} 
 
.categorias-servicos-home .ver-mais:hover {
  color:  var(--color-03);
  transition: 0.3s;
} 

.categorias-servicos-home .mais-servicos a {
  background: var(--color-04);
  padding:5px;  
  transition: 0.3s;
  font-weight: 600;
  font-size: 20px !important;
  font-style: italic;     
} 

.categorias-servicos-home .mais-servicos:hover {
  color:  var(--color-03);
  transition: 0.3s;
}

/* Listagem Categorias Página*/

.servicos .lista-categorias {
  margin-bottom: 40px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}

.servicos .lista-categorias .link {
  padding:10px 15px;
  background: var(--color-01-dark2);
  color: var(--color-03);  
  font-weight: 700;
}

.servicos .lista-categorias .link a {
  color: var(--color-01);  
}

.servicos .lista-categorias .link:hover {
  background: var(--color-03);
}

.link-active {
  background: var(--color-03)!important; 
  color: var(--color-01)!important; 
}

.link-active a {
  color: var(--color-01)!important; 
}

/* Listagem Categorias Home */

.servicos .categorias-cards-home{
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  height: 250px;
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: center center !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-bottom:2em;
}

.servicos .categorias-cards-home .nome {
  margin-top: auto !important;
  background: var(--color-03-opacity); 
  color: var(--color-01);
  padding:10px 12px 40px 12px;
  font-size: 1.2em;
  font-weight: 500; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
}

/* Listagem Categorias */
.servicos .categorias-cards {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 350px;
  margin-bottom: 25px;
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: center center !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.servicos .categorias-cards .nome {
  background: var(--color-01-opacity); 
  color: var(--color-08);
  padding:20px 20px;
  font-size: 1.75em;
  font-weight: 500; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.servicos .card .card-img {
  height: 400px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.servicos .card .title {
  text-align: center;
}


/* Servico */

.servicos .item {
  margin-bottom:25px;
  display:flex;
  flex-direction: row;
  border-bottom: 2px solid var(--color-01-dark2);
}

.servicos .item .img {
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.servicos .item .dados {
  padding: 10px;
  background: var(--color-01);
  text-align: left;
}

.servicos .item .dados .title {
  font-size: 1em;
  font-weight: 600;
  color: var(--color-08);
}

.servicos .item .dados .title:hover{
  color: var(--color-03) !important;
}

.servicos .btn-cta{
  font-size: 1.4em;
  width: 270px;
  padding: 10px;
  background: var(--color-03);
  color: var(--color-01);
  text-align: center; 
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}

.servicos .btn-cta:hover {
  color: var(--color-01);
  background-color:  var(--color-04);
  transition: 0.3s;
} 

@media (max-width: 768px) {
  .servicos .item {
    display:column;
    flex-direction: column-reverse;
  }
  .servicos .item h4{
    font-size: 1.25em;
  }
  .servicos .item p{
    font-size: 0.9em;
  }
  .servicos .item .img {
    width: 100%;
    height: 180px;
  }  
}