.elementor-589 .elementor-element.elementor-element-b556b3a{--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;}.elementor-589 .elementor-element.elementor-element-1188ac2{--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;}.elementor-589 .elementor-element.elementor-element-d3bb16e{--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;--justify-content:center;--gap:02px 02px;--row-gap:02px;--column-gap:02px;}.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-589 .elementor-element.elementor-element-760b2d5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:49px;font-weight:600;color:var( --e-global-color-astglobalcolor6 );}.elementor-589 .elementor-element.elementor-element-faffa68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-589 .elementor-element.elementor-element-faffa68 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#6A0DAD;}.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 );}.woocommerce .elementor-589 .elementor-element.elementor-element-701b065 .price{color:var( --e-global-color-astglobalcolor6 );}.elementor-589 .elementor-element.elementor-element-f5747b2{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-589 .elementor-element.elementor-element-0ece7e9{--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-589 .elementor-element.elementor-element-0ece7e9.e-con{--align-self:center;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-589 .elementor-element.elementor-element-979b068 .cart button, .elementor-589 .elementor-element.elementor-element-979b068 .cart .button{font-size:24px;border-radius:17px 17px 17px 17px;padding:0px 0px 0px 0px;background-color:#6A0DAD;transition:all 0.2s;}.elementor-589 .elementor-element.elementor-element-979b068 .cart button:hover, .elementor-589 .elementor-element.elementor-element-979b068 .cart .button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:#6A0DAD;}.elementor-589 .elementor-element.elementor-element-b8be5b1{--display:flex;--justify-content:flex-start;--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-589 .elementor-element.elementor-element-02641d9{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-589 .elementor-element.elementor-element-1d1aa30{padding:0px 0px 14px 0px;}.elementor-589 .elementor-element.elementor-element-b7f012b{--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;--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-589 .elementor-element.elementor-element-ad698e9{--display:flex;}.elementor-589 .elementor-element.elementor-element-76c3c8a{text-align:center;}.elementor-589 .elementor-element.elementor-element-76c3c8a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-astglobalcolor6 );}.elementor-589 .elementor-element.elementor-element-bbb868f{--swiper-slides-to-display:5;--swiper-slides-gap:10px;}.elementor-589 .elementor-element.elementor-element-bbb868f .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-589 .elementor-element.elementor-element-bbb868f{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-589 .elementor-element.elementor-element-1188ac2{--width:50%;}.elementor-589 .elementor-element.elementor-element-d3bb16e{--width:50%;}.elementor-589 .elementor-element.elementor-element-0ece7e9{--width:50%;}.elementor-589 .elementor-element.elementor-element-b8be5b1{--width:50%;}}@media(max-width:767px){.elementor-589 .elementor-element.elementor-element-1188ac2{--width:100%;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-589 .elementor-element.elementor-element-d3bb16e{--width:100%;--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-589 .elementor-element.elementor-element-faffa68 .elementor-heading-title{font-size:14px;}.elementor-589 .elementor-element.elementor-element-b7f012b{--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-589 .elementor-element.elementor-element-76c3c8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-589 .elementor-element.elementor-element-76c3c8a .elementor-heading-title{font-size:28px;}.elementor-589 .elementor-element.elementor-element-bbb868f{--swiper-slides-to-display:3;--swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-02641d9 */.mi-btn-wsp {
    display: inline-block;
    background-color: #25D366; /* Color oficial WhatsApp */
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 50px; /* Bordes redondeados */
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.3s ease;
    border: 1px solid #25D366;
    margin-top: 10px; /* Separación de otros elementos */
    width: 100%; /* Opcional: para que ocupe todo el ancho */
    text-align: center;
}

.mi-btn-wsp:hover {
    background-color: #128C7E; /* Color más oscuro al pasar el mouse */
    color: #ffffff;
    border-color: #128C7E;
}

.mi-btn-wsp i {
    margin-right: 8px; /* Espacio entre el icono y el texto */
    font-size: 18px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-bbb868f *//* --- 1. SEGURIDAD Y RENDIMIENTO (OPTIMIZACIÓN) --- */
html, body {
    overflow-x: hidden !important; /* Evita que la pantalla baile a los lados */
    max-width: 100vw;
}

/* Aceleración por hardware para animaciones suaves en móvil */
.carrusel-apple-peek .e-loop-item,
.carrusel-apple-peek img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform, box-shadow;
}

/* --- 2. CONTENEDOR PRINCIPAL --- */
.carrusel-apple-peek {
    width: 100%;
    padding: 10px 0 20px 0; /* Espacio para que respiren las sombras */
    overflow: hidden; /* Corta lo que se salga de la pantalla */
}

/* --- 3. DISEÑO DE TARJETA (ESTILO APPLE FRAME) --- */
.carrusel-apple-peek .e-loop-item {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.08); /* Borde sutil */
    padding: 6px !important; /* Marco blanco alrededor de la foto */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Sombra suave */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 100%; /* Altura completa */
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow: visible; /* Permite que la sombra "salga" de la tarjeta */
}

