/**
 *
 * info: Estilo para o leia mais
 * handle: read-more
 * version: 1.0.1
 *
 */
.read-more > div {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.read-more h2 {
  color: var(--clr-blue-1);
}
.read-more .read-more__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 24px;
}
@media ((min-width: 992px)) {
  .read-more .read-more__list {
    flex-direction: row;
  }
  .read-more .read-more__list > li {
    width: 33.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
  }
}