@media (min-width: 1200px) {
  body {
    background-image: url("../../assets/img/Polígono%201.svg");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: top right;
  }
}

@media (max-width: 1199px) {
  .col-xl-7 {
    order: 2;
  }
  .end {
    order: 3;
  }
}

.navbar-episodes {
  /*background-color: #30373e;*/
}

.navbar.navbar-light.navbar-expand-md {
  background-color: white;
}

@media (max-width: 1200px) {
  .navbar-episodes {
    background-color: transparent;
  }
}

@media (max-width: 375px) {
  .img-fluid {
    padding-top: 5%;
  }
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgb(0, 0, 0);
}

@media (max-width: 1200px) {
  .navbar-light .navbar-nav .nav-link {
    color: white;
  }
}

@media (max-width: 1200px) {
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .show > .nav-link {
    color: white;
  }
}

.text-monospace.d-inline {
}

@media (min-width: 1200px) {
  .btn-spot,
  .textoinf {
    display: inline;
  }
}

.col-xl-8 {
  order: 1;
}

@media (min-width: 1200px) {
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    order: 1;
  }
}

@media (min-width: 1200px) {
  .col-xl-5 {
    order: 2;
  }
}

@media (min-width: 1200px) {
  .row-index {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

@media (max-width: 768px) {
  .row-episodes {
    display: flex !important;
    flex-direction: column !important;
  }
}

@media (min-width: 1200px) {
  #btnload {
    width: 50vh;
  }
}

@media (max-width: 1199px) {
  #categories {
    margin-top: 2vh;
  }
}

.nav-item:hover {
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .recent {
    order: 2;
  }
}

.thumbContainer {
  position: relative;
}

.playBtn {
  display: none;
  opacity: 100%;
  color: white;
  cursor: pointer;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  margin-left: -32px; /*half of the width */
  margin-top: -32px; /*half of the height */
  transition: 1s;
  border: 10px;
}

.playBtn:hover {
  color: white;
  opacity: 100%;
  transition: 1s;
}

#more {
  width: 150px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#description {
  text-align: center;
  margin: 2vh;
}

#thumbnail img {
  filter: blur(0px);
  transition: 1s;
}

#thumbnail img:hover {
  filter: blur(2.5px);
  transition: 1s;
}