.elementor-10 .elementor-element.elementor-element-a20b57f{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:none;--border-style:none;top:0px;--z-index:20;}.elementor-10 .elementor-element.elementor-element-a20b57f, .elementor-10 .elementor-element.elementor-element-a20b57f::before{--border-transition:0.3s;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-a20b57f{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-a20b57f{right:0px;}.elementor-10 .elementor-element.elementor-element-226981d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-a8c71a0{z-index:0;}.elementor-10 .elementor-element.elementor-element-d4616c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-c998498{--spacer-size:10px;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-a20b57f *//* Keyframes para el desvanecimiento del vídeo */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* Contenedor del vídeo */
#video-container {
  animation: fadeOut 7s ease-in forwards; /* Duración de la animación en 7s */
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #FDFDFD; /* Asegurar fondo blanco */
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: visible;
  opacity: 1;
  margin: 0; /* Eliminar cualquier margen */
  padding: 0; /* Eliminar cualquier relleno */
  overflow: hidden; /* Prevenir desbordamiento */
  box-sizing: border-box; /* Asegurar que el tamaño incluya el padding y el borde */
  transform: translateZ(0); /* Forzar renderización correcta en móviles */
}

/* Estilos para el vídeo */
#video-container video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Ajuste dentro del contenedor */
  background-color: #FDFDFD; /* Asegurar que cualquier área vacía sea blanca */
  max-width: 100%; /* Asegurar que el vídeo no se desborde */
  max-height: 100%; /* Asegurar que el vídeo no se desborde */
}

/* Ajustes para pantallas más pequeñas (móviles) */
@media only screen and (max-width: 768px) {
  #video-container {
    width: 100vw;
    height: 50vh; /* Reducir la altura en móviles */
  }

  #video-container video {
    width: 100%;
    height: auto;
    object-fit: contain;
    background-color: #FDFDFD; /* Asegurar fondo blanco en el vídeo */
    max-width: 100%;
    max-height: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8c71a0 */@media screen and (max-width: 800px) {
    #gallery-776 {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */