.elementor-58108 .elementor-element.elementor-element-871b08c{--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:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EBEBEB;--border-color:#EBEBEB;--border-radius:8px 8px 8px 8px;--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-58108 .elementor-element.elementor-element-871b08c:not(.elementor-motion-effects-element-type-background), .elementor-58108 .elementor-element.elementor-element-871b08c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-62f8255 );}.elementor-58108 .elementor-element.elementor-element-3784fc7{--display:flex;--overflow:hidden;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-58108 .elementor-element.elementor-element-39de0d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-58108 .elementor-element.elementor-element-39de0d8 img{height:180px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-58108 .elementor-element.elementor-element-3602850{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-58108 .elementor-element.elementor-element-bbc8918{--display:flex;--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-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-58108 .elementor-element.elementor-element-7741c29 .elementor-heading-title{font-size:14px;font-weight:600;color:var( --e-global-color-5153fbf );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );}.elementor-58108 .elementor-element.elementor-element-7ce6e7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-58108 .elementor-element.elementor-element-7ce6e7a .price{color:var( --e-global-color-5153fbf );font-size:20px;font-weight:800;}.woocommerce .elementor-58108 .elementor-element.elementor-element-7ce6e7a .price ins{color:var( --e-global-color-primary );}.elementor-58108 .elementor-element.elementor-element-8f1a94d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-58108 .elementor-element.elementor-element-1d3c213 .cart button, .elementor-58108 .elementor-element.elementor-element-1d3c213 .cart .button{font-size:14px;font-weight:400;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;padding:18px 18px 18px 18px;color:var( --e-global-color-primary );background-color:#02010100;border-color:#BDBDBD;transition:all 0.2s;}.elementor-58108 .elementor-element.elementor-element-1d3c213 .cart button:hover, .elementor-58108 .elementor-element.elementor-element-1d3c213 .cart .button:hover{color:var( --e-global-color-62f8255 );background-color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-58108 .elementor-element.elementor-element-871b08c{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-58108 .elementor-element.elementor-element-871b08c{--width:100%;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-7ce6e7a */.woocommerce div.product p.price{
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-1d3c213 */.elementor-58108 .elementor-element.elementor-element-1d3c213 .cart button, .elementor-58108 .elementor-element.elementor-element-1d3c213 .cart .button {
 
   
    border-style: solid !important;
    border-width: 1px 1px 1px 1px!important;
    border-radius: 8px 8px 8px 8px!important;
    padding: 18px 18px 18px 18px;
  
     border-color: #BDBDBD !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-871b08c *//* ========== BASE TARJETA ========== */
.lc-card {
  
     overflow: visible !important; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
}

/* ========== IMAGEN CON ZOOM ========== */
.lc-image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.lc-image-wrap img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.lc-card:hover .lc-image-wrap img {
    transform: scale(1.05);
}


/* ========== ICONOS FLOTANTES (Quick view, Wishlist, Compare) ========== */
.lc-actions {
  
    display: flex;
    flex-direction: column;
   
    z-index: 10;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s ease;
}

.lc-card:hover .lc-actions {
    opacity: 1;
    transform: translateX(0);
}

.lc-action-icon {
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    position: relative;
}

.lc-action-icon:hover {
    background: #ff6b6b;
    color: #fff;
    transform: translateY(-3px);
}

/* Tooltips para iconos */
.lc-action-icon::before {
    content: attr(data-tooltip);
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
}

.lc-action-icon:hover::before {
    opacity: 1;
    visibility: visible;
    right: 50px;
}




/* ========== ENVOLTURA DEL BOTÓN CON EFECTO DE EXPANSIÓN ========== */
.lc-cart-wrapper {
    display: grid;
    grid-template-rows: 0fr;     /* Altura 0 inicialmente */
    transition: grid-template-rows 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.lc-card:hover .lc-cart-wrapper {
    grid-template-rows: 1fr;      /* Se expande a la altura del contenido */
}

.lc-cart-wrapper > div {
    overflow: hidden;             /* Oculta el botón cuando la fila está colapsada */
}

/

.lc-cart-btn:hover {
  
    transform: translateY(-2px);
}


/* ========== ICONOS FLOTANTES - Permitir clic a través del contenedor ========== */
.lc-actions {
    pointer-events: none;  /* El contenedor NO captura clics */
}

.lc-actions .elementor-icon-wrapper a,
.lc-actions .yith-wcwl-add-to-wishlist-button {
    pointer-events: auto;  /* Los iconos SÍ son clicables */
}

/* ========== MOBILE Y TABLET: sin hover, todo visible ========== */
@media (max-width: 1024px) {

    /* Botón añadir carrito siempre expandido */
    .lc-cart-wrapper {
        grid-template-rows: 1fr !important;
    }

    /* Iconos flotantes siempre visibles */
    .lc-actions {
        opacity: 1 !important;
        transform: translateX(0) !important;
        pointer-events: none; /* se mantiene igual */
    }

    /* Sin zoom en imagen al tocar */
    .lc-card:hover .lc-image-wrap img {
        transform: none !important;
    }

    /* Sin elevación de tarjeta al tocar */
    .lc-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}/* End custom CSS */