#header-section.news-title-container {
  background: url(../images/noticias/dongfeng-noticias-back-desk.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  height: 52vh;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 60px;
  align-items: center;
  background-position-y: 36%;
  max-height: 600px;
}

.news-title h2 {
  padding-left: 1.5rem;
  font-weight: 300;
  font-size: 2.5rem;
  letter-spacing: 0;
  color: white;
  line-height: 1.4;
  margin-bottom: 0;
  letter-spacing: 0;
}

.news-title span {
  font-size: 2.5rem;
  font-weight: 500;
  color: white !important;
  letter-spacing: 0;
}

.section-title p {
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--gris-medio) !important;
  line-height: 1.4;
  margin-top: 1.5rem;
  max-width: 525px;
}

.section-featured-news {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: var(--gris-claro) !important;
}

.featured-news-title {
  margin-bottom: 2.5rem;
}
.featured-news-title h2 {
  padding-left: 1.5rem;
  font-weight: 300;
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 0;
  letter-spacing: 0;
}

.featured-news-title span {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0;
}

.featured-news-title h2,
.featured-news-title span {
  color: var(--azul-principal) !important;
}

.entry-title h2 {
  font-size: 2rem;
  font-weight: 300;
  color: white !important;
  line-height: 1.2;
}

.featured-date-news {
  font-size: 1rem !important;
  font-weight: 300;
  color: var(--gris-nuevo) !important;
}

.owl-dots {
  margin-bottom: 0 !important;
}

.owl-carousel.fixed-nav:hover .owl-nav [class*='owl-'],
.owl-carousel.fixed-nav .owl-nav [class*='owl-'] {
  top: auto;
  margin-top: 0;
  left: auto;
  bottom: 10px;
  font-size: 14px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  opacity: 1;
}

.owl-carousel.fixed-nav .owl-nav .owl-prev {
  right: 62px;
}
.owl-carousel.fixed-nav .owl-nav .owl-next {
  right: 0;
}

.owl-carousel.fixed-nav:hover .owl-nav [class*='owl-'] i,
.owl-carousel.fixed-nav .owl-nav [class*='owl-'] i {
  line-height: var(--cnvs-slider-arrows-size);
  width: 100%;
  height: 100%;
  color: var(--cnvs-slider-arrow-color);
  font-size: calc(var(--cnvs-slider-arrows-size) / 1.75);
  text-align: center;
  transition: color 0.3s ease-in-out;
}

.owl-carousel.fixed-nav:hover .owl-nav .owl-next,
.owl-carousel.fixed-nav .owl-nav .owl-next {
  left: auto;
  right: 0;
  background-color: hsl(211, 56%, 16%, 0.5) !important;
}

.owl-carousel.fixed-nav .owl-nav .owl-prev {
  background-color: hsl(211, 56%, 16%, 0.5) !important;
}

.owl-carousel.fixed-nav .owl-nav .disabled {
  display: block !important;
  cursor: auto;
  background-color: hsl(211, 56%, 16%, 0.5) !important;
}

.owl-carousel.fixed-nav.top-nav:hover .owl-nav [class*='owl-'],
.owl-carousel.fixed-nav.top-nav .owl-nav [class*='owl-'] {
  top: -96px;
  bottom: auto;
}

.owl-carousel.fixed-nav .owl-nav [class*='owl-']:hover {
  background-color: hsl(211, 56%, 16%, 1) !important;
  color: inherit !important;
}

.owl-carousel.fixed-nav .owl-nav .owl-prev {
  border-radius: 5px 0 0 5px;
}

.owl-carousel.fixed-nav .owl-nav .owl-next {
  border-radius: 0 5px 5px 0;
}

.owl-carousel.fixed-nav .owl-nav .owl-prev i,
.owl-carousel.fixed-nav .owl-nav .owl-next i {
  color: white !important;
}

.entry {
  border-radius: 20px;
}

.bg-news-link {
  cursor: pointer;
}

