/**ESTILOS PARA COLUMNAS DE WP**/

:root {
  --color-black-grid: #1f1f1f;
  --color-gray-grid: #d5d5d5;
}

.ndc_ctn .td_block_inner {
  display: grid;
  grid-template-rows: auto;
  column-gap: 20px;
}

/**ESTILOS PARA WP**/

.ndc_itm {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
}

.cst_ctn {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: auto;
}

.cst_ctn_module_1 {
  justify-content: flex-start !important;
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
}

.cst_ctn_module_2 {
  justify-content: flex-start !important;
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
}

.cst_ctn_module_3 {
  margin: 0 0 15px !important;
  padding: 0 0 15px !important;
}

.title_h2 {
  color: var(--color-black-grid) !important;
  font-size: 22px;
  line-height: 29px;
  font-weight: 700 !important;
  border-top: 1px solid var(--color-gray-grid);
}

.title_h2_module_1 {
  margin: 10px 0 0 !important;
}

.title_h2_module_2 {
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
}

.title_h2_module_3 {
  margin: 0 0 10px !important;
}

.image_container_grid {
  position: relative;
}

.image_container_grid::before {
  display: block;
  content: "";
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
}

.image_container_grid.image_container_module_1::before {
  display: block;
  content: "";
  padding-bottom: 82.025%;
}

.image_container_grid img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.image_container_module_1 img {
  border-radius: 4px;
  margin: 0 0 !important;
}

.image_container_module_2 img {
  border-radius: 4px;
  margin: 0 0 !important;
}

.image_container_module_3 img {
  margin: 5px 0 !important;
}

/**RESPONSIVE**/

@media (min-width: 769px) {
  .ndc_sc1 .td_block_inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .ndc_sc2 .td_block_inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .ndc_sc3 .td_block_inner {
    grid-template-columns: repeat(3, 1fr);
  }

  .ndc_sc4 .td_block_inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .cst_ctn {
    margin-bottom: 25px;
  }
}