[data-component-id="tec_prepa:posts_relacionados"]{
  padding: 16px;
  overflow: hidden;
  background-color: #F2F2F2;
  padding: 16px;

  h2 {
    color: #030219;

    + * {
      margin-top: 16px;
    }
  }

  & .view-bloque-ultimos-articulos {
    display: grid;
    gap: 16px;

    &.view-display-id-block_1{
      & .row-content{
        padding: 8px;
        background: #EBF5FF;
      }
    }

    & .row-content {
      gap: 16px;
      display: flex;
      display: grid;
      flex-direction: column;
      grid-template-columns: 1fr;
    }

    .view-filters {
      display: none;
    }

    & .view-empty{
      display: grid;
      gap: 16px;

      p > em {
        display: block;
        color: #030219;
        text-align: center;
        font-family: Archivo;
        font-size: 18px;
        font-style: italic;
        font-weight: 400;
        line-height: 24px;
      }

      & .view-bloque-ultimos-articulos {
        & > .infinite-view-block-head {
          & h3 {
            display: none;
          }
        }
      }

      .infinite-view-block-head {
        &:has(h2) {
          display: none;
        }
      }
    }

    &:has(.view-empty) {
      > .pager {
        display: none;
      }
    }

    .pager {
      padding-top: 0;
    }
  }
}

@media screen and (min-width: 768px) {
  [data-component-id="tec_prepa:posts_relacionados"]{
    & .view-bloque-ultimos-articulos {
      & .infinite-view-block-head {
        & .view-filters {
          & form {
            & .exposed-filters-wrapper,
            & .form-item--programa,
            & .form-item--tema,
            & .form-item--categoria{
              label {
                min-width: 117px;
              }
            }
          }
        }
      }

      & .row-content {
        gap: 32px;
      }
    }
  }
}


@media screen and (min-width: 1280px) {
  [data-component-id="tec_prepa:posts_relacionados"]{
    padding: 48px 96px;

    h2 {
      + * {
        margin-top: 32px;
      }
    }

    & .view-bloque-ultimos-articulos {
      gap: 32px;

      &.view-display-id-block_1{
        & .row-content{
          padding: 16px;
        }
      }

      & .row-content {
        grid-template-columns: 1fr 1fr 1fr;
      }
    }
  }
}