/* ===============================
CARDS SOBRE HEADER (ESTÁVEL)
=============================== */

.cards-over-header{
  position: relative;
  z-index: 10;

  transform: translateY(-140px);
}

/* Card base */

.cards-over-header .card{
  background:#fff;
  border-radius:12px;
}

/* Card altura dinâmica */

.card-fixo{
  width:100%;
  min-height:260px;
  display:flex;
}

.card-body{
  display:flex;
  flex-direction:column;
}

.card-body .btn{
  margin-top:auto;
}

/* ===============================
NOTEBOOKS
=============================== */

@media (max-width:1366px){

  .cards-over-header{
    transform: translateY(-90px);
  }

  .section-servicos{
    padding-top:110px;
  }

}

/* ===============================
TABLETS
=============================== */

@media (max-width:992px){

  .cards-over-header{
    transform: translateY(-60px);
  }

  .section-servicos{
    padding-top:80px;
  }

}

/* ===============================
MOBILE
=============================== */

@media (max-width:768px){

  .cards-over-header{
    transform:none;
    margin-top:30px;
  }

  .section-servicos{
    padding-top:60px;
  }

  .card-fixo{
    min-height:auto;
  }

}