/*====== VIDEOS =============================================*/

.video{
  background: var(--background-color-2);
  overflow: hidden;
}

.video iframe{
  width: 100%;
  height: 16.25rem;
}

.video .container{
  margin: 0;
  align-items: center;
}

.video .thumbnail{
  position: relative;
}

.video .thumbnail iframe{
  position: relative;
}

.video .thumbnail iframe{
  border-radius: 0.25rem;
}

.video .text{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  text-align: justify;
}

.video .text .tittle{
  text-align: left;
}

/*====== Playlist =============================================*/
#playlist #logo-youtube{
  display: none;
}

#playlist .button{
  justify-content: center;
}

#playlist .grid{
  gap: 4rem;
}

#playlist .text p{
  color: var(--dark-color);
  margin-bottom: 2rem;
}

#playlist .button i{
  font-size: 1.5rem;
  margin-right: 0.625rem;
}

@media (min-width:1200px){
    #home .thumbnail{
      order: 1;
    }

    .video .container{
      grid-auto-flow: column;
      margin: 0 auto;
    }
  
    .video iframe{
      width: 35.6875rem;
      height: 25.75rem;
    }

    /*=== playlist ===*/

    #playlist #logo-youtube{
      display: block;
      font-size: 15.75rem;
      color: red;
    }

    #playlist .container{
      grid-auto-flow: column;
      align-items: center;
    }

    #playlist .text{
      max-width: 25rem;
    }

    #interno.container.grid{
      grid-auto-flow: row;
      gap: 0.75rem;
    }
}