.planeacion-ods {
  overflow: clip;
}
.planeacion-ods__goals.servicios-grid {
  padding: 0 0 36px;
  background: var(--servicios-grid-bg, #ffffff);
}
.planeacion-ods__goals .servicios-grid__container {
  max-width: 1299px;
  padding-inline: 48px;
}
.planeacion-ods__goals .servicios-grid__header {
  display: flex;
  min-height: 143px;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.planeacion-ods__goals .servicios-grid__title {
  margin: 0;
  font-size: var(--jav-font-h2);
  line-height: 1.1;
  text-wrap: balance;
}
.planeacion-ods__goals .servicios-grid__grid {
  --servicios-grid-cols: 3;
  --servicios-grid-gap: 18px;
  width: min(100%, 1202px) !important;
}
.planeacion-ods__goals .servicios-grid__card {
  flex-basis: calc((100% - 36px) / 3);
  min-height: 358px;
  height: 358px;
}
.planeacion-ods__goals .servicios-grid__interactive-image::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 68.5%);
}
.planeacion-ods__goals .servicios-grid__icon {
  display: none;
}
.planeacion-ods__goals .servicios-grid__face--back {
  justify-content: center;
  background: var(--servicios-grid-card-back-bg, #e5ecf8);
}
.planeacion-ods__goals .servicios-grid__face--back .servicios-grid__body {
  padding: 44px 32px;
}
.planeacion-ods__goals .servicios-grid__face--front .servicios-grid__card-title {
  padding-inline: 20px;
}

@media (max-width: 1023px) {
  .planeacion-ods__goals .servicios-grid__container {
    padding-inline: 36px;
  }
}
@media (max-width: 767px) {
  .planeacion-ods {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .planeacion-ods__goals.servicios-grid {
    padding: 0 0 48px;
  }
  .planeacion-ods__goals .servicios-grid__container {
    width: 100%;
    max-width: 100%;
    padding-inline: 24px;
  }
  .planeacion-ods__goals .servicios-grid__header {
    min-height: 0;
    margin: 0;
    padding: 42px 0 32px;
  }
  .planeacion-ods__goals .servicios-grid__title {
    font-size: var(--jav-font-h3);
  }
  .planeacion-ods__goals .servicios-grid__accordion {
    gap: 12px;
  }
  .planeacion-ods__goals .servicios-grid__acc-item, .planeacion-ods__goals .servicios-grid__acc-btn, .planeacion-ods__goals .servicios-grid__acc-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}