/* =========================
   News & Events module
   Adaptado do layout exemplo
========================= */


.post_listing_module {
  padding: 68px 56px;
  background:#fff;
}


.post_listing_module__inner {
  max-width:1180px;
  width:100%;
  margin:0 auto;
}


/* categorias */

.post_listing_module__filters {
  margin-bottom:40px;
  border-bottom:1px solid var(--line);
}


.post_listing_module__tabs {
  display:flex;
  gap:28px;
  margin-top: 44px;

}


.post_listing_module__tabs a {
  padding-bottom:14px;
  color:var(--pine);
  font-weight:700;
  text-decoration:none;
  border-bottom:3px solid transparent;
}


.post_listing_module__tabs a:hover,
.post_listing_module__tabs a.is-active {
  color:var(--green);
  border-bottom-color:var(--lime);
}


/* select mobile */

.post_listing_module__select {
  display:none;
}



/* =========================
   Featured article
========================= */


.post_listing_module__featured {

  position:relative;
  display:block;

  min-height:420px;

  border-radius:16px;

  overflow:hidden;

  border:none;

  background:#14210f;

}


.post_listing_module__featured_image {

  position:absolute;
  inset:0;

}


.post_listing_module__featured_image img {

  width:100%;
  height:100%;

  object-fit:cover;

}


.post_listing_module__placeholder {

  height:100%;

  background:linear-gradient(
    180deg,
    var(--pine-2),
    var(--pine)
  );

}


.post_listing_module__featured:before {

  content:"";

  position:absolute;
  inset:0;

  background:
  linear-gradient(
    0deg,
    rgba(15,24,10,.85),
    rgba(15,24,10,.15)
  );

  z-index:1;

}


.post_listing_module__featured_content {

  position:relative;

  z-index:2;

  padding:220px 32px 36px;

}


.post_listing_module__meta_top {

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:14px;

  color:#fff;

}


.post_listing_module__badge {

  position:static;

  background:var(--lime);

  color:var(--pine);

  padding:5px 10px;

  border-radius:6px;

  font-size:13px;

  font-weight:700;

}


.post_listing_module__featured h2 {

  margin:0 0 10px;

  font-size:32px !important;

  line-height:1.2;

  color:#fff;

}


.post_listing_module__featured h2 a {

  color:#fff;

}


.post_listing_module__featured p {

  max-width:600px;

  margin:0;

  color:#E9EDE2;

  font-size:16px;

  line-height:1.55;

}


.post_listing_module__featured_footer {

  display:none;

}



/* =========================
   Heading
========================= */


.post_listing_module__heading_row {

  margin:40px 0 36px;

}


.post_listing_module__heading_row h1 {

  margin:0;

  color:var(--pine);

  font-size:32px;

}



/* =========================
   Cards
========================= */


.post_listing_module__grid {

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:22px;

}


.post_listing_module__card {

  background:#f4f3ec;

  border:none;

  border-radius:14px;

  min-height:auto;

  overflow:hidden;

}


.post_listing_module__image {

  display:none;

}


.post_listing_module__card_body {

  padding:26px;

  height:auto;

}


.post_listing_module__category {

  display:inline-block;

  background:#DCEBC2;

  color:var(--pine);

  padding:5px 10px;

  border-radius:6px;

  font-size:13px;

  font-weight:700;

  margin-bottom:12px;

}


.post_listing_module__card h3 {

  margin:0 0 12px;

  font-size:20px;

  color:var(--pine);

}


.post_listing_module__card p {

  margin:0;

  color:var(--ink-3);

  font-size:15px;

  line-height:1.55;

}


.post_listing_module__card_footer {

  display:none;

}



/* =========================
   Mobile
========================= */


@media(max-width:900px){

  .post_listing_module {

    padding:50px 24px;

  }


  .post_listing_module__grid {

    grid-template-columns:1fr 1fr;

  }

}



@media(max-width:560px){

  .post_listing_module__tabs {

    display:none;

  }


  .post_listing_module__select {

    display:block;

    width:100%;

  }


  .post_listing_module__grid {

    grid-template-columns:1fr;

  }


  .post_listing_module__featured_content {

    padding:170px 24px 28px;

  }


}