:root {
  --neutral-100: #ffffff;
  --neutral-200: #ebf0f5;
  --neutral-300: #ced7e0;
  --neutral-600: #455766;
  --neutral-700: #25323d;
  --neutral-800: #152029;
  --neutral-900: #090f14;
}

body.darkmode {
  --neutral-100: #090f14;
  --neutral-200: #25323d;
  --neutral-300: #25323d;
  --neutral-600: #9aabb8;
  --neutral-700: #ced7e0;
  --neutral-800: #ebf0f5;
  --neutral-900: #ffffff;
}

.themes-recomended {
  padding: 34px 48px 80px 48px;
}
@media (max-width: 990px) {
  .themes-recomended {
    padding: 34px 16px 60px 16px;
  }
}
@media (max-width: 767px) {
  .themes-recomended {
    padding: 74px 16px 60px 16px;
  }
}
.themes-recomended.with-separator {
  position: relative;
}
.themes-recomended.with-separator:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 100vw;
  height: 1px;
  background-color: var(--neutral-300);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (-webkit-device-pixel-ratio: 1.25) {
  .themes-recomended.with-separator:after {
    zoom: 1.3;
  }
}
@media (-webkit-device-pixel-ratio: 1.5) {
  .themes-recomended.with-separator:after {
    zoom: 1.5;
  }
}
.themes-recomended .field--name-field-section-title {
  color: var(--neutral-900);
  font-size: 28px;
  font-family: "Archivo_SemiExpanded", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0;
  padding: 0 30px 34px;
}
@media (max-width: 767px) {
  .themes-recomended .field--name-field-section-title {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 24px;
    line-height: 32px;
    padding: 0 0 34px;
  }
}
@media (max-width: 767px) {
  .themes-recomended .field--name-field-image img,
  .themes-recomended .field--name-field-secundary-image img {
    aspect-ratio: 117/117;
    object-fit: cover;
  }
}
.themes-recomended.paragraph--type--highlight-small-agenda {
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .themes-recomended.paragraph--type--highlight-small-agenda {
    padding-bottom: 45px;
  }
}
.themes-recomended.paragraph--type--highlight-small-agenda .views-element-container .view-content article .content-area {
  padding-right: 51px;
}
@media (max-width: 767px) {
  .themes-recomended.paragraph--type--highlight-small-agenda .views-element-container .view-content article .content-area {
    padding-right: 0;
  }
}