.elementor-626 .elementor-element.elementor-element-611c2452{--display:flex;}.elementor-626 .elementor-element.elementor-element-29a8420 .elementor-repeater-item-651b56e .swiper-slide-bg{background-color:#833ca3;background-image:url(https://femarket.gt/wp-content/uploads/2026/01/15.png);background-size:auto;}.elementor-626 .elementor-element.elementor-element-29a8420 .elementor-repeater-item-029c2fa .swiper-slide-bg{background-color:#4054b2;background-image:url(https://femarket.gt/wp-content/uploads/2026/01/9.png);background-size:auto;}.elementor-626 .elementor-element.elementor-element-29a8420 .elementor-repeater-item-145b759 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://femarket.gt/wp-content/uploads/2026/01/5-1.png);background-size:contain;}.elementor-626 .elementor-element.elementor-element-29a8420 .swiper-slide{transition-duration:calc(5010ms*1.2);height:392px;}.elementor-626 .elementor-element.elementor-element-29a8420 .swiper-slide-contents{max-width:68%;}.elementor-626 .elementor-element.elementor-element-29a8420 .swiper-slide-inner{text-align:center;}.elementor-626 .elementor-element.elementor-element-8ce27a5{background-color:transparent;background-image:linear-gradient(180deg, #FCFBFF 0%, #C9CAF5 100%);}.elementor-626 .elementor-element.elementor-element-8ce27a5 p{margin-block-end:0px;}.elementor-626 .elementor-element.elementor-element-8ce27a5 .elementor-drop-cap{margin-inline-end:10px;}@media(max-width:767px){.elementor-626 .elementor-element.elementor-element-8ce27a5 p{margin-block-end:0px;}}/* Start custom CSS for slides, class: .elementor-element-29a8420 *//* =========================================
   SLIDER REDONDEADO + UNA IMAGEN VISIBLE
   ========================================= */
.elementor-626 .elementor-element.elementor-element-29a8420 {
    border-radius: 24px;      /* esquinas redondeadas */
    overflow: hidden;         /* oculta imágenes laterales */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8ce27a5 *//* =========================================
   KEYFRAMES – SOLO BOTÓN
   ========================================= */
@keyframes wcButtonJump {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}

/* =========================================
   IMÁGENES DE PRODUCTOS
   SIN ANIMACIÓN
   ========================================= */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    animation: none; /* ❌ elimina el brinco */
}

/* Imágenes dentro de columnas */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .stk-block-column img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* =========================================
   RESPONSIVE – PRODUCTOS (MÓVIL)
   ========================================= */
@media screen and (max-width: 767px) {
    .elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product img {
        height: 220px;
    }

    .elementor-626 .elementor-element.elementor-element-8ce27a5 .stk-block-column img {
        width: 80%;
    }
}

/* =========================================
   BOTÓN AÑADIR AL CARRITO
   CON BRINCO
   ========================================= */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product a.button {
    border-radius: 50px;
    padding: 10px 22px;
    font-weight: 600;
    animation: wcButtonJump 2.4s infinite ease-in-out;
    transition: transform 0.3s ease;
}

/* Hover botón */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product a.button:hover {
    transform: scale(1.08);
}

/* =========================================
   PRECIOS CARICATURA – SIN FONDO, BORDE VERDE
   ========================================= */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product .price {
    background-color: transparent;    /* SIN fondo */
    border: 3px solid #2ecc71;        /* borde verde */
    padding: 8px 16px;
    border-radius: 18px;
    display: inline-block;
    font-weight: 900;
    font-size: 18px;
    color: #000000;                   /* letras negras */
    text-shadow: 1px 1px 0 #ffffff;   /* estilo comic */
    box-shadow: 3px 3px 0 #1e8449;    /* efecto sticker */
    transform: rotate(-2deg);         /* toque divertido */
}



/* Precio tachado (oferta) */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product .price del {
    color: #333;
    opacity: 0.7;
}

/* Precio en oferta */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product .price ins {
    text-decoration: none;
    color: #000;
}

/* =========================================
   CATEGORÍAS – MINIATURAS (MÓVIL)
   ========================================= */
@media screen and (max-width: 767px) {

    .elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product-category {
        text-align: center;
    }

    .elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product-category img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin: 0 auto 8px;
        border-radius: 12px;
    }
}

/* =========================================
   IMÁGENES DE PRODUCTOS
   REDONDEADAS + BORDE GRIS DELGADO
   ========================================= */
.elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    animation: none;
    border-radius: 18px;              /* esquinas suaves */
    border: 1px solid #dcdcdc;        /* línea gris delgada */
    box-shadow: none;                 /* sin sombra */
    background-color: #ffffff;
}

/* =========================================
   IMÁGENES HORIZONTALES SOLO EN MÓVIL
   ========================================= */
@media (max-width: 767px) {

    .elementor-626 .elementor-element.elementor-element-8ce27a5 .woocommerce ul.products li.product img {
        width: 100%;
        height: 160px;          /* menos alto → más horizontal */
        object-fit: cover;
        border-radius: 18px;
    }

}/* End custom CSS */