.hero-blog {
  background: url(../../assets/img/bg-hero-blog.webp);
  background-size: cover;
}

img.blog-app-site {
  max-width: 350px;
  margin: 0 auto;
  display: flex;
}

h1 {
  font-size: 4.5rem;
}

.carrousel-conteudo-blog-categorias,
.carrousel-conteudo-blog-recentes {
  min-height: 300px;
  padding: 20px;
  display: flex;
  align-items: center;
  background-size: cover !important;
  background-position: center center !important;
  justify-content: center;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  flex-direction: column;
  overflow: hidden;
}

.carrousel-conteudo-blog-categorias:before,
.carrousel-conteudo-blog-recentes::before,
.carrousel-conteudo-blog-desenvolvimentoID::before,
.carrousel-conteudo-blog-privacidadeID::before,
.card-destaque-imagem::before {
  content: "";
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.65172006302521) 40%,
    rgba(0, 0, 0, 0) 66%
  );
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 20px;
}
.carrousel-conteudo-blog-categorias::after,
.carrousel-conteudo-blog-recentes::after,
.carrousel-conteudo-blog-desenvolvimentoID::after,
.carrousel-conteudo-blog-privacidadeID::after,
.carrousel-conteudo-blog-maisEMcategoria::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #951ddb00;
  transition: background 0.4s ease;
}
.carrousel-conteudo-blog-categorias:hover::after,
.carrousel-conteudo-blog-recentes:hover::after,
.carrousel-conteudo-blog-desenvolvimentoID:hover::after,
.carrousel-conteudo-blog-privacidadeID:hover::after,
.carrousel-conteudo-blog-maisEMcategoria:hover::after {
  background: #951ddb52;
  z-index: -1;
}
.card-destaque-imagem.before-unset::before {
  display: none;
}

.swiper-pagination-categorias,
.swiper-pagination-recentes,
.swiper-pagination-desenvolvimentoID,
.swiper-pagination-privacidadeID {
  top: 20px !important;
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.post-img-destaque {
  height: 450px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 20px;
}

div#posts-categorias a {
  text-decoration: unset;
}

.post-destaque-titulo {
  font-size: 2rem;
}

.post-destaque-descricao {
  font-size: 15px;
}

.card-destaque-imagem {
  border-radius: 20px;
  padding: 40px;
  height: 550px;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.carrousel-conteudo-blog-recentes,
.carrousel-conteudo-blog-desenvolvimentoID,
.carrousel-conteudo-blog-privacidadeID {
  height: 500px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  color: white;
  flex-direction: column;
  padding: 25px;
  border-radius: 20px;
  z-index: 1;
  position: relative;
  background-size: cover;
  overflow: hidden;
}

.mb-max-400 {
  max-height: 450px;
}
.swiper-button-prev-categorias,
.swiper-button-next-categorias,
.swiper-button-next-recentes,
.swiper-button-prev-recentes,
.swiper-button-next-desenvolvimentoID,
.swiper-button-prev-desenvolvimentoID,
.swiper-button-prev-privacidadeID,
.swiper-button-next-privacidadeID,
.swiper-button-prev-maisEMcategoria,
.swiper-button-next-maisEMcategoria {
  background: #f5f5f5;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #951ddb;
  align-content: center;
}
.swiper-button-prev-categorias::after,
.swiper-button-next-categorias::after,
.swiper-button-next-recentes::after,
.swiper-button-prev-recentes::after,
.swiper-button-next-desenvolvimentoID::after,
.swiper-button-prev-desenvolvimentoID::after,
.swiper-button-next-privacidadeID::after,
.swiper-button-prev-privacidadeID::after,
.swiper-button-next-maisEMcategoria::after,
.swiper-button-prev-maisEMcategoria::after {
  color: #951ddb;
  font-size: 25px;
  font-weight: bold;
}
.swiper-button-prev-categorias,
.swiper-button-prev-recentes,
.swiper-button-prev-desenvolvimentoID,
.swiper-button-prev-privacidadeID,
.swiper-button-prev-maisEMcategoria {
  left: 20px;
}
.swiper-button-next-categorias,
.swiper-button-next-recentes,
.swiper-button-next-desenvolvimentoID,
.swiper-button-next-privacidadeID,
.swiper-button-next-maisEMcategoria {
  right: 20px;
}
@media (max-width: 991.85px) {
  img.blog-app-site {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 200px;
  }

  .dp-md-none {
    display: none;
  }

  .post-img-destaque,
  .card-destaque-imagem {
    height: 500px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767.85px) {
  section span {
    font-size: 16px;
  }

  .post-destaque-titulo {
    font-size: 22px !important;
  }

  .mb-max-400 {
    height: 400px;
  }
}

@media (max-width: 700px) {
  img.blog-app-site {
    width: 140px;
  }

  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 570px) {
  img.blog-app-site {
    width: 125px;
    top: 15px;
    right: 15px;
  }

  h1 {
    font-size: 2.5rem;
  }
}