.node--view-mode-multimedia-teaser {
  position: relative;
  display: flex;
  margin-bottom: 23px;
}

.node--view-mode-multimedia-teaser a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

article.node--view-mode-multimedia-teaser .no-img {
  min-width: 181px !important;
  height: 93px;
}

.node--view-mode-multimedia-teaser .img__wrapper {
  position: relative;
  min-width: 181px;
  height: 93px;
  border-radius: 16px;
  overflow: hidden;
}

.node--view-mode-multimedia-teaser .img__wrapper img {
  width: 350px;
  height: 400px;
  object-fit: cover;
  border-radius: 16px;
}

.node--view-mode-multimedia-teaser .img__wrapper .gradient {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-blend-mode: multiply;
  background-image: linear-gradient(
    to top,
    var(--black) 0%,
    rgba(217, 217, 217, 0) 100%
  );
}

.node--view-mode-multimedia-teaser .img__wrapper .video__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
}

.node--view-mode-multimedia-teaser .img__wrapper .video__icon .icon {
  background-image: url("/sites/default/files/inline-images/play.svg");
  width: 52px;
  height: 52px;
}

.node--view-mode-multimedia-teaser.version-2 h3 {
  color: white;
  position: static;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 10px 10px 0 10px;
  word-break: break-all;
}

/* RELATED */

.node--view-mode-multimedia-teaser .node-body__related {
  margin-bottom: 200px;
}

.node--view-mode-multimedia-teaser .node-body__related .field__label {
  margin-top: 100px !important;
  color: white;
}

.node--view-mode-multimedia-teaser .node-body__related h2,
.node--view-mode-multimedia-teaser .node-body__related p,
.node--view-mode-multimedia-teaser .node-body__related time {
  color: white !important;
}

.node--view-mode-multimedia-teaser
  .node-body__related
  .field--name-field-publicaciones-relacionadas
  .field__label {
  font-size: 30px;
  margin-bottom: 37px;
  font-weight: bold;
}

.node--view-mode-multimedia-teaser
  .node-body__related
  .field--name-field-publicaciones-relacionadas
  h2 {
  font-size: 20px;
}

.node--view-mode-multimedia-teaser
  .node-body__related
  .field--name-field-noticias-relacionadas.field--carousel
  .field__items
  article.node--type-noticias.node--view-mode-related-object
  .news__date {
  border: 1px solid white !important;
}