/* markup: paragraph--latest-articles.html.twig */

.latest-articles {
  margin-bottom: 32px;
}

.latest-articles a.all-articles-buttons {
  border-radius: 4px;
  border: 0.6px solid #0B5834;
  background: #FFF;
  display: flex;
  height: 40px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  color: #0B5834;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.latest-articles a.all-articles-buttons:hover {
  background-color: #084027;
  color: #fff;
}

.latest-articles .block-title {
  color: #3B3B3B;
  text-align: left;
  margin-top: 0;
  margin-bottom: 32px;
  padding-top: 40px;
  position: relative;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.latest-articles .block-title:before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
}

.latest-articles .col-link {
  margin-bottom: 48px;
}

.latest-articles .article-card {
  border-radius: 10px;
  border: 1.4px solid #E7E7E7;
  background: #F9FAFB;
  overflow: hidden;
  padding: 8px;
}

.latest-articles .article-title {
  color: #3C3C3B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.latest-articles .article-link-more {
  color: var(--Blue, #0075DF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  margin-top: auto;
}

.latest-articles .article-content {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .latest-articles {
    margin-bottom: 64px;
  }
}

@media only screen and (min-width: 992px) {

}


/* MOVIL */
@media only screen and (max-width: 768px) {

  .latest-articles .row .col-8:has(.all-articles-buttons) {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .latest-articles .view-content.row {
    gap: 16px;
  }
}