.videos .videos-lista {
  padding: 4rem 0;
}
@media screen and (max-width: 767px) {
  .videos .videos-lista {
    padding: 2rem 0;
  }
}
.videos .videos-lista ul {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 479px) {
  .videos .videos-lista ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 1500px) {
  .videos .videos-lista ul {
    gap: 2rem;
  }
}
.videos .videos-lista ul li {
  display: flex;
  grid-column: 2 span;
  background-color: aliceblue;
  border-radius: 10px;
}
@media screen and (max-width: 479px) {
  .videos .videos-lista ul li {
    grid-column: 1 span;
  }
}
.videos .videos-lista ul li div {
  display: none;
}
.videos .videos-lista ul li iframe {
  height: 152px;
  border-radius: 10px;
}
@media screen and (max-width: 479px) {
  .videos .videos-lista ul li iframe {
    height: 250px;
  }
}
@media screen and (min-width: 1500px) {
  .videos .videos-lista ul li iframe {
    height: 196px;
  }
}
.videos .videos-lista ul li:first-child {
  grid-column: 4 span;
  grid-row: 2 span;
}
@media screen and (max-width: 479px) {
  .videos .videos-lista ul li:first-child {
    grid-column: 1 span;
    grid-row: 1 span;
  }
}
.videos .videos-lista ul li:first-child iframe {
  height: 328px;
}
@media screen and (max-width: 479px) {
  .videos .videos-lista ul li:first-child iframe {
    height: 250px;
  }
}
@media screen and (min-width: 1500px) {
  .videos .videos-lista ul li:first-child iframe {
    height: 425px;
  }
}