.elementor-896 .elementor-element.elementor-element-b35d306{--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;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-896 .elementor-element.elementor-element-b35d306:not(.elementor-motion-effects-element-type-background), .elementor-896 .elementor-element.elementor-element-b35d306 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b188cbf );}.elementor-896 .elementor-element.elementor-element-5ca1448{--display:flex;--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 );line-height:var( --e-global-typography-text-line-height );}.elementor-896 .elementor-element.elementor-element-544bbc6 img{border-radius:10px 10px 0px 0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-896 .elementor-element.elementor-element-a92c323 .elementor-heading-title{font-family:var( --e-global-typography-891d718-font-family ), Sans-serif;font-size:var( --e-global-typography-891d718-font-size );font-weight:var( --e-global-typography-891d718-font-weight );text-transform:var( --e-global-typography-891d718-text-transform );line-height:var( --e-global-typography-891d718-line-height );color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-896 .elementor-element.elementor-element-90564af{--divider-border-style:solid;--divider-color:#808080;--divider-border-width:1px;}.elementor-896 .elementor-element.elementor-element-90564af .elementor-divider-separator{width:100%;}.elementor-896 .elementor-element.elementor-element-90564af .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-896 .elementor-element.elementor-element-311b107{--divider-border-style:solid;--divider-color:#808080;--divider-border-width:1px;}.elementor-896 .elementor-element.elementor-element-311b107 .elementor-divider-separator{width:100%;}.elementor-896 .elementor-element.elementor-element-311b107 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-896 .elementor-element.elementor-element-8b208db{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-896 .elementor-element.elementor-element-aa5479b .elementor-heading-title{font-family:var( --e-global-typography-ad796a1-font-family ), Sans-serif;font-size:var( --e-global-typography-ad796a1-font-size );font-weight:var( --e-global-typography-ad796a1-font-weight );text-transform:var( --e-global-typography-ad796a1-text-transform );}.elementor-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-896 .elementor-element.elementor-element-a304c3d .elementor-button{background-color:#F7F7F7;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:0px 0px 0px 20px;}.elementor-896 .elementor-element.elementor-element-a304c3d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-896 .elementor-element.elementor-element-a304c3d .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-896 .elementor-element.elementor-element-910ae63 .elementor-button{background-color:#F7F7F7;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:0px 0px 0px 20px;}.elementor-896 .elementor-element.elementor-element-910ae63 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-896 .elementor-element.elementor-element-910ae63 .elementor-button .elementor-button-content-wrapper{gap:8px;}.jet-listing-item.single-jet-engine.elementor-page-896 > .elementor{width:500px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-896 .elementor-element.elementor-element-b35d306{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-896 .elementor-element.elementor-element-a92c323 .elementor-heading-title{font-size:var( --e-global-typography-891d718-font-size );line-height:var( --e-global-typography-891d718-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-896 .elementor-element.elementor-element-aa5479b .elementor-heading-title{font-size:var( --e-global-typography-ad796a1-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-896 .elementor-element.elementor-element-a304c3d .elementor-button{padding:11px 25px 11px 25px;}.elementor-896 .elementor-element.elementor-element-910ae63 .elementor-button{padding:11px 25px 11px 25px;}}@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 );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-896 .elementor-element.elementor-element-a92c323 .elementor-heading-title{font-size:var( --e-global-typography-891d718-font-size );line-height:var( --e-global-typography-891d718-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-896 .elementor-element.elementor-element-aa5479b .elementor-heading-title{font-size:var( --e-global-typography-ad796a1-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for button, class: .elementor-element-a304c3d */.botonflechap3 .elementor-button .elementor-button-icon { background-color: #ffffff !important; /* Fondo blanco */ width: 35px; /* Ajusta el tamaño del círculo */ height: 35px; /* Debe ser igual al ancho */ display: flex !important; /* Centra el icono dentro */ align-items: center; justify-content: center; border-radius: 50% !important; /* Hace que sea un círculo perfecto */ margin-right: 0px; /* Espacio entre el círculo y el texto */ box-shadow: 0px 4px 18px 0px rgba(128, 128, 128, 0.22); } .botonflechap3 .elementor-button .elementor-button-icon svg { width: 18px !important; /* Controla el tamaño real del icono */ fill: #EC6608 !important; transform: scale(0.6); } .botonflechap3 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; /* Centrado vertical total */ justify-content: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-910ae63 */.botonflechap3 .elementor-button .elementor-button-icon { background-color: #ffffff !important; /* Fondo blanco */ width: 35px; /* Ajusta el tamaño del círculo */ height: 35px; /* Debe ser igual al ancho */ display: flex !important; /* Centra el icono dentro */ align-items: center; justify-content: center; border-radius: 50% !important; /* Hace que sea un círculo perfecto */ margin-right: 0px; /* Espacio entre el círculo y el texto */ box-shadow: 0px 4px 18px 0px rgba(128, 128, 128, 0.22); } .botonflechap3 .elementor-button .elementor-button-icon svg { width: 18px !important; /* Controla el tamaño real del icono */ fill: #EC6608 !important; transform: scale(0.6); } .botonflechap3 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; /* Centrado vertical total */ justify-content: center; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b35d306 *//* Forzar el cambio de fondo en el botón cuando el contenedor padre recibe el hover */ [data-id="b35d306"]:hover [data-id="a304c3d"] a.elementor-button { background-color: #e96410 !important; color: #ffffff !important; box-shadow: 0px 8px 15px rgba(233, 100, 16, 0.4) !important; } /* Hacer que el icono blanco se vea circular como en la imagen */ [data-id="b35d306"]:hover [data-id="a304c3d"] .elementor-button-icon { background-color: #fff !important; border-radius: 50% !important; width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 10px !important; } /* Cambiar el color de la flecha SVG al hacer hover */ [data-id="b35d306"]:hover [data-id="a304c3d"] svg { fill: #e96410 !important; } .jet-listing-grid__item:hover .botonflechap3 svg path { fill: #e96410 !important; } /* Suavizar la transición */ [data-id="a304c3d"] a.elementor-button, [data-id="a304c3d"] .elementor-button-icon, [data-id="a304c3d"] svg { transition: all 0.3s ease !important; } /* ========================================================== SINCRONIZACIÓN DEL BOTÓN CON EL HOVER DE LA TARJETA ========================================================== */ /* 1. Al hacer hover en TODA la tarjeta, cambiamos el BOTÓN a naranja */ [data-id="b35d306"]:hover [data-id="a304c3d"] a.elementor-button { background-color: #e96410 !important; color: #ffffff !important; } /* 2. Al hacer hover en la tarjeta, el ICONO se vuelve un CÍRCULO BLANCO */ [data-id="b35d306"]:hover [data-id="a304c3d"] .elementor-button-icon { background-color: #ffffff !important; border-radius: 50% !important; width: 32px !important; height: 32px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 10px !important; } /* ========================================================== SOLUCIÓN AL COLOR DE LA FLECHA (FUERZA BRUTA SVG) ========================================================== */ /* 3. Forzar el cambio del SVG a NARANJA al hacer hover en la tarjeta */ [data-id="b35d306"]:hover [data-id="a304c3d"] svg path { fill: #e96410 !important; /* El naranja de Tidirefi */ } /* Seleccionamos el contenedor que envuelve TODO el item del listing */ .jet-listing-grid__item .elementor-element.elementor-element-b35d306 { border: 2px solid transparent !important; border-radius: 25px !important; /* Esquinas redondeadas como la imagen */ transition: all 0.3s ease-in-out !important; background-color: #ffffff !important; } /* EFECTO HOVER: Aparece el borde naranja y la sombra */ .jet-listing-grid__item:hover .elementor-element.elementor-element-b35d306 { border-color: #e96410 !important; /* Color naranja de la imagen */ box-shadow: 0px 10px 30px rgba(233, 100, 16, 0.25) !important; /* Sombra naranja suave */ transform: translateY(-5px); /* Se levanta un poco */ } /* BOTÓN: Cambia a naranja cuando la CAJA recibe el hover */ .jet-listing-grid__item:hover .botonflechap3 a.elementor-button { background-color: #e96410 !important; color: white !important; } /* ICONO DEL BOTÓN: El círculo blanco con flecha naranja */ .jet-listing-grid__item:hover .botonflechap3 .elementor-button-content-wrapper .elementor-button-icon { background-color: white !important; border-radius: 50% !important; width: 32px !important; height: 32px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .jet-listing-grid__item:hover .botonflechap3 svg { fill: #e96410 !important; /* Flecha naranja dentro del círculo blanco */ }/* End custom CSS */