/* ==========================================================================
   Listado de Servicios: grilla trasladada desde el code component
   ========================================================================== */
.view-servicios {
  margin-top: 32px;
}

.view-servicios .views-view-responsive-grid {
  --views-responsive-grid--column-count: 1 !important;
  --views-responsive-grid--layout-gap: 20px !important;
}

.view-servicios .views-view-responsive-grid__item,
.view-servicios .views-view-responsive-grid__item-inner {
  display: flex;
  min-width: 0;
}

.view-servicios .views-view-responsive-grid__item-inner {
  flex: 1;
}

@media (min-width: 768px) {
  .view-servicios .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--layout-gap: 24px !important;
  }
}

@media (min-width: 1024px) {
  .view-servicios .views-view-responsive-grid {
    --views-responsive-grid--column-count: 3 !important;
  }
}

@media (min-width: 1440px) {
  .view-servicios .views-view-responsive-grid {
    --views-responsive-grid--column-count: 4 !important;
  }
}

@media (max-width: 767px) {
  .view-servicios {
    margin-top: 24px;
  }

  .view-servicios .views-view-responsive-grid__item {
    width: 100%;
    max-width: 520px;
  }
}