 .narrativa{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 2em;
  }
  .narrativa .left-narrativa{
    position: relative;
  }
.narrativa .left-narrativa .num{
    position: absolute;
  top: 15px;
  left: 15px;
  background-color: #ffffffbd;
  padding: 2px 10px;
  border-radius: 15px;
  color: #000;
  font-weight: 300;

  font-size: 13px;
}
.narrativa .left-narrativa .img {
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 1px 1px 10px #ccc;
}

.narrativa .left-narrativa .img img {
  display: block;
  width: 100%;

}
.narrativa .links{
  display: flex;
  gap: 1em;
  margin-bottom: 1em;
}
.narrativa .links a{
  color: #fff;
}

.narrativa .links > div{
  border: 1px solid #c12408;
  background: #911a18;
  color:#fff;
  border-radius: 5px;
  padding: 10px;
  
}
.narrativa .links > div:hover {
  border: 1px solid #c12408;
  background: #fff;
  color:#c12408;
  border-radius: 5px;
  padding: 10px;
}
.narrativa .links > div:hover a{
   color: #c12408;
}
.narrativa .sectores{
  margin-top: 2em;
}
.narrativa .sectores ul{
list-style: none;
padding: 0;
margin: 0;
font-size: 90%;
}

.narrativas-carousel .carousel-item .views-field-field-video-principal{
  padding: 5px;
}

  .narrativas-carousel .slick-next::before, .narrativas-carousel .slick-prev::before{
    color: #c12408;
    font-size: 30px;
  }
   .narrativas-carousel .slick-next:hover,.narrativas-carousel .slick-prev:hover{
    color: #fff;
    border: none;
   }
   .narrativas-carousel .slick-prev{
    left: -35px;
   }
   .narrativas-carousel .slick-slide img{
    border-radius: 15px;
    box-shadow: 1px 1px 5px #ccc;
   }
   .narrativas-carousel .views-field.views-field-title{
    padding: 10px;
  
   }
   .narrativas-carousel .views-field.views-field-title a{
    font-size: 14px;
   }

.narrativas .field--name-field-media-image .img-responsive{
   border-radius: 5px;
  box-shadow: 2px 2px 20px #000;
  left: 50px;
  position: absolute;
  border-top: 2px solid #75727275;
  border-left: 2px solid #ffffff75;
  border-bottom: 2px solid #0f070775;
  border-right: 2px solid #00000078;
}





