/* -------------------------- */
/* 1) .content-news-highlight */
/* -------------------------- */

.content-news-highlight {
  /* Base (desktop) */
}

.view.view-id-news {
  .view-empty {
    .no-news-found {
      text-align: center;
      margin: 20px;
      color: #222222;
    }
  }
}

/* Media query para .content-news-highlight */
@media screen and (max-width: 767px) {
  .content-news-highlight {
    margin-top: -10px;
  }
}

/* --------------------------- */
/* 2) .news-highlight__card   */
/* --------------------------- */

/* .news-highlight__date */
.content-news-highlight .news-highlight__card .news-highlight__date {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  color: #FFFFFA;
}
.content-news-highlight .news-highlight__card .news-highlight__date p {
  margin-bottom: 5px;
}

/* .news-highlight__title */
.content-news-highlight .news-highlight__card .news-highlight__title {
  max-width: 100%;
}

/* .news-highlight__image */
.content-news-highlight .news-highlight__card .news-highlight__image {
  /* Base (desktop) */
}

/* Media query para .news-highlight__image e .gradient-hover */
@media screen and (max-width: 767px) {
  .content-news-highlight .news-highlight__card .news-highlight__image {
    border-radius: 25px;
  }
  .content-news-highlight .news-highlight__card .gradient-hover {
    border-radius: 25px;
  }
}

/* ------------------------------------------------------------------- */
/* 3) h2 dentro de #block-qintess-views-block-news-news-lastest-news   */
/* ------------------------------------------------------------------- */

#block-qintess-views-block-news-news-lastest-news > h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #222222;
  text-transform: uppercase;
  padding: 30px 128px 0;
  margin-bottom: -10px;
}

/* Media queries para esse h2 */
@media screen and (max-width: 1580px) {
  #block-qintess-views-block-news-news-lastest-news > h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1280px) {
  #block-qintess-views-block-news-news-lastest-news > h2 {
    padding: 30px 50px 0;
  }
}
@media screen and (max-width: 980px) {
  #block-qintess-views-block-news-news-lastest-news > h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 30px 35px 0;
  }
}
@media screen and (max-width: 520px) {
  #block-qintess-views-block-news-news-lastest-news > h2 {
    padding: 30px 24px 0;
    font-size: 16px;
    line-height: 20px;
  }
}

/* ----------------------------- */
/* 4) .content-lastest-news      */
/* ----------------------------- */

.content-lastest-news {
  /* margin-top: -20px; */
}

/* .lastest-news-card */
.content-lastest-news .lastest-news-card {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .content-lastest-news .lastest-news-card {
    margin-bottom: 30px;
  }
}

/* .lastest-news-card__image */
.content-lastest-news .lastest-news-card .lastest-news-card__image img {
  border-radius: 25px;
  margin-bottom: 15px;
}

/* .lastest-news-card__date */
.content-lastest-news .lastest-news-card .lastest-news-card__date {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  color: #222222;
  margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__date {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 669px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__date {
    font-size: 12px;
    line-height: 14px;
  }
}

/* .lastest-news-card__title */
.content-lastest-news .lastest-news-card .lastest-news-card__title {
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  color: #222222;
}
@media screen and (max-width: 1580px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__title {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1280px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__title {
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 580px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__title {
    font-size: 16px;
    line-height: 19px;
  }
}

/* .lastest-news-card__summary */
.content-lastest-news .lastest-news-card .lastest-news-card__summary {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__summary {
    margin-bottom: 5px;
  }
}

/* .lastest-news-card__readmore */
.content-lastest-news .lastest-news-card .lastest-news-card__readmore {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: #6800FF;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.content-lastest-news .lastest-news-card .lastest-news-card__readmore img {
  width: 30px;
}
.content-lastest-news .lastest-news-card .lastest-news-card__readmore img.arrow-desktop {
  display: block;
}
.content-lastest-news .lastest-news-card .lastest-news-card__readmore img.arrow-mobile {
  display: none;
}

.view-news {
  .qintess-custom-filter-mobile .filter-toggle {
    background: #6800FF;
  }
}

/* Media queries para .lastest-news-card__readmore */
@media screen and (max-width: 1580px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 669px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore {
    font-size: 16px;
    line-height: 19px;
  }
}
@media screen and (max-width: 520px) {
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore {
    /* color: #E92651; */
  }
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore img.arrow-desktop {
    display: none;
  }
  .content-lastest-news .lastest-news-card .lastest-news-card__readmore img.arrow-mobile {
    display: block;
  }

  .view-news {
    #edit-field-titulo-cabecera-value,
    input[name="field_titulo_cabecera_value"] {
      border-color: #6800FF;
      background: url('../assets/search-icon-purple.svg') no-repeat;
      background-position: right 10px center;
      background-size: 20px;
    }

    .qintess-custom-pager .page-item.is-active .page-link,
    .qintess-custom-pager .page-item.active .page-link {
      color: #6800FF;
    }
  }
}