* { margin: 0; padding: 0; box-sizing: border-box; } :root { --amarillo: #FDB913; --rojo: #E30613; --negro: #000000; --gris-oscuro: #2D2D2D; --gris-claro: #F5F5F5; --blanco: #FFFFFF; --verde: #10B981; --amarillo-suave: #FFF4D6; } body { font-family: 'Inter', sans-serif; color: var(--gris-oscuro); line-height: 1.6; overflow-x: hidden; } h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1.2; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .hero { background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(227,6,19,0.5)), url('https://images.unsplash.com/photo-1550009158-9ebf69173e03?w=1600') center/cover; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--blanco); position: relative; padding: 40px 20px; } .hero-content { max-width: 800px; animation: fadeInUp 1s ease; } .logo-hero { max-width: 350px; margin: 0 auto 30px; filter: drop-shadow(0 4px 20px rgba(0,0,0,0.3)); } .hero h1 { font-size: 52px; margin-bottom: 20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); } .hero p { font-size: 22px; margin-bottom: 40px; opacity: 0.95; } .btn { display: inline-block; padding: 18px 45px; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 50px; transition: all 0.3s ease; cursor: pointer; border: none; font-family: 'Poppins', sans-serif; } .btn-primary { background: var(--rojo); color: var(--blanco); box-shadow: 0 8px 25px rgba(227,6,19,0.4); } .btn-primary:hover { background: #B30510; transform: translateY(-3px); box-shadow: 0 12px 35px rgba(227,6,19,0.6); } .hero-badges { display: flex; justify-content: center; gap: 30px; margin-top: 25px; font-size: 14px; flex-wrap: wrap; } section { padding: 80px 0; } .section-title { font-size: 42px; text-align: center; margin-bottom: 15px; color: var(--negro); } .section-subtitle { text-align: center; font-size: 18px; color: #666; margin-bottom: 50px; max-width: 700px; margin-left: auto; margin-right: auto; } .problema { background: var(--gris-claro); } .problema-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 50px; } .problema-card { background: var(--blanco); padding: 40px 30px; border-radius: 12px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; } .problema-card:hover { transform: translateY(-5px); } .problema-card .icon { font-size: 64px; margin-bottom: 20px; } .problema-card h3 { font-size: 24px; margin-bottom: 15px; color: var(--negro); } .solucion { background: var(--blanco); } .pasos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 50px; } .paso-card { text-align: center; padding: 30px; } .paso-number { width: 80px; height: 80px; background: var(--amarillo); color: var(--negro); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 800; margin: 0 auto 25px; box-shadow: 0 4px 15px rgba(253,185,19,0.3); } .beneficios { background: var(--gris-claro); } .beneficios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 35px; margin-top: 50px; } .beneficio-card { background: var(--blanco); padding: 35px 28px; border-radius: 12px; border-left: 5px solid var(--verde); box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: all 0.3s ease; } .beneficio-card:hover { border-left-color: var(--rojo); transform: translateX(5px); } .beneficio-card .emoji { font-size: 48px; margin-bottom: 15px; display: block; } .beneficio-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--negro); } .precios { background: var(--blanco); } .table-wrapper { overflow-x: auto; margin: 50px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 12px; } table { width: 100%; border-collapse: collapse; background: var(--blanco); } thead { background: var(--negro); color: var(--blanco); } th { padding: 20px 15px; text-align: left; font-weight: 600; font-size: 14px; text-transform: uppercase; } tbody tr { border-bottom: 1px solid #e5e5e5; transition: background 0.3s ease; } tbody tr:hover { background: var(--amarillo-suave); } td { padding: 22px 15px; } .product-name { font-weight: 600; color: var(--negro); font-size: 16px; } .price-retail { color: #999; text-decoration: line-through; } .price-uyque { color: var(--rojo); font-weight: 700; font-size: 18px; } .savings { color: var(--verde); font-weight: 700; font-size: 17px; } .discount-badge { background: var(--rojo); color: var(--blanco); padding: 6px 14px; border-radius: 20px; font-weight: 700; font-size: 14px; display: inline-block; } .highlight-box { background: var(--amarillo); color: var(--negro); padding: 30px; border-radius: 12px; text-align: center; font-size: 22px; font-weight: 600; margin-top: 30px; } .testimonios { background: var(--gris-claro); } .testimonios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 35px; margin-top: 50px; } .testimonio-card { background: var(--blanco); padding: 35px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); } .testimonio-text { font-size: 16px; font-style: italic; margin-bottom: 20px; color: #555; } .testimonio-autor { font-weight: 600; color: var(--negro); } .urgencia { background: var(--amarillo); color: var(--negro); text-align: center; padding: 70px 20px; } .urgencia h2 { font-size: 42px; margin-bottom: 20px; } .urgencia-benefits { max-width: 600px; margin: 40px auto; text-align: left; } .urgencia-benefits div { font-size: 18px; margin: 15px 0; } .contador { font-size: 28px; font-weight: 700; margin-top: 30px; color: var(--rojo); } .formulario { background: var(--blanco); padding: 80px 20px; } .form-container { max-width: 650px; margin: 50px auto; background: var(--gris-claro); padding: 50px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); } .form-group { margin-bottom: 25px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--negro); } .form-group input, .form-group select { width: 100%; padding: 15px; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; font-family: 'Inter', sans-serif; } .form-group input:focus, .form-group select:focus { outline: none; border-color: var(--rojo); } .checkbox-group { margin: 20px 0; } .checkbox-item { margin: 12px 0; display: flex; align-items: flex-start; gap: 10px; } .btn-submit { width: 100%; padding: 18px; font-size: 18px; margin-top: 20px; } .faq { background: var(--gris-claro); } .faq-container { max-width: 900px; margin: 50px auto; } .faq-item { background: var(--blanco); margin-bottom: 20px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .faq-question { padding: 25px 30px; font-weight: 600; color: var(--negro); cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-question:hover { background: var(--amarillo-suave); } .faq-question::after { content: '+'; font-size: 28px; font-weight: 700; color: var(--rojo); } .faq-answer { padding: 0 30px 25px; color: #666; display: none; } .faq-item.active .faq-answer { display: block; } .faq-item.active .faq-question::after { content: '−'; } footer { background: var(--negro); color: var(--blanco); padding: 40px 20px; text-align: center; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .hero h1 { font-size: 36px; } .section-title { font-size: 32px; } .logo-hero { max-width: 250px; } th:nth-child(2), td:nth-child(2) { display: none; } } @media (max-width: 768px) { .form-container { padding: 30px 15px; max-width: 100%; margin: 20px 10px; } }
Acceso exclusivo a descuentos de hasta 60% en las mejores marcas como Samsung, LG, Whirlpool y más. Todo por una membresía anual.
QUIERO ACCESO EXCLUSIVOLos intermediarios encarecen todo. Pagás hasta 60% más de lo que deberías.
“Descuentos” que nunca lo son. Precios que suben antes de bajar.
Horas comparando precios entre tiendas sin encontrar la mejor opción.
uyquebarato.com elimina intermediarios y te conecta directamente con marcas mayoristas premium.
Pagás una membresía anual y obtenés acceso inmediato a nuestra tienda exclusiva.
Navegá entre cientos de productos de marcas reconocidas a precios mayoristas.
Recuperá tu inversión en las primeras compras y seguí ahorrando todo el año.
Precios mayoristas directos. Sin trucos, sin letra pequeña.
Samsung, LG, Whirlpool, Sony, Apple y más. Productos originales garantizados.
Recibí tus productos en la puerta de tu casa de forma segura.
Garantía de fábrica en todos los productos. Devoluciones sin complicaciones.
La mayoría de miembros recuperan el costo de membresía en 2-3 compras.
Cupos limitados para mantener la exclusividad y mejor servicio.
Precios reales actualizados.
| Producto | Precio Retail (Estimado) | Precio uyquebarato.com | Tu Ahorro | % Descuento |
|---|---|---|---|---|
| 🖥️ Apple iMac 24″ M4 (2024) | ₡1,290,000 | ₡758,900 | ₡531,100 | 41% |
| 📱 iPhone 16 Pro Max 256GB | ₡1,150,000 | ₡679,900 | ₡470,100 | 41% |
| 💻 MacBook Air M3 15″ | ₡1,480,000 | ₡899,000 | ₡581,000 | 39% |
| 📺 TV Samsung 75″ Crystal UHD | ₡850,000 | ₡499,900 | ₡350,100 | 41% |
| 🎧 AirPods Pro 2da Gen | ₡190,000 | ₡124,900 | ₡65,100 | 34% |
| ⌚ Apple Watch Ultra 2 | ₡650,000 | ₡399,900 | ₡250,100 | 38% |
Únete a la lista de espera y asegurá tu lugar en el lanzamiento oficial.
“Estoy ansiosa por el lanzamiento. Si realmente tienen esos descuentos en Samsung, me ahorro miles de colones al año.”
María S. – San José
“Es como PriceSmart pero online y enfocado en electro. Me encanta la idea.”
Carlos R. – Heredia
“Ya me registré. Espero que cumplan lo prometido. Podría ser un cambio total en cómo compramos.”
Ana L. – Cartago
Los primeros 1,000 registrados obtendrán beneficios exclusivos:
Sin costo, sin compromiso. Solo te avisaremos cuando lancemos oficialmente.