/*
    - Name: "view-events-related-events.scss"
    - Description: "Add custom styles to views in related events"
*/
.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) {
  position: relative;
  padding: var(--spacingMd) 0;
}

.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row):after {
  content: "";
  display: block;
  background-color: var(--colorGreys100);
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -10;
}

.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
  max-width: var(--gridContainerMaxWidthXs);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--spacingSm);
  padding-left: var(--spacingSm);
  box-sizing: border-box;
  padding-right: 0;
}

@media all and (min-width: 36rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
    max-width: var(--gridContainerMaxWidthSm);
  }
}
@media all and (min-width: 50.0625rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
    max-width: var(--gridContainerMaxWidthMd);
    padding-right: var(--spacingMd);
    padding-left: var(--spacingMd);
  }
}
@media all and (min-width: 62rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
    max-width: var(--gridContainerMaxWidthLg);
  }
}
@media all and (min-width: 78rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
    max-width: var(--gridContainerMaxWidthXl);
  }
}
@media all and (min-width: 82.5rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block {
    max-width: var(--gridContainerMaxWidthXxl);
    padding-right: 0;
    padding-left: 0;
  }
}
.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades {
  width: 100%;
}

@media all and (min-width: 36rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacingMd);
  }
}
.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .views-row {
  width: calc(25% - 18px);
}

@media all and (max-width: 62rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .views-row {
    width: calc(50% - 16px);
  }
}
@media all and (max-width: 36rem) {
  .block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .views-row {
    width: 100%;
  }
}
.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .views-row img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .views-row .field--name-date {
  display: flex;
  align-items: center;
  gap: var(--spacing2xs);
}

.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .slick-list {
  padding: 0 2.5rem 0 0 !important;
}

.block-views-blockte-puede-interesar-actividades-block-1:has(.view-te-puede-interesar-actividades .views-row) .content-block .view-te-puede-interesar-actividades .slick-list .slick-slide {
  padding: var(--spacing3xs) var(--spacingXs) 0;
  max-width: none;
}