#block-cdc-theme-breadcrumbs-2 ol {
  margin: 0;
  padding-bottom: 3rem;
}

.blog-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.blog-header .field--name-field-banner-blog {
  order: 1;
  max-width: 100%;
}
.blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel {
  margin: 0 auto !important;
}
.blog-header .blog-page-title {
  order: 2;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.blog-header .blog-page-title .title {
  font-family: "Poppins Bold", sans-serif;
  color: #333333;
  line-height: 2rem;
  font-size: 1.5rem;
}
.blog-header .field--name-field-categorias-blog {
  order: 3;
}
.blog-header .field--name-field-artigos-blog {
  order: 4;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .blog-header .field--name-field-categorias-blog .view-content.row {
    justify-content: center;
  }
}
@media (min-width: 64rem) {
  .blog-header {
    display: grid;
    grid-template-columns: 1fr auto minmax(auto, 350px);
    grid-template-rows: auto 1fr;
    grid-template-areas: "banner title title" "banner categories articles";
    gap: 0 1rem;
    margin-bottom: 3rem;
  }
  .blog-header .field--name-field-banner-blog {
    grid-area: banner;
    margin: 0 0 0 auto;
  }
  .blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel {
    margin-bottom: 0 !important;
    height: 100%;
  }
  .blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel lgr-slider {
    height: 100%;
  }
  .blog-header .blog-page-title {
    grid-area: title;
    height: fit-content;
    max-width: 818px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .blog-header .blog-page-title .title {
    font-size: 2rem;
    line-height: 3rem;
  }
  .blog-header .field--name-field-categorias-blog {
    grid-area: categories;
  }
  .blog-header .field--name-field-artigos-blog {
    grid-area: articles;
  }
}
@media (max-width: 1024px) {
  .blog-header {
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .block-header-categorias-banner-wrapper {
    --margin-right: calc(calc(calc(100vw - 1140px) / 2) + 12px);
    display: flex;
    justify-content: flex-end;
    margin-right: calc((100vw - 1140px) / 2 + 12px);
  }
  .block-header-categorias-banner-wrapper .blog-header {
    grid-template-columns: calc(376px + var(--margin-right) - 40px) 414px 350px !important;
  }
  .block-header-categorias-banner-wrapper .blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .block-header-categorias-banner-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: calc((100vw - 1320px) / 2 + 12px);
  }
  .block-header-categorias-banner-wrapper .blog-header {
    grid-template-columns: 583px 464px 300px !important;
    grid-template-columns: calc(100vw - 764px - ((100vw - 1320px) / 2 + 12px)) 464px 300px !important;
  }
  .block-header-categorias-banner-wrapper .blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel {
    max-width: 100%;
  }
}
@media (min-width: 1441px) {
  .block-header-categorias-banner-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: calc((100vw - 1320px) / 2 + 12px);
  }
  .block-header-categorias-banner-wrapper .blog-header {
    grid-template-columns: 583px 464px 300px !important;
  }
  .block-header-categorias-banner-wrapper .blog-header .field--name-field-banner-blog .paragraph--type--banner-carousel {
    max-width: 100%;
  }
}

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