.banner-inicio {
  background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-padrao {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%),
    url(../img/capas/inicio.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position-y: 30%;
}
.banner-guia {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%),
    url(../img/capas/guia.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position-y: 30%;
}
.banner-videos {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%),
    url(../img/capas/videos.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-recursos {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%),
    url(../img/capas/recursos.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-podcasts {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.9),
      60%,
      transparent 100%
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.4), 30%, transparent 100%),
    url(../img/capas/podcasts.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position-y: 0;
}
.capa-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
