.elementor-5391 .elementor-element.elementor-element-9a133d2{--display:flex;--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;--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-5391 .elementor-element.elementor-element-2419578 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5391 .elementor-element.elementor-element-2419578 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5391 .elementor-element.elementor-element-6a50a36{--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;}.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-wrapper{--video-aspect-ratio:0.5625;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-5391 .elementor-element.elementor-element-6a50a36{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for video, class: .elementor-element-2419578 *//* =========================
   FORZAR LOGO EXACTAMENTE AL CENTRO
   ========================= */

/* El widget es el contexto */
.elementor-5391 .elementor-element.elementor-element-2419578{
  position: relative !important;
}

/* Imagen superpuesta (logo) centrada real */
.elementor-5391 .elementor-element.elementor-element-2419578 .elementor-custom-embed-image-overlay{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* La imagen del logo en sí */
.elementor-5391 .elementor-element.elementor-element-2419578 .elementor-custom-embed-image-overlay img{
  position: relative !important;
  margin: 0 !important;
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a133d2 *//* CONTENEDOR HERO */
.hero-video {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* IFRAME DE VIMEO */
.hero-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* CAPA INTERNA (donde está el logo) */
.hero-video .elementor-background-video-container,
.hero-video .elementor-widget-video {
  position: absolute;
  inset: 0;
}

/* FORZAR EL LOGO AL CENTRO ABSOLUTO */
.hero-video .elementor-custom-embed,
.hero-video .elementor-video-wrapper,
.hero-video .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* OPCIONAL: asegurar que el logo queda por encima */
.hero-video img {
  position: relative;
  z-index: 5;
}
/* Evita que el click elimine la imagen superpuesta */
.elementor-custom-embed-image-overlay {
  pointer-events: none !important;
}

/* Asegura que nunca se oculte */
.elementor-custom-embed-image-overlay,
.elementor-custom-embed-image-overlay img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}
/* CONTENEDOR: siempre ocupa el viewport y nunca deja blanco */
.elementor-5391 .elementor-element.elementor-element-9a133d2{
  position: relative !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: #f66412 !important; /* tu naranja: nunca blanco */
  margin: 0 !important;
  padding: 0 !important;
}

/* si tu sección tiene contenedor interno, lo estiramos */
.elementor-5391 .elementor-element.elementor-element-9a133d2 .elementor-container,
.elementor-5391 .elementor-element.elementor-element-9a133d2 .elementor-row,
.elementor-5391 .elementor-element.elementor-element-9a133d2 .elementor-column,
.elementor-5391 .elementor-element.elementor-element-9a133d2 .elementor-widget-wrap{
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-d7d267e *//* 1. Bloquea cualquier interacción con el vídeo */
.elementor-5391 .elementor-element.elementor-element-d7d267e iframe,
.elementor-5391 .elementor-element.elementor-element-d7d267e video,
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-video-wrapper,
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-wrapper {
  pointer-events: none !important;
}

/* 2. Fuerza que la imagen superpuesta NO desaparezca */
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-custom-embed-image-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* 3. Evita que Elementor la oculte tras el click */
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-custom-embed-image-overlay.hidden,
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-custom-embed-image-overlay[style*="display:none"],
.elementor-5391 .elementor-element.elementor-element-d7d267e .elementor-custom-embed-image-overlay[style*="opacity:0"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */
/* Start custom CSS *//* MOBILE: evita franja blanca por altura de viewport iOS */
@media (max-width: 1024px){
  body.elementor-page-5391{
    height: 100svh !important;   /* iOS viewport real */
    min-height: 100svh !important;
    width: 100vw !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f66412 !important;
  }

  /* por si Elementor mete padding/margin en el contenedor interno */
  body.elementor-page-5391 .elementor-container,
  body.elementor-page-5391 .elementor-row,
  body.elementor-page-5391 .elementor-column,
  body.elementor-page-5391 .elementor-widget-wrap{
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */