.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11512 .elementor-element.elementor-element-17f8813{--display:flex;--min-height:320px;--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;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11512 .elementor-element.elementor-element-17f8813:hover::before, .elementor-11512 .elementor-element.elementor-element-17f8813:hover > .elementor-background-video-container::before, .elementor-11512 .elementor-element.elementor-element-17f8813:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-11512 .elementor-element.elementor-element-17f8813 > .elementor-background-slideshow:hover::before, .elementor-11512 .elementor-element.elementor-element-17f8813 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:var( --e-global-color-38a7dcf );--background-overlay:'';}.elementor-11512 .elementor-element.elementor-element-17f8813:not(.elementor-motion-effects-element-type-background), .elementor-11512 .elementor-element.elementor-element-17f8813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11512 .elementor-element.elementor-element-17f8813:hover{--overlay-opacity:0.5;}.elementor-11512 .elementor-element.elementor-element-17f8813, .elementor-11512 .elementor-element.elementor-element-17f8813::before{--overlay-transition:0.8s;}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11512 .elementor-element.elementor-element-449a552{padding:0px 20px 0px 20px;text-align:center;}.elementor-11512 .elementor-element.elementor-element-449a552 .elementor-heading-title{font-family:"Ibarra Real Nova", Sans-serif;font-size:33px;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-button .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-button .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11512 .elementor-element.elementor-element-f55522d .elementor-button{background-color:var( --e-global-color-38a7dcf );font-family:"Nunito", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-38a7dcf );border-radius:100px 100px 100px 100px;padding:20px 35px 20px 35px;}.elementor-11512 .elementor-element.elementor-element-f55522d .elementor-button:hover, .elementor-11512 .elementor-element.elementor-element-f55522d .elementor-button:focus{background-color:var( --e-global-color-0215c29 );color:var( --e-global-color-38a7dcf );border-color:var( --e-global-color-38a7dcf );}.elementor-11512 .elementor-element.elementor-element-f55522d .elementor-button:hover svg, .elementor-11512 .elementor-element.elementor-element-f55522d .elementor-button:focus svg{fill:var( --e-global-color-38a7dcf );}.jet-listing-item.single-jet-engine.elementor-page-11512 > .elementor{width:600px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-11512 .elementor-element.elementor-element-17f8813{--min-height:240px;}}@media(min-width:768px){.elementor-11512 .elementor-element.elementor-element-17f8813{--content-width:600px;}}

/* Start custom CSS for container, class: .elementor-element-17f8813 *//* 1. Estilos Iniciales para el Contenedor y la Imagen */

.biglist {
    /* Asegura que cualquier elemento posicionado absolutamente dentro (como el overlay) 
       se posicione correctamente respecto a este contenedor. */
    overflow: hidden; 
    position: relative; /* Esencial para el zoom y ocultar desbordamiento */
    
}

/* Selector para la imagen de fondo de Elementor (puede variar, pero --e-bg-image suele apuntar a ella) */
.biglist > .e-con-inner {
    /* 1.1 Configurar Transición para la Imagen/Fondo */
    transition: transform 0.5s ease-in-out; 
}

/* 2. Ocultar Título y Botón Inicialmente */

/* Este .elementor-11512 .elementor-element.elementor-element-17f8813 debe apuntar específicamente al título y botón DENTRO del .biglist */
.biglist .titugrande,
.biglist .btngrande {
    /* 2.1 Ocultar */
    opacity: 0;
    /* 2.2 Configurar Transición para la aparición */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    /* 2.3 Desplazamiento inicial para efecto "entrada" */
    transform: translateY(10px); 
}

/* 3. Control de la Transición del Overlay */

/* Elementor utiliza variables CSS para el overlay. Necesitas transicionar la variable. */
.biglist {
    /* 3.1 Transiciona la variable del overlay y otros posibles efectos de Elementor */
    transition: var(--overlay-opacity, 0.5s) ease-in-out;
    /* 3.2 Establece el estado INICIAL de opacidad (oculto) */
    --overlay-opacity: 0; 
}

/* --- ESTADOS HOVER --- */

/* 4. Efecto Hover en el Contenedor .biglist */

.biglist:hover {
    /* 4.1 Mostrar el Overlay con transición suave */
    --overlay-opacity: 0.5; /* Muestra el overlay al valor deseado */
}

/* 5. Efecto Zoom en la Imagen de Fondo */

.biglist:hover > {
    /* 5.1 Zoom de la imagen/fondo */
    transform: scale(1.1); /* Hace el zoom 110% */
}

/* 6. Mostrar Título y Botón */

.biglist:hover .titugrande,
.biglist:hover .btngrande {
    /* 6.1 Mostrar */
    opacity: 1; 
    /* 6.2 Eliminar el desplazamiento para que "entren" */
    transform: translateY(0);
}

/* Importante: Si estás usando Elementor, DEBES asegurarte de que las clases 'titugrande' y 'btngrande'
   estén siendo aplicadas a los elementos correctos. 
   Según tu HTML, el título es: 
   .elementor-heading-title.elementor-size-default
   y el botón es: 
   .elementor-button
   Asegúrate de agregar tus clases personalizadas 'titugrande' y 'btngrande' a estos widgets de Elementor.
*//* End custom CSS */

