.elementor-648 .elementor-element.elementor-element-82d6128{--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-648 .elementor-element.elementor-element-2faa824{--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-648 .elementor-element.elementor-element-7fef24c{--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-648 .elementor-element.elementor-element-ae71bbc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:49px;font-weight:600;color:var( --e-global-color-astglobalcolor6 );}.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-648 .elementor-element.elementor-element-49be889 .price{color:var( --e-global-color-astglobalcolor6 );}.elementor-648 .elementor-element.elementor-element-e3fd7e0{--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-648 .elementor-element.elementor-element-925f985{--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-648 .elementor-element.elementor-element-925f985.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-648 .elementor-element.elementor-element-16b67cc .cart button, .elementor-648 .elementor-element.elementor-element-16b67cc .cart .button{font-size:24px;border-radius:17px 17px 17px 17px;padding:0px 0px 0px 0px;background-color:#6A0DAD;transition:all 0.2s;}.elementor-648 .elementor-element.elementor-element-16b67cc .cart button:hover, .elementor-648 .elementor-element.elementor-element-16b67cc .cart .button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:#6A0DAD;}.elementor-648 .elementor-element.elementor-element-c8a2c09{--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-648 .elementor-element.elementor-element-b57b14d{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-648 .elementor-element.elementor-element-1f3366c{padding:0px 0px 14px 0px;}.elementor-648 .elementor-element.elementor-element-3e109da{--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-648 .elementor-element.elementor-element-81d27c9{--display:flex;}.elementor-648 .elementor-element.elementor-element-e80004a{text-align:center;}.elementor-648 .elementor-element.elementor-element-e80004a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-astglobalcolor6 );}.elementor-648 .elementor-element.elementor-element-25e8c09{--swiper-slides-to-display:5;--swiper-slides-gap:10px;}.elementor-648 .elementor-element.elementor-element-25e8c09 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-648 .elementor-element.elementor-element-25e8c09{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-648 .elementor-element.elementor-element-2faa824{--width:50%;}.elementor-648 .elementor-element.elementor-element-7fef24c{--width:50%;}.elementor-648 .elementor-element.elementor-element-925f985{--width:50%;}.elementor-648 .elementor-element.elementor-element-c8a2c09{--width:50%;}}@media(max-width:767px){.elementor-648 .elementor-element.elementor-element-2faa824{--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-648 .elementor-element.elementor-element-7fef24c{--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-648 .elementor-element.elementor-element-32b675a{padding:0px 0px 0px 0px;}.elementor-648 .elementor-element.elementor-element-3e109da{--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-648 .elementor-element.elementor-element-e80004a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-648 .elementor-element.elementor-element-e80004a .elementor-heading-title{font-size:28px;}.elementor-648 .elementor-element.elementor-element-25e8c09{--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-b57b14d *//* --- BOTÓN WHATSAPP ALOCADO --- */
.mi-btn-wsp {
    display: inline-flex; /* Mejor para centrar icono y texto */
    align-items: center;
    justify-content: center;
    
    /* Gradiente en vez de color plano para volumen */
    background: linear-gradient(45deg, #25D366, #128C7E);
    color: #ffffff;
    
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 800; /* Letra más gruesa */
    font-size: 1rem;
    text-transform: uppercase; /* Texto en mayúsculas para impacto */
    letter-spacing: 1px;
    
    /* Borde blanco para resaltar en fondos oscuros */
    border: 2px solid rgba(255,255,255,0.2);
    margin-top: 15px;
    width: 100%;
    
    /* Animación base: Latido constante */
    animation: whatsappPulse 2s infinite;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Rebote suave */
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}

/* Animación de Latido + Onda Expansiva */
@keyframes whatsappPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        transform: scale(1.05); /* Crece un poco */
        box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); /* Onda se disipa */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* ESTADO HOVER (AL PASAR EL MOUSE) */
.mi-btn-wsp:hover {
    background: #ffffff; /* Se vuelve blanco */
    color: #25D366; /* Texto verde */
    border-color: #25D366;
    
    /* Efecto Neón Intenso */
    box-shadow: 0 0 20px #25D366, 0 0 40px #25D366;
    transform: translateY(-5px) scale(1.1) !important; /* Salta hacia arriba */
}

/* ESTILO DEL ICONO */
.mi-btn-wsp i {
    margin-right: 10px;
    font-size: 1.4rem;
    transition: transform 0.5s ease;
}

/* El icono da una vuelta completa al pasar el mouse */
.mi-btn-wsp:hover i {
    transform: rotate(360deg);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-25e8c09 *//* --- 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 */