article.special {
  margin: .5rem 0 5rem;
  background-color: #d9c89f;
}
.trustproject_logo,
.author-info {
  display: none !important;
}
.content-title-h1 {
  width: fit-content !important;
  max-width: 65rem !important;
  color: #d9c89f !important;
  background-color: #24344c !important;
}
.paragraph-special {
  max-width: 65rem !important;
  color: #000 !important;
}
.apertura-videos {
  display: flex;
  justify-content: center;
  gap: 4rem;
  padding-top: 2rem;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/videos/videos-bg.png) no-repeat top center;
  background-size: cover;
}
.claim1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 10rem;
}
.claim1 span {
  font-size: 3.5rem;
  color: #24344c;
}
.claim2 {
  display: inline-block;
  margin-top: 10rem;
  max-width: 23rem;
}
.claim2 span {
  font-size: 3.5rem;
  color: #d9c89f;
  background-color: #24344c;
}
.vídeo-iframe {
  display: grid;
  grid-template-columns: 1.8rem auto 1.8rem;
  grid-template-rows: 5.5rem auto 7rem;
  justify-items: center;
  width: 31.6rem;
  min-width: 31.6rem;
  height: 66rem;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/videos/movil.png) no-repeat top center;
  background-size: 100%;
}
.movil {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 95% !important;
  height: 54rem !important;
  background-size: 100%;
}

@media (min-width: 1300px) and (max-width: 1499px) {
  .apertura-videos {
    background-size: contain;
  }
}

@media (min-width: 769px) and (max-width: 1299px) {
  .apertura-videos {
    background-size: contain;
    background-position: center bottom;
  }
}

@media only screen and (max-width: 768px) {
  article.special {
    padding-bottom: 3rem;    
  }
  .apertura-videos {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    /* background: url(https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/videos/videos-bg-movil.png) no-repeat top center; */
    background-size: contain;
  }
  .claim1 {
    margin-top: 3rem;
  }
  .claim2 {
    display: none;
  }
  .claim2 span {
    font-size: 2.5rem;
  }
  .content-title-h1 {
    font-size: 2rem !important;
  }
}