/* Contenedor del Popup estilo Dark Mode */
.sales-pop {
position: fixed;
bottom: 20px;
left: 20px;
background-color: #1a1a1a;
color: #ffffff;
padding: 12px 16px;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
display: flex;
align-items: center;
gap: 12px;
font-family: 'Segoe UI', Roboto, sans-serif;
z-index: 99999;
max-width: 310px;
opacity: 0;
transform: translateY(30px);
transition: all 0.5s ease-in-out;
visibility: hidden;
border: 1px solid #2d2d2d;
}
/* Estado Activo (Visible) */
.sales-pop.show {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
/* Miniatura del Producto */
.sales-pop-img {
width: 48px;
height: 48px;
border-radius: 8px;
object-fit: cover;
background-color: #ffffff;
}
/* Texto y Detalle */
.sales-pop-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
}
.sales-pop-user {
font-size: 13px;
font-weight: 700;
color: #ffffff;
display: flex;
align-items: center;
gap: 4px;
}
.sales-pop-check {
color: #20ba5a;
font-size: 11px;
}
.sales-pop-product {
font-size: 12px;
color: #e0e0e0;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 190px;
}
.sales-pop-meta {
font-size: 11px;
color: #aaaaaa;
display: flex;
align-items: center;
gap: 3px;
}
/* Botón de cerrar */
.sales-pop-close {
position: absolute;
top: 8px;
right: 10px;
color: #777;
font-size: 12px;
cursor: pointer;
line-height: 1;
}
.sales-pop-close:hover {
color: #fff;
}
✕
// LISTA DE DATOS DE COMPRADORES REALISTAS EN ECUADOR
const salesData = [
{ name: "EC Andrés Mora", city: "Cuenca", time: "3" },
{ name: "EC María Fernanda", city: "Quito", time: "1" },
{ name: "EC Carlos Viteri", city: "Guayaquil", time: "7" },
{ name: "EC Bryan Salazar", city: "Ambato", time: "2" },
{ name: "EC Lucía Paredes", city: "Loja", time: "5" },
{ name: "EC Gabriel Castro", city: "Santo Domingo", time: "4" },
{ name: "EC Diana Morales", city: "Machala", time: "8" },
{ name: "EC Fernando Noboa", city: "Riobamba", time: "2" },
{ name: "EC Patricia Jaramillo", city: "Manta", time: "6" },
{ name: "EC Javier Espinoza", city: "Ibarra", time: "10" }
];
let currentIndex = 0;
const popElement = document.getElementById("salesPop");
function showNextNotification() {
const data = salesData[currentIndex];
// Actualizar campos
document.getElementById("popName").innerText = data.name;
document.getElementById("popCity").innerText = data.city;
document.getElementById("popTime").innerText = data.time;
// Mostrar el popup
popElement.classList.add("show");
// Ocultar después de 5 segundos
setTimeout(() => {
popElement.classList.remove("show");
}, 5000);
// Incrementar o reiniciar el índice
currentIndex = (currentIndex + 1) % salesData.length;
}
function closePop() {
popElement.classList.remove("show");
}
// Primera notificación a los 3 segundos de entrar a la web
setTimeout(() => {
showNextNotification();
// Repetir cada 12 segundos
setInterval(showNextNotification, 12000);
}, 3000);
EC Andrés Mora ✓
Compró Proyector Navideño...
.lp-body-container {
max-width: 500px;
margin: 0 auto;
background-color: #ffffff;
padding: 15px;
font-family: 'Segoe UI', Roboto, sans-serif;
}
.lp-media-box img, .lp-extra-img img {
width: 100%;
border-radius: 8px;
margin-bottom: 15px;
display: block;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* Alerta de Urgencia */
.lp-alert-stock {
background: #ffe3e3;
color: #c92a2a;
border: 1px solid #ff8787;
padding: 10px;
border-radius: 6px;
font-size: 13px;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}
.lp-benefits-list {
background-color: #f8f9fa;
border-left: 4px solid #d90429;
padding: 15px 15px 15px 35px;
border-radius: 0 8px 8px 0;
margin-bottom: 20px;
text-align: left;
}
.lp-benefits-list li {
margin-bottom: 8px;
font-size: 14px;
color: #333333;
}
/* Caja de Precio Agresiva */
.lp-price-box {
background: linear-gradient(135deg, #fff3bf 0%, #ffec99 100%);
border: 2px dashed #f59f00;
padding: 15px;
border-radius: 8px;
text-align: center;
margin-bottom: 20px;
}
.lp-old-price {
text-decoration: line-through;
color: #666666;
font-size: 16px;
}
.lp-new-price {
font-size: 30px;
color: #d90429;
font-weight: 800;
}
.lp-cod-badge {
background: #2b8a3e;
color: #fff;
font-size: 12px;
padding: 4px 8px;
border-radius: 4px;
display: inline-block;
margin-top: 5px;
font-weight: bold;
}
/* SECCIÓN DE RESEÑAS REALISTAS CON IMAGEN */
.lp-reviews-section {
background: #f1f3f5;
padding: 15px;
border-radius: 8px;
margin-bottom: 20px;
text-align: left;
}
.lp-reviews-title {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #111;
margin-bottom: 12px;
}
.lp-review-card {
background: #fff;
padding: 12px;
border-radius: 6px;
margin-bottom: 12px;
box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.lp-review-header {
display: flex;
justify-content: space-between;
font-size: 13px;
font-weight: bold;
color: #222;
margin-bottom: 3px;
}
.lp-review-stars {
color: #f59f00;
font-size: 12px;
}
.lp-review-text {
font-size: 13px;
color: #555;
line-height: 1.3;
margin-bottom: 8px;
}
.lp-review-img {
width: 100%;
max-height: 160px;
object-fit: cover;
border-radius: 4px;
margin-top: 6px;
}
.lp-verified {
color: #2b8a3e;
font-size: 11px;
margin-top: 5px;
display: block;
}
/* Formulario COD */
.lp-form-box {
background-color: #ffffff;
border: 2px solid #25d366;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(37,211,102,0.15);
text-align: left;
}
.lp-form-box h3 {
text-align: center;
font-size: 18px;
margin-bottom: 5px;
color: #111111;
}
.lp-form-subtitle {
text-align: center;
font-size: 12px;
color: #666;
margin-bottom: 15px;
}
.lp-input-group {
margin-bottom: 12px;
}
.lp-input-group label {
display: block;
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
color: #222222;
}
.lp-input-group input {
width: 100%;
padding: 12px;
border: 1px solid #cccccc;
border-radius: 6px;
font-size: 15px;
box-sizing: border-box;
}
.lp-btn-submit {
width: 100%;
background-color: #25d366;
color: #ffffff;
border: none;
padding: 16px;
font-size: 17px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
text-transform: uppercase;
box-shadow: 0 4px 10px rgba(37,211,102,0.3);
margin-top: 10px;
}
.lp-btn-submit:hover {
background-color: #20ba5a;
}
✔ Comprador verificado - Pago contra entrega
✔ Comprador verificado - Pago contra entrega
✔ Comprador verificado - Pago contra entrega
✔ Comprador verificado - Pago contra entrega
⚠️ ¡ATENCIÓN ECUADOR! Quedan pocas unidades por temporada navideña.
- ✨ Magia Inmediata: Ilumina toda tu fachada o sala con miles de figuras láser en movimiento sin esfuerzo.
- 🌧️ 100% Impermeable: Diseñado para soportar lluvia, sol y el clima exterior sin dañarse.
- ⚡ Ahorro Extremo: Consume 99% menos energía que las mangueras de luces tradicionales.
- ⏱️ Adiós Enredos: Olvídate de pasar horas desenredando cables o subirte arriesgadamente a los techos.
Precio Regular: $49.99
OFERTA FLASH: $29.99 USD
💵 PAGO 100% AL RECIBIR EN CASA
⭐ Lo que dicen nuestros clientes en Ecuador
Carlos M. (Quito)
★★★★★
"Me llegó en 2 días aquí a Quito. Lo probé anoche en la fachada de la casa y la verdad se ve increíble, mis vecinos me preguntaron dónde lo compré."
✔ Comprador verificado - Pago contra entrega
Valeria T. (Guayaquil)
★★★★★
"Super práctico. Lo puse en la sala apuntando al tumbado y a mis hijos les encantó el efecto de la nieve y Papá Noel. Llegó sellado."
✔ Comprador verificado - Pago contra entrega
Andrés P. (Cuenca)
★★★★★
"Buen producto, ilumina bastante bien toda la pared frontal. Lo pagé en efectivo al momento que me entregó Servientrega. 100% recomendado."
✔ Comprador verificado - Pago contra entrega
Mariana R. (Ambato)
★★★★★
"Excelente calidad de proyección, la definición de las figuras es muy clara y cubre un área gigante. Llegó rapidísimo."
✔ Comprador verificado - Pago contra entrega
🛒 FORMULARIO DE PEDIDO
Rellena tus datos abajo. No pagas nada ahora, pagas al recibir tu proyector en la puerta de tu casa.