/** Shopify CDN: Minification failed

Line 112:0 Expected ")" to go with "("

**/
/* video-section.css */

.video-section__media {
  --ratio-percent: 56.25%; /* Relación de aspecto 16:9 por defecto */
  position: relative;
  width: 100%;
  padding-bottom: var(--ratio-percent);
  height: 0;
  overflow: hidden; /* Oculta cualquier contenido que desborde del contenedor */
  border: none; /* Elimina cualquier borde que pueda estar presente */
}

.video-section__media iframe,
.video-section__media video,
.video-section__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Asegura que la imagen y el video se ajusten sin distorsionarse */
  border: none; /* Elimina cualquier borde que pueda estar presente */
}



@media (max-width: 790px) {
  .video-section__media {
    padding-bottom: 40%%; /* Mantiene la relación de aspecto */
  }
}

@media (max-width: 1000px) {
  .video-section__media {
    padding-bottom: 40%; /* Asegura que la proporción se mantenga en pantallas más grandes */
  }
  .video-container {
    height:25%
  }
}
/*  */
@media (min-width: 1200px) {
  .video-section__media {
    padding-bottom: 40%; /* Asegura que la proporción se mantenga en pantallas más grandes */
  }
  .video-container {
    height:25%
  }
}

.video-section {
  position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-position: 0 center;
    background-size: 5px 5px
}



.video-section__media {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
}

.video-container {
 height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 300ms cubic-bezier(0.605, 0.195, 0
}


@media (max-height: 675px) {
    .video-container {
        margin-top:0 !important
    }
}

.video-container iframe,
.video-container video {
  position: absolute;
  top: 6rem;
  left: 0;
  width: 100%;
  height: 100%;
}

.title-wrapper {
 display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 16px
}



/* Evita que el video cambie de tamaño cuando se reproduce */
.video-section__media iframe,
.video-section__media video {
  transition: none;
}