/* Efecto Hover (Al pasar el mouse/dedo) */
.carrusel-apple-peek .e-loop-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(88, 28, 135, 0.2); /* Sombra morada */
    border-color: #581C87; /* Borde morado */
    z-index: 10; /* Se pone por encima de las otras */
}

/* --- 4. IMAGEN (CAJA GRIS) --- */
.carrusel-apple-peek .elementor-widget-image {
    background: #f9f9f9; /* Fondo gris igual a marcas */
    border-radius: 8px;
    margin: 0 !important;
    padding: 12px;
    height: 180px; /* Altura fija */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.carrusel-apple-peek .elementor-widget-image img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
    mix-blend-mode: multiply; /* Funde el borde blanco sucio de los PNGs */
    transition: transform 0.4s ease;
}

.carrusel-apple-peek .e-loop-item:hover .elementor-widget-image img {
    transform: scale(1.1); /* Zoom suave */
}

/* --- 5. TEXTOS Y PRECIO --- */
.carrusel-apple-peek .elementor-widget-theme-post-title,
.carrusel-apple-peek .elementor-widget-text-editor,
.carrusel-apple-peek .elementor-widget-woocommerce-product-price {
    padding-left: 4px;
    padding-right: 4px;
}

/* Título */
.carrusel-apple-peek .elementor-widget-theme-post-title {
    margin-top: 10px !important;
    margin-bottom: 2px !important;
}

.carrusel-apple-peek .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1d1d1f;
    text-align: center;
    line-height: 1.3;
}

/* Descripción corta */
.carrusel-apple-peek .elementor-widget-text-editor {
    font-size: 12px;
    color: #86868b;
    text-align: center;
    margin-bottom: 0px !important;
}

/* Precio */
.carrusel-apple-peek .elementor-widget-woocommerce-product-price {
    text-align: center;
    margin-top: auto !important; /* Empuja el precio al fondo siempre */
    padding-bottom: 5px;
}

.carrusel-apple-peek .price {
    font-size: 15px !important;
    color: #581C87 !important;
    font-weight: 800;
}

/* --- 6. CONFIGURACIÓN MÓVIL (PEEK SIN ERRORES) --- */
@media (max-width: 767px) {
    /* Tamaño fijo de tarjeta */
    .carrusel-apple-peek .swiper-slide {
        width: 190px !important; 
        margin-right: 12px !important;
        height: auto !important; /* Asegura que todas midan lo mismo */
        display: flex; /* Para estirar el contenido */
        flex-shrink: 0 !important; /* Evita que se aplasten si hay muchas */
    }

    /* Ajuste del contenedor interno para permitir sombras */
    .carrusel-apple-peek .elementor-loop-container {
        padding: 5px 5px 30px 5px !important; /* Aire abajo para la sombra */
        overflow: hidden !important; /* Seguridad extra */
    }
    
    /* El wrapper interno SÍ puede desbordar para mostrar el carrusel */
    .carrusel-apple-peek .swiper-wrapper {
        overflow: visible !important;
        display: flex;
        align-items: stretch; /* Iguala alturas */
    }
    
    /* Padding lateral al carril para que la primera tarjeta no se corte */
    .carrusel-apple-peek .swiper-container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* --- 7. CONFIGURACIÓN ESCRITORIO --- */
@media (min-width: 1024px) {
    .carrusel-apple-peek .swiper-slide {
        width: 230px !important;
        margin-right: 25px !important;
    }
    
    .carrusel-apple-peek .elementor-loop-container {
        padding: 15px !important; /* Espacio para el efecto hover */
    }
}
/* --- HACER TODA LA TARJETA CLICABLE --- */
/* Esto busca el enlace (a) dentro de la imagen y lo estira para cubrir todo */
.carrusel-apple-peek .elementor-widget-image a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; /* Se pone por encima de todo */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS *//* 1. Ajuste de Márgenes para Móvil (Estilo iShop) */
@media (max-width: 768px) {
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 0 15px !important; /* Espacio lateral limpio */
    }
}

/* 2. Ocultar el SKU y Categoría (iShop no muestra esto arriba) */
.product_meta {
    display: none !important;
}

/* 3. Estilo del Título del Producto */
h1.product_title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* Tipografía estilo Apple */
    font-weight: 700;
    font-size: 26px !important;
    color: #111;
    margin-bottom: 5px;
}

/* 4. Precio más grande y limpio */
.price {
    font-size: 22px !important;
    color: #333 !important;
    font-weight: 600;
}

/* 5. Botón de Añadir al carrito ancho completo (Estilo Móvil Moderno) */
@media (max-width: 768px) {
    .single_add_to_cart_button {
        width: 100% !important;
        background-color: #0071e3 !important; /* Azul Apple o usa tu Negro */
        border-radius: 8px !important;
        padding: 15px !important;
        font-weight: bold;
    }
}/* End custom CSS */