.elementor-518 .elementor-element.elementor-element-2f03dd0{--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;--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-weight:var( --e-global-typography-text-font-weight );}.elementor-518 .elementor-element.elementor-element-3dec336 img{height:350px;object-fit:cover;object-position:top center;}.elementor-518 .elementor-element.elementor-element-0af0742{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:83px;}body:not(.rtl) .elementor-518 .elementor-element.elementor-element-0af0742{left:0px;}body.rtl .elementor-518 .elementor-element.elementor-element-0af0742{right:0px;}.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-518 .elementor-element.elementor-element-1f377a6{width:var( --container-widget-width, 90% );max-width:90%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-518 .elementor-element.elementor-element-1f377a6.elementor-element{--align-self:center;}.elementor-518 .elementor-element.elementor-element-1f377a6 .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-accent );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-518 .elementor-element.elementor-element-5527603{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.woocommerce .elementor-518 .elementor-element.elementor-element-5527603 .price{color:var( --e-global-color-accent );font-family:"Geologica", Sans-serif;font-size:15px;font-weight:400;}.woocommerce .elementor-518 .elementor-element.elementor-element-5527603 .price ins{color:var( --e-global-color-text );}.jet-listing-item.single-jet-engine.elementor-page-518 > .elementor{width:300px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-518 .elementor-element.elementor-element-3dec336 img{height:200px;}.elementor-518 .elementor-element.elementor-element-0af0742{bottom:82px;}.elementor-518 .elementor-element.elementor-element-1f377a6{--container-widget-width:93%;--container-widget-flex-grow:0;width:var( --container-widget-width, 93% );max-width:93%;}.elementor-518 .elementor-element.elementor-element-1f377a6 .elementor-heading-title{font-size:0.9rem;line-height:1.3em;}.woocommerce .elementor-518 .elementor-element.elementor-element-5527603 .price{font-size:14px;}}/* Start custom CSS for shortcode, class: .elementor-element-d8a4973 *//* =========================================================
   PRODUCTO - CONTENEDOR PRINCIPAL
   ========================================================= */

.producto-card {
    position: relative;
}


/* =========================================================
   ZONA DE IMAGEN DEL PRODUCTO
   ========================================================= */

/*
 * IMPORTANTE:
 * El contenedor que contiene la imagen debe tener
 * position: relative para que el cuadro de colores
 * pueda posicionarse encima de la imagen.
 */

.producto-card .producto-imagen {
    position: relative;
}


/* =========================================================
   CUADRO BLANCO DE LOS COLORES
   ========================================================= */

.producto-card .producto-colores-hover {
    position: absolute;

    /* Ocupa todo el ancho de la imagen */
    left: 0;
    right: 0;

    /* Se coloca en la parte inferior de la imagen */
    bottom: 0;

    /* Distribución de los círculos */
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    /* Espaciado interno */
    padding: 12px 10px;

    /* Fondo blanco */
    background: #ffffff;

    /* Estado inicial: oculto */
    opacity: 0;
    visibility: hidden;

    /* Pequeña animación */
    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;

    /* Se coloca encima de la imagen */
    z-index: 10;

    /* Evita que el contenido sobresalga */
    box-sizing: border-box;
}


/* =========================================================
   MOSTRAR COLORES AL HACER HOVER
   ========================================================= */

/*
 * Cuando pasamos el mouse sobre el producto,
 * aparece el cuadro blanco.
 */

.producto-card:hover .producto-colores-hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* =========================================================
   CÍRCULOS DE COLOR
   ========================================================= */

.producto-card .producto-color-swatch {
    width: 18px;
    height: 18px;

    min-width: 18px;
    min-height: 18px;

    display: block;

    /* Forma circular */
    border-radius: 50%;

    /* El PHP coloca aquí el color */
    background-color: var(--color-swatch);

    /* Borde sutil */
    border: 1px solid #d5d5d5;

    /* Evita deformaciones */
    box-sizing: border-box;
}


/* =========================================================
   BORDE PARA COLORES MUY CLAROS
   ========================================================= */

.producto-card .producto-color-swatch {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}


/* =========================================================
   OPCIONAL: TAMAÑO EN TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .producto-card .producto-color-swatch {
        width: 17px;
        height: 17px;

        min-width: 17px;
        min-height: 17px;
    }

}


/* =========================================================
   OPCIONAL: TAMAÑO EN MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .producto-card .producto-color-swatch {
        width: 16px;
        height: 16px;

        min-width: 16px;
        min-height: 16px;
    }

}/* End custom CSS */