.elementor-12993 .elementor-element.elementor-element-85f5a06{--display:flex;--position:fixed;--min-height:20vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9998;}body:not(.rtl) .elementor-12993 .elementor-element.elementor-element-85f5a06{left:0px;}body.rtl .elementor-12993 .elementor-element.elementor-element-85f5a06{right:0px;}.elementor-12993 .elementor-element.elementor-element-be06312{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12993 .elementor-element.elementor-element-be06312::before, .elementor-12993 .elementor-element.elementor-element-be06312 > .elementor-background-video-container::before, .elementor-12993 .elementor-element.elementor-element-be06312 > .e-con-inner > .elementor-background-video-container::before, .elementor-12993 .elementor-element.elementor-element-be06312 > .elementor-background-slideshow::before, .elementor-12993 .elementor-element.elementor-element-be06312 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12993 .elementor-element.elementor-element-be06312 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-12993 .elementor-element.elementor-element-be06312.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12993 .elementor-element.elementor-element-f71eba7{--display:flex;--position:absolute;--min-height:20vh;bottom:0px;--z-index:999999999999999;}.elementor-12993 .elementor-element.elementor-element-f71eba7.e-con{--order:99999 /* order end hack */;}.elementor-12993 .elementor-element.elementor-element-52d7a3b{z-index:99999;}.elementor-12993 .elementor-element.elementor-element-e7eb26a{width:100%;max-width:100%;}.elementor-12993 .elementor-element.elementor-element-fe90200{--display:flex;}@media(min-width:768px){.elementor-12993 .elementor-element.elementor-element-be06312{--width:100%;}}@media(max-width:767px){.elementor-12993 .elementor-element.elementor-element-85f5a06{--z-index:99;}.elementor-12993 .elementor-element.elementor-element-be06312{--width:100%;--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-12993 .elementor-element.elementor-element-f71eba7{--min-height:40vh;}.elementor-12993 .elementor-element.elementor-element-e7eb26a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-85f5a06 */.elementor-12993 .elementor-element.elementor-element-85f5a06 {
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    transition: background-color 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7eb26a */.hero-section {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('https://definiendo.live/wp-content/uploads/2025/06/web-circulo-scaled.jpg') center/cover;
  position: relative;
  overflow: hidden;
  animation: zoom-in 4.1s forwards 1s ease-in-out;
}

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* Viñeta principal */
.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, 0.7) 70%);
  animation: vignette-animation 10s infinite ease-in-out;
  z-index: 1;
}

/* Viñeta con máscara animada */
.hero-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  mask: radial-gradient(circle, transparent 30%, black 70%);
  -webkit-mask: radial-gradient(circle, transparent 30%, black 70%);
  animation: vignette-opacity 10s infinite ease-in-out;
  z-index: 1;
}

/* Granulado */
.grain-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

/* Contenido visible sobre los efectos */
.hero-section h1,
.hero-section button {
  position: relative;
  z-index: 3;
  color: #fff;
}

/* Animación de opacidad de la viñeta */
@keyframes vignette-opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

/* Cambiar imagen de fondo en dispositivos móviles */
@media (max-width: 768px) {
  .hero-section {
    background: url('https://definiendo.live/wp-content/uploads/2025/06/web-1080.jpg') center/cover;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be06312 */.elementor-12993 .elementor-element.elementor-element-be06312 {
    padding-bottom: 0;
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3ec95b */.elementor-12993 .elementor-element.elementor-element-b3ec95b {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 1rem; 
    padding: 2rem 1rem;
    text-align: center;
    margin-top: 60px;
}/* End custom CSS */