.mod4-comunidades {
  display: flex;
  width: var(--360-575-page-width, 360px);
  padding: var(--size-space-40, 40px) var(--360-575-page-margin, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-32, 32px);
  box-sizing: border-box;
  justify-self: center;
  position: relative;
}


.mod4-comunidades__header-content {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-16, 16px);
  align-self: stretch;
}

.mod4-comunidades__header-title {
  margin: 0;
  text-align: center;
}

.mod4-comunidades__header-text {
  margin: 0;
  color: var(--Color-Content-General-2, #707070);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
}

.mod4-comunidades__swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  margin-block: 20px;
}

.mod4-comunidades__swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 24px;

}

/*
  SWIPER ITEM
*/

.mod4-comunidades__slide {
  display: flex;
  width: 269px !important;
  height: auto !important;
  padding: var(--size-space-80, 80px) var(--size-space-24, 24px) var(--size-space-96, 96px) var(--size-space-24, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-16, 16px);
  align-self: stretch;
  border-radius: var(--border-radius-l, 16px);
  background: var(--Color-Surface-General-Inverse, #00402A);
  position: relative;
  box-sizing: border-box;
  color: var(--Color-Surface-General-1, #FFF);
  cursor: pointer;
  user-select: none;
}

.mod4-comunidades__slide:active {
  cursor: grabbing;
}

.mod4-comunidades__slide-text,
.mod4-comunidades__slide-title {
  margin: 0px;
  padding:0px;
  color:#fff;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
}

.mod4-comunidades__swiper-number {
  position: absolute;
  left: 16px;
  bottom: 0px;
  color: var(--Color-Surface-General-1, #FFF);
  font-family: 'IberPangeaText-SmBold';
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
}

.swiper-pagination-mod4-comunidades {
  bottom: calc(0px - 18px) !important;
}


.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: #00A443 !important;
  background-color:#00A443 !important;
}

.mod4-comunidades__footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mod4-comunidades__footer-button {
  display: flex;
  max-width: 235px;
  height: 56px;
  padding: var(--border-radius-none, 0) var(--size-space-40, 40px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--border-radius-none, 0);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--border-radius-xl, 100px);
  background: var(--Color-Button-Background-Active-1, #2F6852);
  box-sizing: content-box;

  text-decoration: none;
  color: var(--Color-Button-Content-Active-1, #FFFAF6);
  text-align: center;
}

.mod4-comunidades__footer-button:hover,
.mod4-comunidades__footer-button:focus {
  color: #FFF;
}


@media (min-width: 576px) {
  .mod4-comunidades {
    width: var(--576-767-page-width, 576px);
    padding: var(--size-space-40, 40px) var(--576-767-page-margin, 42px);
  }

  .mod4-comunidades__slide {
    width: 320px !important;
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .mod4-comunidades {
    width: var(--768-1023-page-width, 768px);
    padding: var(--size-space-40, 40px) var(--768-1023-page-margin, 42px);
  }

  .mod4-comunidades__slide {
    width: 304px !important;
    height: auto !important;
  }


  .mod4-comunidades__footer-button {
    max-width: 315px;
  }
}

@media (min-width: 992px) {
  .mod4-comunidades {
    width: var(--992-1199-page-width, 992px);
    padding: var(--size-space-40, 40px) var(--992-1199-page-margin, 82px);
  }

  .mod4-comunidades__swiper-container .swiper-wrapper {
    display: flex;
    justify-content: center;
    gap: 24px;
  }

  .mod4-comunidades__slide {
    flex: 1 0 0;
    cursor: default;
  }
}

@media (min-width: 1200px) {
  .mod4-comunidades {
    width: var(--1200-1399-page-width, 1200px);
    padding: var(--size-space-40, 40px) var(--1200-1399-page-margin, 102px);
  }
}



@media (min-width: 1920px) {
  .mod4-comunidades {
    width: var(--14001920-page-width, 1920px);
    padding: var(--size-space-40, 40px) var(--14001920-page-margin, 324px);
  }
}