.elementor-642 .elementor-element.elementor-element-98e8add{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-642 .elementor-element.elementor-element-7080b6e{--display:flex;--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-642 .elementor-element.elementor-element-324876e{--display:flex;--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-642 .elementor-element.elementor-element-4c5ea68 .jet-woo-builder-archive-add-to-cart .button{display:block;--display-type:block;width:100%;font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-1ff823d );background-color:#2E2A2599;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:12px 0px 12px 0px;}.elementor-642 .elementor-element.elementor-element-4c5ea68 .jet-woo-builder-archive-add-to-cart .button:hover{color:#FFFFFF;background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-642 .elementor-element.elementor-element-4c5ea68 .jet-woo-builder-archive-add-to-cart{text-align:center;}body:not(.rtl) .elementor-642 .elementor-element.elementor-element-bc0d87d{right:6px;}body.rtl .elementor-642 .elementor-element.elementor-element-bc0d87d{left:6px;}.elementor-642 .elementor-element.elementor-element-bc0d87d{top:5px;}.elementor-642 .elementor-element.elementor-element-bc0d87d .elementor-icon-wrapper{text-align:center;}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-1ff823d );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon, .elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon, .elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-1ff823d );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-1ff823d );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-6698355 );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon:hover, .elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon:hover, .elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-6698355 );}.elementor-642 .elementor-element.elementor-element-bc0d87d.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-6698355 );}.elementor-642 .elementor-element.elementor-element-bc0d87d .elementor-icon{font-size:25px;padding:5px;border-width:1px 1px 1px 1px;}.elementor-642 .elementor-element.elementor-element-bc0d87d .elementor-icon svg{height:25px;}.elementor-642 .elementor-element.elementor-element-8a2f0d3{--display:flex;--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;--z-index:1;}.elementor-642 .elementor-element.elementor-element-8a2f0d3:not(.elementor-motion-effects-element-type-background), .elementor-642 .elementor-element.elementor-element-8a2f0d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ff823d );}.elementor-642 .elementor-element.elementor-element-d7e3872 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-d7e3872{text-align:center;}.elementor-642 .elementor-element.elementor-element-d7e3872 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:22px;font-weight:400;}.elementor-642 .elementor-element.elementor-element-8e793ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-642 .elementor-element.elementor-element-3bb3a2e{--display:flex;}.elementor-642 .elementor-element.elementor-element-88acf49.elementor-element{--align-self:center;}.elementor-642 .elementor-element.elementor-element-88acf49 .jet-listing-dynamic-field__content{color:var( --e-global-color-primary );font-size:20px;font-weight:500;text-align:center;}.elementor-642 .elementor-element.elementor-element-88acf49 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-642 .elementor-element.elementor-element-88acf49 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-642 .elementor-element.elementor-element-88acf49 .jet-listing-dynamic-field{justify-content:flex-start;}.jet-listing-item.single-jet-engine.elementor-page-642 > .elementor{width:350px;margin-left:auto;margin-right:auto;}@media(min-width:768px){.elementor-642 .elementor-element.elementor-element-3bb3a2e{--width:100%;}}@media(max-width:767px){.elementor-642 .elementor-element.elementor-element-4c5ea68 .jet-woo-builder-archive-add-to-cart .button{font-size:14px;}.elementor-642 .elementor-element.elementor-element-bc0d87d .elementor-icon{font-size:20px;}.elementor-642 .elementor-element.elementor-element-bc0d87d .elementor-icon svg{height:20px;}.elementor-642 .elementor-element.elementor-element-d7e3872 .elementor-heading-title{font-size:18px;}.elementor-642 .elementor-element.elementor-element-8e793ba{--width:100%;}.elementor-642 .elementor-element.elementor-element-3bb3a2e{--width:100%;}.elementor-642 .elementor-element.elementor-element-88acf49 .jet-listing-dynamic-field__content{font-size:16px;}}


/* Start custom CSS for container, class: .elementor-element-324876e */.btn_cart {
    position: absolute;
    bottom: 0; /* Posiciona el botón en la parte inferior del contenedor */
    left: 50%; /* Centra el botón horizontalmente */
    transform: translateX(-50%) translateY(100%); /* Inicialmente oculta el botón fuera de la vista (100% hacia abajo) */
    opacity: 0; /* Lo hace completamente transparente */
    
    /* Transiciones para la animación */
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    width: 100%!important;
    /* Estilos adicionales para tu botón (opcional, pero recomendado para que se vea bien) */
   
}

/* Estado al hacer hover sobre el contenedor principal */
.product-item-wrapper:hover .btn_cart {
    transform: translateX(-50%) translateY(0px); /* Desplaza 65px hacia arriba (posición negativa) */
    opacity: 1; /* Lo hace completamente visible */
}

.btn_eye {
    position: absolute;
    top: 60px;
    right: 0;
    /* Combinamos translateX para ocultarlo con rotate para el giro inicial */
    transform: translateX(100%) rotate(360deg); /* Oculto y rotado 360 grados */
    opacity: 0;
    
    /* Transiciones para la animación (transform y opacity) */
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;

    /* Tus propios estilos para el botón de ojo (asegúrate de que sea circular) */
    /* Ej: width: 40px; height: 40px; border-radius: 50%; */
}

/* --- Estado al hacer hover sobre el contenedor principal --- */
.product-item-wrapper:hover .btn_eye {
    /* Combinamos translateX para la posición final con rotate para el giro final (0 grados) */
    transform: translateX(-10px) rotate(0deg); /* Mueve 20px a la izquierda y vuelve a 0 grados de rotación */
    opacity: 1;
}/* End custom CSS */








