.elementor-kit-8{--e-global-color-primary:#4F8FCC;--e-global-color-secondary:#50D2A0;--e-global-color-text:#2E2B27;--e-global-color-accent:#4F8FCC;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:3px;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-size:19px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-family:"Nunito Sans", Sans-serif;font-size:48px;font-weight:300;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*hero home animado*/
@media(min-width767px){.container-hero .elementor-icon-box-content {
    opacity: 0;
    transition-duration: .5s;
}

.container-hero:hover .elementor-icon-box-content {
    opacity: 1;
    transition-duration: .5s;
}
}
.container-hero:hover
.robustez{
    transform: translatey(230px) !important;
    transition-duration: 0.5s
}

.container-hero:hover
.enfoque {
    transform: translatey(100px) translatex(100px) !important;
    transition-duration: 0.5s
}

.container-hero:hover
.soluciones-adaptables{
    transform: translatey(-50px) translatex(-100px) !important;
    transition-duration: 0.5s
}



/*opt home*/
@media (min-width:767px){
.container-otp{
  /* alto cerrado */
  max-height: 360px;
  overflow: hidden;
  transition: max-height .3s ease, background-color .3s ease;
  will-change: max-height;
}

.container-otp:hover{
  background: #4F8FCC !important;
  /* pon un valor suficientemente grande para el contenido */
  max-height: 2000px; 
}

.otp-hover{
    opacity: 0
}
.container-otp:hover .otp-hover{
    opacity: 1
}

.container-otp:hover h2{
    color:#fff !important;
    transition-duration: .1s;
}

/*iconos seccion opt home*/

/* Estado base + transición (solo movimiento) */
.contendor-iconos-otp .icon-1,
.contendor-iconos-otp .icon-2,
.contendor-iconos-otp .icon-3,
.contendor-iconos-otp .icon-4,
.contendor-iconos-otp .icon-5,
.contendor-iconos-otp .icon-6,
.contendor-iconos-otp .icon-7{
  transform: translate3d(0,0,0);
  transition: transform .3s ease;
}

/* Hover en el PRIMER contenedor activa animación en el SEGUNDO */
/* OTP se mantiene igual */
.container-otp:hover ~ .contendor-iconos-otp .icon-1{ transform: translate(25px,35px) !important; }
.container-otp:hover ~ .contendor-iconos-otp .icon-2{ transform: translate(10px,-25px); }
.container-otp:hover ~ .contendor-iconos-otp .icon-3{ transform: translateY(40px); } /* corregido translateY */
.container-otp:hover ~ .contendor-iconos-otp .icon-4{ transform: translate(-25px,-15px); }
.container-otp:hover ~ .contendor-iconos-otp .icon-5{ transform: translate(-25px,50px); }
.container-otp:hover ~ .contendor-iconos-otp .icon-6{ transform: translate(35px,6px); }
.container-otp:hover ~ .contendor-iconos-otp .icon-7{ transform: translate(-70px,-70px); }

/* GALIT ahora activa desde el propio contenedor */
.contendor-iconos-galit:hover .icon-1{ transform: translate(25px,35px) !important; }
.contendor-iconos-galit:hover .icon-2{ transform: translate(10px,-25px); }
.contendor-iconos-galit:hover .icon-3{ transform: translateY(40px); } /* corregido translateY */
.contendor-iconos-galit:hover .icon-4{ transform: translate(-25px,-15px); }
.contendor-iconos-galit:hover .icon-5{ transform: translate(-25px,50px); }
.contendor-iconos-galit:hover .icon-6{ transform: translate(35px,6px); }

}
/*seccion sofware, consultoria, staff*/

@media (min-width:767px){
.box-soluciones-otp:hover .elementor-widget-text-editor{
    color:#2E2B27 !important;
    transition-duration: .6s;
}


.box-soluciones-otp{
  position: relative;
  background: none !important;              /* sin fondo por defecto */
  background-color: transparent !important;
  overflow: hidden;                          /* por si hay bordes redondeados */
}

.box-soluciones-otp::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(60deg, #D8E7F6 0%, #ffffff 100%);
  opacity: 0;                                /* oculto inicialmente */
  transition: opacity 1s ease;             /* transición suave */
  border-radius: inherit;                     /* respeta el borde del contenedor */
  pointer-events: none;                       /* no bloquea clics */
}

.box-soluciones-otp:hover::before{
  opacity: 1;                                 /* aparece el gradiente */
}
}


/*seccion Homologaciones, dispositivos, Academy, Talent*/
.box-4-columnas:hover h2 {
    font-weight: bold !important;
    color: #4F8FCC !important;
    transition: font-weight .3s, color .3s;
}

.box-4-columnas .elementor-button{
    padding: 0px !important
}

.box-4-columnas:hover .elementor-button{
     padding: 8px 18px 8px 18px !important;
}

/*la fprmula*/

.box-formula:hover .elementor-widget-icon-box svg path{
    stroke: #fff !important;
    /*fill: #fff !important*/
}

.box-formula-2:hover .elementor-widget-icon-box svg path{
    stroke: #fff !important;
    fill: #fff !important
}

.box-formula:hover, .box-formula-2:hover{
    background: #4F8FCC !important
}

.box-formula:hover h3, .box-formula-2:hover h3{
    color:#fff !important;
}


/*testimonios*/

/* Estado base */
.box-testimonio .elementor-widget-image img{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition-property: -webkit-filter, filter;
  transition-timing-function: cubic-bezier(.25,.8,.25,1); /* suave */
  transition-duration: .3s; /* salida (mouse out) rápida */
}

/* Al hover: solo cambiamos el filtro y la duración (entrada lenta) */
.box-testimonio:hover .elementor-widget-image img{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition-duration: 3s; /* entrada suave/lenta */
}

.box-testimonio:hover h2{
    color: #4F8FCC !important;
}


/*recurso resaltado con el check azul*/
@media (min-width:1024px) and (max-width:1600px){
.recurso-resaltado{
    width: 60px
}
}


/*que creamos*/
.elementor-icon-box-wrapper{
    transition-duration: .3s;
}
@media(min-width:767px){
.que-creamos:hover .elementor-icon-box-wrapper{
    gap: 50px !important;
    
}
}



/*imagen con iconos desplazables*/

.img-w-icons-hover{
    opacity: 0 !important;
    transition: opacity .5s !important;
}

.img-w-icons-hover:hover{
    opacity: 1 !important;
    transition: opacity .5s;
}

/* base */
.icon-deplazable-i, .icon-deplazable-d{
  transition: transform .35s ease;
  will-change: transform;
}

/* cuando haces hover en la imagen overlay, afecta a los hermanos que le siguen */
.img-w-icons-hover:hover ~ .icon-deplazable-i{
  transform: translateY(-220px);
}
.img-w-icons-hover:hover ~ .icon-deplazable-d{
  transform: translateY(250px);
}



/*valor real a tu negocio*/

.valor-real-negocio {
  position: relative;
  overflow: hidden;
}

.valor-real-negocio::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #fff, #fff);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;
}

