[data-component-id="tec_prepa:article_slider"] {
  min-height: 644px;
  position: relative;
  overflow: hidden;

  & .slick-slider {
    &:not(.slick-initialized) {
      & .container-article-slider {
        min-height: 644px;
        position: absolute;

        &:first-child {
          z-index: 3;
        }

        >article {
          flex-grow: 1;

          >.content {
            flex-grow: 1;
          }
        }
      }
    }

    & .container-article-slider {
      min-height: 644px;

      &>article {
        display: grid;
      }

      & .content {
        position: relative;
        z-index: 2;
        background: #122CDE;

        & .container-slider-inside {
          padding: 16px;
          gap: 16px;
          display: grid;

          .container-text-articulo {
            display: flex;
            flex-direction: column;
            gap: 8px;
            justify-content: center;
            align-items: center;

            .time-category {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;

              .minutes {
                overflow: hidden;
                color: #FFF;
                text-align: center;
                text-overflow: ellipsis;
                font-family: "DM Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 18px;
                /* 150% */
                letter-spacing: 0.24px;
                text-transform: uppercase;
                display: block;
                float: left;
                margin-top: 12px;
                position: relative;
                padding-right: 8px;

                &::after {
                  content: '';
                  display: block;
                  width: 1px;
                  height: 30px;
                  background-color: #FFF;
                  position: absolute;
                  right: 0px;
                  top: 0px;
                }
              }

              .categoria {
                border-radius: 100px;
                background: #FFF;
                padding: 4px 16px;
                justify-content: center;
                align-items: center;
                color: var(--Base-Azul, #122CDE);
                font-family: "DM Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                /* 150% */
                display: block;
                float: left;
                margin-top: 8px;
                margin-left: 8px;
              }
            }

            .author-date {
              color: #FFF;
              text-align: center;
              font-family: "DM Sans";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: 18px;
              /* 150% */
              text-transform: uppercase;
            }
          }

          & .titulo-articulo {
            color: #FFF;
            text-align: center;

            span {
              color: #FFF;
              text-align: center;
              display: block;
            }
          }

          .hero-cta {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-content: center;
            flex-wrap: wrap;
            gap: 16px;
          }
        }
      }

      & .media--type-image {
        min-height: 388px;
        position: relative;

        & .media--blazy {
          height: 100%;
        }

        & img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
        }
      }
    }

    & .slick-list {
      height: 100%;

      & .slick-track {
        height: 100%;
      }
    }

    & .slick-dots {
      bottom: 16px !important;
      gap: 12px !important;

      & li {
        & button {
          width: 24px !important;
          height: 24px !important;
          position: relative !important;

          &:before {
            color: transparent;
            position: absolute !important;
            width: 7px !important;
            height: 7px !important;
          }
        }
      }
    }
  }

  .btn-prev,
  .btn-next {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  [data-component-id="tec_prepa:article_slider"] {
    min-height: 388px;

    & .slick-slider {
      &:not(.slick-initialized) {
        & .container-article-slider {
          min-height: 388px;
        }
      }

      & .container-article-slider {
        min-height: 388px;

        &>article {
          grid-template-columns: 1fr 1fr;
        }

        .content {
          .container-slider-inside {
            padding: 48px 96px;

            .container-text-articulo {
              align-items: baseline;

              .time-category {
                display: block;
                justify-content: inherit;
                flex-wrap: inherit;
              }
            }

            .titulo-articulo {
              text-align: left;

              span {
                text-align: left;
              }
            }

            .body {
              height: initial;
              text-align: left;
            }

            .hero-cta {
              flex-direction: row;
              justify-content: flex-start;
            }
          }
        }

        & .media--type-image {
          height: 100%;
          min-height: 0;

          img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
          }
        }
      }
    }

    .btn-next,
    .btn-prev {
      display: flex;
    }
  }
}