.bg-overlay {
  border-radius: 20px;
}

.bg-overlay-content {
  padding: 2rem !important;
}

.text-overlay-mask {
  opacity: 1;
}

.bg-news-base {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 100%;
}

/* Noticias img */

.bg-news-1 {
  background: linear-gradient(
      to top,
      hsl(211, 56%, 16%, 1) 0%,
      hsl(211, 56%, 16%, 0.25) 25%,
      hsl(211, 56%, 16%, 0.2) 65%,
      hsl(211, 56%, 16%, 0) 100%
    ),
    url('../images/noticias/dongfeng-noticia-1.webp');
}

.bg-news-2 {
  background: linear-gradient(
      to top,
      hsl(211, 56%, 16%, 1) 0%,
      hsl(211, 56%, 16%, 0.25) 25%,
      hsl(211, 56%, 16%, 0.2) 65%,
      hsl(211, 56%, 16%, 0) 100%
    ),
    url('../images/noticias/dongfeng-noticia-2.webp');
}

.bg-news-3 {
  background: linear-gradient(
      to top,
      hsl(211, 56%, 16%, 1) 0%,
      hsl(211, 56%, 16%, 0.25) 25%,
      hsl(211, 56%, 16%, 0.2) 65%,
      hsl(211, 56%, 16%, 0) 100%
    ),
    url('../images/noticias/dongfeng-noticia-1.webp');
}

.bg-news-4 {
  background: linear-gradient(
      to top,
      hsl(211, 56%, 16%, 1) 0%,
      hsl(211, 56%, 16%, 0.25) 25%,
      hsl(211, 56%, 16%, 0.2) 65%,
      hsl(211, 56%, 16%, 0) 100%
    ),
    url('../images/noticias/dongfeng-noticia-2.webp');
}

.bg-news-5 {
  background: linear-gradient(
      to top,
      hsl(211, 56%, 16%, 1) 0%,
      hsl(211, 56%, 16%, 0.25) 25%,
      hsl(211, 56%, 16%, 0.2) 65%,
      hsl(211, 56%, 16%, 0) 100%
    ),
    url('../images/noticias/dongfeng-noticia-1.webp');
}

.entry-meta {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.entry-icons li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.owl-carousel .owl-stage {
  margin: 0 auto;
}

header.sticky-header,
.sticky-header #header-wrap {
  box-shadow: none !important;
}
/* filter */
.featured-filters {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.nav-filter {
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: 1.5rem !important;
}

.nav-filter a {
  padding: 0 !important;
}

.nav-filter-container {
  height: 60px !important;
  background-color: white !important;
  display: flex;
  overflow: visible !important;
  z-index: 1000;
  position: sticky !important;
  width: 100%;
  top: 72px;
}

[role='tablist'] span {
  position: relative;
  display: inline-block;
  background: transparent !important;
  padding: 0 !important;
  margin: 0.93rem !important;
  color: hsla(211, 39%, 12%, 1) !important;
}

[role='tablist'] a:first-child span {
  margin-left: 0 !important;
}

[role='tablist'] a.active span {
  position: relative;
  display: inline-block;
  color: var(--azul-principal) !important;
}

#tab-filter.nav-filter a.active {
  border-bottom: none !important;
}

#tab-filter.nav-filter a span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -19px;
  width: 0;
  height: 3px;
  background-color: var(--azul-principal);
  transition: width 0.4s ease-in-out;
}

#tab-filter.nav-filter a:hover span::after,
#tab-filter.nav-filter a.active span::after {
  width: 100%;
}

#tab-filter.nav-filter a span {
  transition: color 0.3s ease-in-out;
}

#tab-filter.nav-filter a:hover span {
  color: var(--azul-principal) !important;
}

.nav-filter a span {
  background: transparent !important;
  font-size: 0.9rem;
  font-weight: 500 !important;
  color: hsla(211, 39%, 12%, 0.4) !important;
}