.valor-real-negocio:hover::after {
  opacity: 1;
}

/* Asegura que el contenido quede por encima */
.valor-real-negocio > * {
  position: relative;
  z-index: 1;
}


.valor-real-negocio:hover h2{
    color: #4F8FCC !important;
    transition: color .5s !important;
}






/*partner Galit*/


.contendor-iconos-galit img{
  -webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%) !important;
  transition-duration: .3s; /* entrada suave/lenta */
}

.contendor-iconos-galit:hover img{
    transform: scale(1.5) !important;
    -webkit-filter: grayscale(0%)!important;
  filter: grayscale(0%) !important;
}


 .contendor-iconos-galit:hover{
    background-image: url('https://eldar-group.com/wp-content/uploads/2025/09/Testimonial-box-1.svg') !important;
}



/*tecnologias de simulacion*/

.contenedor-simulacion:hover h2{
    color: #4F8FCC !important
}


.beneficios-homologacion h3{
    margin-block-start: 0px;
}

.beneficios-homologacion svg:hover path{
    fill:#B8F761 !important;
}

.beneficios-homologacion .elementor-icon-box-icon:hover .elementor-icon{
    transform: scale(1.3) !important
}





/*beneficios clave*/

/*valor real a tu negocio*/

.beneficios-clave {
  position: relative;
  overflow: hidden;
}

.beneficios-clave::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #E7F1FA, #fff);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;
}

.beneficios-clave:hover::after {
  opacity: 1;
}

/* Asegura que el contenido quede por encima */
.beneficios-clave > * {
  position: relative;
  z-index: 1;
}


.beneficios-clave:hover p{
    color: #2e2b27 !important;
    transition: color .5s !important;
}



/*pq elegir academy*/
academy-eleccion

.academy-eleccion {
  position: relative;
  overflow: hidden;
  
}

.academy-eleccion::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-133deg, #1DDDF230 15%, #fff 24%);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;
  border-radius: 25px
}

.academy-eleccion:hover::after {
  opacity: 1;
}

/* Asegura que el contenido quede por encima */
.academy-eleccion > * {
  position: relative;
  z-index: 1;
}


.academy-eleccion:hover .elementor-icon-box-wrapper{
    gap: 50px !important;
    
}




/*proceso de seleccion*/

.proceso-seleccion {
  position: relative;
  overflow: hidden;
}

.proceso-seleccion::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #D8E7F6, #E7D5FF);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;
}

.proceso-seleccion:hover::after {
  opacity: 1;
}

/* Asegura que el contenido quede por encima */
.proceso-seleccion > * {
  position: relative;
  z-index: 1;
}





/*pq elegirnos staff*/



.eleccion-staff
 {
  position: relative;
  overflow: hidden;
  height: 220px;
}

.eleccion-staff::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #fff, #fff);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: 0;
}

.eleccion-staff:hover::after {
  opacity: 1;
}


.eleccion-staff:hover
{
  opacity: 1;
  height: 300px;
  transition: height .5s;
    
}
/* Asegura que el contenido quede por encima */
.eleccion-staff > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */