
<div class="p-8 md:p-12 rounded-2xl shadow-lg relative overflow-hidden" style="background-color: #fef1f1"> <div class="max-w-4xl mx-auto space-y-8"> <!-- Trabajamos Online --> <div class="bg-white p-6 rounded-xl shadow-md text-center" data-aos="fade-up"> <h3 class="text-2xl font-bold text-pink-800 mb-3">💻 Trabajamos 100% Online</h3> <p class="text-gray-700">Realiza tu pedido desde la comodidad de tu casa.</p> </div> <!-- Métodos de Pago --> <div class="bg-white p-6 rounded-xl shadow-md text-center" data-aos="fade-right"> <h3 class="text-2xl font-bold text-pink-800 mb-3">💳 Métodos de Pago</h3> <ul class="text-gray-700 space-y-2"> <li>✔ Efectivo al momento de la entrega.</li> <li>✔ Transferencia bancaria (te pasamos los datos al confirmar la compra).</li> </ul> </div> <!-- Envíos y Puntos de Entrega --> <div class="bg-white p-6 rounded-xl shadow-md text-center" data-aos="fade-left"> <h3 class="text-2xl font-bold text-pink-800 mb-3">🚚 Envíos y Puntos de Entrega</h3> <p class="text-gray-700">📍 Envío a todo el país </p> <ul class="text-gray-700 space-y-2 mt-3"> <li>✔ Envío a domicilio mediante moto mandado (costo según la zona).</li> <li>✔ Puntos de entrega sin costo (consulta ubicación disponible).</li> </ul> <p class="text-gray-700 mt-3">📦 Tiempo de entrega: Coordinamos contigo para que recibas tu pedido lo antes posible.</p> </div> <!-- Grupo de WhatsApp --> <div class="bg-white p-6 rounded-xl shadow-md text-center" data-aos="zoom-in"> <h3 class="text-2xl font-bold text-pink-800 mb-3">📲 Únete a Nuestro Grupo de WhatsApp</h3> <p class="text-gray-700">Sé la primera en enterarte de nuevos ingresos, sorteos, encuestas, ofertas y más.</p> <a href="https://wa.me/3795566182" class="mt-4 inline-block px-6 py-2 bg-green-500 text-white rounded-lg text-lg font-semibold shadow-md hover:bg-green-600 transition">Unirme</a> </div> </div> </div>
<div class="p-8 md:p-12 rounded-2xl shadow-lg relative overflow-hidden" style="background-color: #fef1f1"> <!-- Patrón decorativo SVG de fondo --> <div class="absolute inset-0 opacity-5"> <svg class="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none"> <pattern id="pattern-circles" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="10" cy="10" r="2" fill="#FF69B4" /> </pattern> <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-circles)" /> </svg> </div> <div class="max-w-3xl mx-auto text-center relative" data-aos="fade-up"> <div class="inline-block mb-8"> <svg class="w-12 h-12 mx-auto mb-4 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> </div> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-pink-800 bg-gradient-to-r from-pink-800 to-pink-600 bg-clip-text text-transparent" > ¿Cómo Comprar? </h2> <p class="text-lg mb-12 text-pink-700 font-light">Tu guía paso a paso para una experiencia de compra perfecta</p> </div> <div class="max-w-4xl mx-auto space-y-8"> <!-- Pasos individuales con efectos AOS --> <div class="grid md:grid-cols-2 gap-8"> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="100"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">1</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Navega por el Catálogo</h3> <p class="text-gray-700 leading-relaxed"> Explora nuestras categorías de productos, como bases, sombras, labiales y más. Utiliza nuestro sistema de filtrado inteligente para encontrar exactamente lo que buscas. </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="200"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">2</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Selecciona tus Productos</h3> <p class="text-gray-700 leading-relaxed"> Haz clic en el producto que te interesa para ver más detalles. Ahí encontrarás información sobre colores, stock y precios. Si estás listo para comprar, selecciona la cantidad deseada y haz clic en "Agregar". </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="300"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">3</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Revisa tu Carrito</h3> <p class="text-gray-700 leading-relaxed"> Una vez que hayas añadido todos los productos que deseas, dirígete a tu carrito haciendo clic en el icono correspondiente. Aquí podrás revisar tu selección, modificar cantidades o eliminar artículos si lo deseas. </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="400"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">4</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Inicia sesión o Regístrate</h3> <p class="text-gray-700 leading-relaxed"> Si ya tienes una cuenta, inicia sesión con tus datos. Si eres nuevo, puedes crear una cuenta fácilmente proporcionando tu información básica. </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="500"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">5</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Completa la Compra</h3> <p class="text-gray-700 leading-relaxed"> Completa la información de envío y selecciona tu método de pago. Asegúrate de revisar toda la información para evitar errores. </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="600"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">6</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Confirma tu Pedido</h3> <p class="text-gray-700 leading-relaxed"> Después de ingresar los datos necesarios, revisa tu pedido final y haz clic en "Confirmar compra". Nos llegará la notificación de tu pedido una vez confirmado, nos estaremos comunicando a la brevedad. </p> </div> </div> </div> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl hover:scale-105 transition-all duration-300 group" data-aos="fade-up" data-aos-delay="700"> <div class="flex items-start space-x-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-pink-800 font-bold group-hover:bg-pink-800 group-hover:text-white transition-colors">7</span> <div> <h3 class="text-xl font-semibold mb-3 text-pink-800">Recibe tu Pedido</h3> <p class="text-gray-700 leading-relaxed"> Una vez procesado, recibirás actualizaciones sobre el estado de tu envío hasta que llegue a tu puerta. </p> </div> </div> </div> </div> </div> <div class="text-center mt-16 space-y-6 relative" data-aos="fade-up" data-aos-delay="800"> <div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-pink-200 to-transparent"></div> <div class="max-w-2xl mx-auto"> <p class="text-lg font-medium text-pink-800">Si tienes alguna pregunta o necesitas ayuda durante el proceso, no dudes en contactar a nuestro servicio al cliente a través del chat en vivo o por correo electrónico. ¡Disfruta de tus compras!.</p> <p class="text-lg mt-2 text-pink-700">¡Haz de cada compra una experiencia única! ✨</p> <div class="mt-8 flex items-center justify-center space-x-2"> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/> </svg> <p class="text-2xl font-bold text-pink-900">Zaira Cosmetics</p> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/> </svg> </div> </div> </div> </div>
<div class="p-8 md:p-12 rounded-2xl shadow-lg relative overflow-hidden" style="background-color: #fef1f1"> <div class="absolute inset-0 opacity-5"> <svg class="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none"> <pattern id="pattern-circles" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="10" cy="10" r="2" fill="#FF69B4" /> </pattern> <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-circles)" /> </svg> </div> <div class="max-w-3xl mx-auto text-center relative" data-aos="fade-up"> <div class="inline-block mb-8"> <svg class="w-12 h-12 mx-auto mb-4 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> </div> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-pink-800 bg-gradient-to-r from-pink-800 to-pink-600 bg-clip-text text-transparent"> ¿Cómo calcular el costo de envío? 📦 </h2> <p class="text-lg mb-12 text-pink-700 font-light"> Tú mini guía fácil y rápida para una compra sin vueltas 💕 </p> </div> <div class="max-w-4xl mx-auto space-y-8"> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> <span class="font-semibold text-pink-700"> Es súper simple: </span> Una vez armado tu carrito de compras, abajo vas a encontrar un espacio para ingresar tu código postal. ¿No te lo acordás? No pasa nada, lo buscas en Google con tu dirección y listo. <p class="text-gray-700 leading-relaxed mb-4">Una vez que ingresás tu código postal, la tienda te muestra dos opciones:</p> <h3 class="text-xl font-semibold mb-3 text-pink-800">Opciones de envío</h3> <ul class="list-decimal list-inside space-y-3 text-gray-700"> <li> <span class="font-semibold text-pink-700">Envío a sucursal de Correo Argentino:</span> Tú paquete se envía a la sucursal más cercana y vos lo retirás personalmente. </li> <li> <span class="font-semibold text-pink-700">Envío a domicilio:</span> Tú paquete llega directamente a tu casa. </li> </ul> <p class="text-gray-700 mt-4">En ambos casos vas a ver el precio del envío y podés elegir la opción que te quede más cómoda o económica.</p> </div> </div> <div class="text-center mt-16 space-y-6 relative" data-aos="fade-up" data-aos-delay="200"> <div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-pink-200 to-transparent"></div> <div class="max-w-2xl mx-auto"> <p class="text-lg font-medium text-pink-800">Si tienes alguna pregunta o necesitas ayuda durante el proceso, no dudes en contactar a nuestro servicio al cliente a través del chat en vivo o por nuestras redes sociales. ¡Disfruta de tus compras!. ¡Haz de cada compra una experiencia única!.</p> <div class="mt-6 flex items-center justify-center space-x-2"> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> <p class="text-2xl font-bold text-pink-900">Zaira Cosmetics</p> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1-32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> </div> </div> </div> </div>
<div class="p-8 md:p-12 rounded-2xl shadow-lg relative overflow-hidden" style="background-color: #fef1f1"> <div class="absolute inset-0 opacity-5"> <svg class="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none"> <pattern id="pattern-circles" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="10" cy="10" r="2" fill="#FF69B4" /> </pattern> <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-circles)" /> </svg> </div> <div class="max-w-3xl mx-auto text-center relative" data-aos="fade-up"> <div class="inline-block mb-8"> <svg class="w-12 h-12 mx-auto mb-4 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> </div> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-pink-800 bg-gradient-to-r from-pink-800 to-pink-600 bg-clip-text text-transparent"> Política de cambios y devoluciones 🎀 </h2> <p class="text-lg mb-12 text-pink-700 font-light"> Toda la información importante para que realices tu compra con total tranquilidad 💕 </p> </div> <div class="max-w-4xl mx-auto space-y-8"> <div class="bg-white/80 backdrop-blur-sm p-8 rounded-xl shadow-sm border border-pink-100 hover:shadow-xl transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> <p class="text-gray-700 leading-relaxed mb-4"> <span class="font-semibold text-pink-700">No realizamos devoluciones ni reembolsos</span>, excepto en casos donde falte algún producto dentro del pedido. Para verificarlo, el reclamo debe hacerse con un <strong>video del paquete cerrado</strong>, tal como fue recibido en su bolsa de envío. </p> <h3 class="text-xl font-semibold mb-3 text-pink-800">Productos dañados durante el envío</h3> <p class="text-gray-700 leading-relaxed mb-4"> 👉🏻 Si algún producto llega roto o dañado, el reclamo debe hacerse directamente con <strong>Correo Argentino</strong>, ya que no nos responsabilizamos por daños ocasionados durante el transporte. </p> <p class="text-gray-700 leading-relaxed"> ⚠️ Si no se cuenta con el <strong>video del paquete cerrado</strong>, no podremos realizar reembolsos bajo ninguna circunstancia. </p> </div> </div> <div class="text-center mt-16 space-y-6 relative" data-aos="fade-up" data-aos-delay="200"> <div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-pink-200 to-transparent"></div> <div class="max-w-2xl mx-auto"> <p class="text-lg font-medium text-pink-800"> Agradecemos tu comprensión y tu confianza 💕 </p> <div class="mt-6 flex items-center justify-center space-x-2"> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> <p class="text-2xl font-bold text-pink-900">Zaira Cosmetics</p> <svg class="w-6 h-6 text-pink-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" /> </svg> </div> </div> </div> </div>

Después de hacer clic en "Finalizar el pedido", nos comunicarmos contigo para confirmar el pago.
Podés retirar tu pedido en mi domicilio. La dirección será enviada una vez confirmado el pedido.
Envío a domicilio con moto mandado. El costo de envío se calcula dependiendo la zona y se coordina luego de realizar tu pedido.
Este método permite enviar tu pedido a cualquier parte del país mediante Correo Argentino. El costo del envío será calculado según tu localidad.