.elementor-487 .elementor-element.elementor-element-84e7c66{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-487 .elementor-element.elementor-element-a2ccfbe{width:var( --container-widget-width, 42px );max-width:42px;--container-widget-width:42px;--container-widget-flex-grow:0;}.elementor-487 .elementor-element.elementor-element-a2ccfbe > .elementor-widget-container{background-color:var( --e-global-color-secondary );margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;border-radius:4px 4px 4px 4px;}.elementor-487 .elementor-element.elementor-element-a2ccfbe img{width:100%;height:20px;object-fit:contain;object-position:center center;border-radius:4px 4px 4px 4px;}.elementor-487 .elementor-element.elementor-element-cfc884c{width:100%;max-width:100%;}.elementor-487 .elementor-element.elementor-element-cfc884c > .elementor-widget-container{padding:18px 14px 18px 14px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;line-height:1.2em;letter-spacing:0px;text-align:left;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:100%;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:100%;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon{color:var( --e-global-color-text );font-size:22px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon :is(svg, path){fill:var( --e-global-color-text );}body:not(.rtl) .elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon{margin-right:14px;}body.rtl .elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon{margin-left:14px;}.elementor-487 .elementor-element.elementor-element-bc8de88{width:100%;max-width:100%;top:-2px;z-index:2;}body:not(.rtl) .elementor-487 .elementor-element.elementor-element-bc8de88{left:0px;}body.rtl .elementor-487 .elementor-element.elementor-element-bc8de88{right:0px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:1.2em;letter-spacing:0px;text-align:left;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:100%;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:100%;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon{color:#BBBBBB;font-size:22px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon :is(svg, path){fill:#BBBBBB;}body:not(.rtl) .elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon{margin-right:14px;}body.rtl .elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon{margin-left:14px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-487 .elementor-element.elementor-element-cfc884c > .elementor-widget-container{padding:15px 12px 15px 12px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__content{font-size:20px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon{font-size:20px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__content{font-size:15px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon{font-size:20px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-487 .elementor-element.elementor-element-cfc884c > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__content{font-size:16px;}.elementor-487 .elementor-element.elementor-element-cfc884c .jet-listing-dynamic-field__icon{font-size:18px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__content{font-size:14px;}.elementor-487 .elementor-element.elementor-element-bc8de88 .jet-listing-dynamic-field__icon{font-size:18px;}}/* Start custom CSS for image, class: .elementor-element-a2ccfbe */.menu-box-icon2{
    transition: all .3s ease;
}
.menu-box-icon2 .elementor-widget-container{
    width: 35px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-box-icon2 .elementor-icon-wrapper{
    margin-right: 6px;
}
.menu-box-icon .elementor-icon{
    display: block;
    z-index: 2;
    position: relative;
}
.menu-box-icon2 .elementor-widget-container:before{
    content: '';
    position: absolute;
    display: block;
    width: 26%;
    height: 100%;
    top: 0px;
    left: -6px;
    background: #EE8427;
    border-radius: 8px 0px 0px 8px;
    transform-origin: bottom right;
    transform: skew(-6deg, 0deg);
}
.menu-box-icon2 .elementor-widget-container:after{
    content: '';
    position: absolute;
    display: block;
    width: 26%;
    height: 100%;
    top: 0px;
    right: 0px;
    background: #EE8427;
    border-radius: 0px 8px 8px 0px;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-cfc884c */.descarga-soluciones .jet-listing-dynamic-field__inline-wrap{
    flex-direction: row-reverse;
}
.descarga-soluciones .jet-listing-dynamic-field__content a{
    display: block;
    color: #BBBBBB;
    font-weight: 400;
    font-size: 24px;
}
.descarga-soluciones .jet-listing-dynamic-field__icon{
    position: relative;
    padding: 6px 10px;
}
.descarga-soluciones .jet-listing-dynamic-field__icon:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    left: 0;
    top: 0;
    border-radius: 8px;
    transform: skew(-8deg);
    z-index: -1;
    transition: all .3s ease;
}
.descarga-soluciones .jet-listing-dynamic-field__inline-wrap:hover .jet-listing-dynamic-field__icon{
    color: #8F8F8F;
}
@media screen and (max-width: 1024px){
    .descarga-soluciones .jet-listing-dynamic-field__content a{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px){
    .descarga-soluciones .jet-listing-dynamic-field__content a{
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-bc8de88 */.descargas-soluciones-link{
    width: 100%;
    height: 100%;
}
.descargas-soluciones-link .jet-listing-dynamic-field{
    width: 100%;
    height: 100%;
}
.descargas-soluciones-link .jet-listing-dynamic-field__inline-wrap{
    width: 100%;
    height: 100%;
}
.descargas-soluciones-link .jet-listing-dynamic-field__content{
    width: 100%;
    height: 100%;
}
.descargas-soluciones-link .jet-listing-dynamic-field__content a{
    width: 100%;
    height: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e7c66 *//* 1. Estado inicial del ícono (oculto y sin ancho) */
.menu-box-icon2 {
    display: block !important;
    max-width: 0;
    opacity: 0;
    margin-right: 0;
    transition: max-width 0.4s ease, opacity 0.4s ease, margin-right 0.4s ease;
}

/* 2. Movemos SOLO el texto -51px a la izquierda (el ícono ya no se ve afectado) */
.descarga-soluciones {
    transform: translateX(-51px);
    transition: transform 0.4s ease; /* Le damos suavidad por si también quieres que regrese a 0 */
}

/* 3. Hover: El ícono aparece y gana ancho, empujando desde la izquierda */
.descarga-soluciones-box:hover .menu-box-icon2 {
    max-width: 60px; /* Ajusta al tamaño exacto de tu ícono */
    opacity: 1;
    margin-right: 15px; 
}

/* 4. Hover: El texto regresa a su posición original (0) mientras es empujado por el ícono */
.descarga-soluciones-box:hover .descarga-soluciones {
    transform: translateX(0);
}

/* 5. Hover: El cambio de color del ícono interior de JetEngine que pediste */
.descarga-soluciones-box:hover .descarga-soluciones .jet-listing-dynamic-field__icon {
    color: white;
}
.jet-listing-dynamic-field__icon {
    position: absolute;
    left: 70px;
    transition: left 0.4s ease; /* Esto crea el movimiento suave */
}

.descarga-soluciones-box:hover .jet-listing-dynamic-field__icon {
    left: 20px;
}

/* ICONO */
.jet-listing-dynamic-field__icon.icon.icon-upload{

    background:#EE8427 ;

    border-radius:8px;

    opacity:0;

    transform:skewX(0deg);

   
}

/* HOVER */
.descarga-soluciones-box:hover 
.jet-listing-dynamic-field__icon.icon.icon-upload{

    left:20px;

    opacity:1;

    transform:skewX(-15deg);
}

/* ENDEREZA EL ICONO */
.descarga-soluciones-box:hover 
.jet-listing-dynamic-field__icon.icon.icon-upload:before{

    display:block;

    transform:skewX(15deg);
}/* End custom CSS */