@charset "UTF-8";
.presentation {
  width: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(132deg, rgb(2, 0, 36) 32%, rgb(73, 46, 115) 100%);
  margin: 7vw auto;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.videoPresentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70%;
}
.videoPresentation .videoPresentation__title {
  text-align: center;
  color: white;
  font-size: 3.5vw;
  margin-bottom: 3rem;
}
.videoPresentation .video {
  width: 90%;
  border-radius: 2rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra sutil para el estilo morphismo */
  backdrop-filter: blur(10px); /* Efecto de vidrio difuminado */
  -webkit-backdrop-filter: blur(10px); /* Compatibilidad con WebKit */
  border: 1px solid rgba(255, 255, 255, 0.3); /* Borde suave */
  background: rgba(255, 255, 255, 0.1); /* Fondo transparente */
  transition: all 0.3s ease; /* Transición suave */
}
.videoPresentation .video:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Sombra más prominente en hover */
}

@media (max-width: 767px) {
  .videoPresentation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}/*# sourceMappingURL=videoPrsentation.css.map */