.container-block-notices {
  padding-top: 2.5rem;
  padding-bottom: 0;
}

.button.btn-noticias {
  display: flex;
  margin: 80px auto 0 auto !important;
}

.list-notices .image-container {
  border-radius: 20px 20px 0px 0px;
  max-width: 392px;
  max-height: 540px;
  background-position: center center;
  background-size: cover;
  min-height: 300px;
}

.list-notices .description-container {
  background-color: var(--gris-claro);
  display: flex;
  justify-content: center;
  align-items: baseline;
  max-width: 392px;
  max-height: 540px;
  border-radius: 0px 0px 20px 20px;
}

.caja-noticia {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.list-notices .date {
  color: var(--gris);
  font-size: 1rem;
  margin-top: 1px;
  font-weight: 300;
}

.list-notices .title-notice {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--azul-principal);
  line-height: 1.2;
  margin-top: 24px;
  margin-bottom: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 85px;
  max-height: 85px;
}

.sub-menu-electric.transparent-button:hover,
.transparent-button:active,
.transparent-button.no-background:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.eitqueta:hover {
  cursor: pointer;
  color: hsla(205, 80%, 10%, 0.8) !important;
}

a.etiqueta:hover {
  color: hsla(205, 80%, 10%, 0.8) !important;
}

@media screen and (max-width: 992px) {
  #header-section.news-title-container {
    background-image: url(../images/noticias/dongfeng-noticias-back-mob.webp);
    height: 100vh;
    justify-content: flex-start;
    text-align: start;
    align-items: flex-start;
    padding-top: 50px;
    max-height: 700px;
  }
  .section-title {
    padding-inline: 0;
    padding-inline: 12px;
    margin-top: 4rem;
  }

  .bg-overlay-content {
    padding: 1.5rem !important;
  }

  .entry-meta {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    margin-top: 0;
  }

  .entry-title h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .section-featured-news {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #content .ow-item {
    padding-left: 22px;
    padding-right: 22px;
  }

  .entry-meta ul {
    margin-bottom: 1.5rem !important;
  }
  .featured-date-news {
    margin-bottom: 0 !important;
  }

  .bg-news-base {
    height: 500px;
  }

  .owl-dots {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .owl-carousel .owl-nav {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 1.25rem !important;
    margin-top: 2.5rem !important;
    flex-wrap: nowrap;
  }

  .owl-carousel.fixed-nav .owl-nav .owl-prev {
    position: relative;
  }

  .owl-carousel.fixed-nav.top-nav:hover .owl-nav [class*='owl-'],
  .owl-carousel.fixed-nav.top-nav .owl-nav [class*='owl-'] {
    top: 0;
    right: auto;
  }

  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    position: static !important;
    margin: 0 !important;
  }

  #oc-news .owl-carousel {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center;
  }

  .featured-news-title h2,
  .featured-news-title span {
    font-size: 1.5rem;
  }

  /* tab-filter */

  .list-notices .title-notice {
    font-size: 1.25rem;
  }

  .nav-filter-container {
    top: 58px !important;
  }

  [role='tablist'] a:first-child span {
    margin-left: 0.93rem !important;
  }
  .featured-filters {
    margin-top: 0.5rem;
    margin-bottom: 6.25rem;
  }

  .button.btn-noticias {
    margin: 40px auto 0 auto !important;
  }

  .nav-filter {
    padding-inline: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .section-title {
    margin-left: 0;
  }

  .news-title h2,
  .news-title span {
    font-size: 1.5rem;
  }
  .section-title p {
    font-size: 1.25rem;
  }

  #header-section.news-title-container {
    max-height: unset;
  }

  .list-notices .title-notice {
    height: 75px;
    max-height: 75px;
  }
}

@media (min-width: 993px) and (max-width: 1024px) {
  .first-container {
    top: 0;
  }
}

@media (min-width: 1600px) {
  #header-section.news-title-container {
    background-position-y: 42% !important;
  }
}
