.blog__banners {
  background: #1D465C;
}
.blog__banners .posts__card__cats__item {
  color: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.blog__banners__inner {
  position: relative;
  margin: 5em 0 5.625em;
  display: grid;
  gap: var(--g2);
  z-index: 3;
}
.blog__banners__inner__title {
  color: var(--white-color);
  display: block;
  font-weight: normal;
  font-size: var(--title-x-large);
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .blog__banners__inner__title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .blog__banners__inner__title {
    font-size: 28px;
  }
}
.blog__banners__inner p {
  font-weight: 500;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog__banners__inner .bt {
  margin-top: 20px;
}
.blog__banners .banners__card__thumb {
  width: 60%;
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .blog__banners .banners__card__thumb {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .blog__banners .banners__card__thumb {
    width: 50%;
  }
}
.blog__banners .banners__card::before {
  content: "";
  width: 90%;
  background: linear-gradient(90deg, #1D465C 48.21%, rgba(29, 70, 92, 0) 78.95%);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .blog__banners .banners__card::before {
    width: 100%;
    background: linear-gradient(90deg, #1D465C 50%, rgba(29, 70, 92, 0) 120%);
  }
}
@media (min-width: 1600px) {
  .blog__banners .banners__card::before {
    width: 110%;
  }
}
@media (max-width: 767px) {
  .blog__main {
    padding-top: 0;
  }
}
.blog__filtros {
  background: var(--primary-color);
  padding: 57px 0;
}
@media (max-width: 767px) {
  .blog__filtros {
    padding: 30px 0;
  }
}
.blog__filtros input, .blog__filtros select, .blog__filtros button {
  height: 50px;
  border: none;
}
.blog__filtros input[type=search] {
  padding-right: 60px;
}
.blog__filtros__busca {
  position: relative;
}
.blog__filtros__busca .bt {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 50px;
  border-radius: 6px 0 6px 6px;
}
.blog__categories {
  position: relative;
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .blog__categories {
    margin-bottom: 40px;
  }
}
.blog__categories__title {
  font-weight: 800;
  font-size: var(--text);
  text-transform: uppercase;
  display: block;
  text-align: center;
  letter-spacing: 0.2em;
  color: var(--tertiary-color);
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .blog__categories .nav-arrows .swiper-button-prev {
    left: 0;
  }
  .blog__categories .nav-arrows .swiper-button-next {
    right: 0;
  }
}
@media (max-width: 767px) {
  .blog__categories .nav-arrows {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
  }
  .blog__categories .nav-arrows .swiper-button-prev, .blog__categories .nav-arrows .swiper-button-next {
    position: static;
  }
  .blog__categories .nav-arrows .swiper-button-prev:not(.blog__categories .nav-arrows .swiper-button-prev:hover, .blog__categories .nav-arrows .swiper-button-next:hover), .blog__categories .nav-arrows .swiper-button-next:not(.blog__categories .nav-arrows .swiper-button-prev:hover, .blog__categories .nav-arrows .swiper-button-next:hover) {
    background: var(--tertiary-color);
  }
}
.blog__categories__wrapper {
  position: relative;
}
@media (min-width: 768px) {
  .blog__categories__list {
    margin: 0 50px;
  }
}
.blog__categories__list .item .btn-cat {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 100px;
  text-align: center;
  padding: 10px;
  height: 100%;
  display: grid;
  align-items: center;
}
.blog__categories__list .item .btn-cat span {
  font-weight: 700;
  font-size: 10px;
  line-height: 1em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.blog__categories__list .item .btn-cat p {
  font-weight: 700;
  font-size: 12px;
  color: #9E9A9A;
  margin-bottom: 0;
}
.blog__categories__list .item .btn-cat:hover, .blog__categories__list .item .btn-cat.active {
  background: var(--secondary-color);
}
.blog__categories__list .item .btn-cat:hover span, .blog__categories__list .item .btn-cat:hover p, .blog__categories__list .item .btn-cat.active span, .blog__categories__list .item .btn-cat.active p {
  color: var(--white-color);
}

/*# sourceMappingURL=blog.css.map */