Descripción

CMF Phone 2 Pro 128GB – Smartphone 5G Libre con cámara de 50 MP y Zoom 20x, Pantalla AMOLED FHD+ de 6,77" 120 Hz, Gran Batería de 5000 mAh de Larga duración y Nothing OS 3.2 – Blanco

Características destacadas

CÁMARA: 50 MP Cámara principal, 50 MP Cámara teleobjetivo zoom óptico de 2 aumentos, zoom digital de 20 aumentos, 8 MP Cámara ultra gran angular, 16 MP Cámara delantera. Gracias a avanzados algoritmos Ultra XDR y procesamiento inteligente, TrueLens Engine 3 de Nothing ofrece una reproducción profesional de luces y sombras para capturas realistas en cualquier condición.
NOTHING OS 3.2: Intuitivo por naturaleza y basado en una personalización funcional. Nothing OS 3 te acerca a una experiencia más enfocada y productiva, eliminando distracciones, fomentando conexiones significativas y protegiendo tu privacidad. Un nuevo botón en el lateral de tu dispositivo. ESSENTIAL KEY: Pulsa una vez para capturar el contenido de tu pantalla o mantén presionado para grabar tu voz, ideas e inspiración en cualquier momento.
PROCESADOR: El nuevo procesador MediaTek Dimensity 7300 Pro 5G cuenta con una CPU de 8 núcleos que funciona a velocidades de hasta 2,5 GHz para conseguir un rendimiento de vanguardia. Diseñado conjuntamente con la tecnología de procesamiento de 4nm de TSMC. PUNTUACIÓN ANTUTU: 710.000+ El CMF Phone 2 Pro es el más rápido en su segmento. NFC Compatible con Google Wallet y mucho más.
PANTALLA: Más grande, más brillante y más fluida. La pantalla AMOLED flexible FHD+ de 6,77” del CMF Phone 2 Pro ofrece 1.070 millones de colores para una experiencia visual impresionante. 3000 nits Aumento del 50% de brillo máximo para los días de mucho sol 1000 Hz Frecuencia de muestreo táctil Instantanea 120 Hz Frecuencia de Refresco Adaptativa para disfrutar de una experiencia fluida.
BATERÍA: 5000 mAh Batería de gran capacidad para usarlo de forma ininterrumpida durante días. 1200 ciclos de carga Garantiza que la capacidad de la batería se mantenga por encima del 90% después de 1200 ciclos de carga. 22 horas de YouTube. 47 horas de llamadas de voz. Carga rápida a 33W Un día de batería en solo 20 minutos
DISEÑO:CMF Phone 2 Pro sigue celebrando la belleza de la artesanía en su forma más pura con un diseño único y adaptable. Incorpora tornillos desmontables y un punto de anclaje para instalar una variedad de accesorios funcionales.Un diseño ultradelgado de 7,8 mm y un cuerpo ultraligero de 185 g. El smartphone más fino de Nothing hasta la fecha.
SOPORTE DE SOFTWARE: 3 años de actualizaciones de Android y 6 años de parches de seguridad. CMF Phone 2 Pro recibirá actualizaciones durante 6 años a partir de la fecha en que el dispositivo esté disponible en nothing.tech. Esto incluye tres años de actualizaciones de Android y seis años de actualizaciones de seguridad, además de actualizaciones correctivas y de funcionalidades.

Historial de precios

Los precios mostrados son orientativos y pueden variar.

Artículo

CMF Phone 2 Pro 128GB – Smartphone 5G Libre con cámara de 50 MP y Zoom 20x, Pantalla AMOLED FHD+ de 6,77" 120 Hz, Gran Batería de 5000 mAh de Larga duración y Nothing OS 3.2 – Blanco

Name: ¡Descubre el CMF Phone 2 Pro! Cámara 50 MP, Zoom 20x, pantalla AMOLED 6.77, batería de 5000 mAh y Nothing OS 3.2. ¡Oferta irresistible!
Brand: Amazon
SKU: B0F2T757V4
Availability: InStock

¿Quieres un teléfono que te haga la vida más fácil y divertida? El CMF Phone 2 Pro es el rey de las ofertas tech. Con cámara de 50 MP, pantalla AMOLED de 6,77", batería de 5000 mAh y Nothing OS 3.2, este smartphone es un chollo de ley. ¡No te lo pierdas!

Cámara de 50 MP y Zoom 20x: Captura en cualquier condición

¿Necesitas un teléfono que te haga fotos como un profesional? El CMF Phone 2 Pro tiene una cámara principal de 50 MP y un teleobjetivo zoom óptico de 2 aumentos. ¡Sí, es posible! Con el zoom digital de 20 aumentos, podrás capturar detalles increíbles incluso en condiciones extremas. Gracias a los algoritmos Ultra XDR y el TrueLens Engine 3, las fotos salen realistas, con luces y sombras perfectas. ¡Imagina cómo se verían tus fotos en Instagram!

Cámara de 50 MP y Zoom 20x

Captura en cualquier condición con algoritmos Ultra XDR y TrueLens Engine 3.

Ver en Amazon

Nothing OS 3.2: Tu experiencia de uso se mejora

El CMF Phone 2 Pro no solo tiene un hardware potente, sino también un Nothing OS 3.2 que te hará sentir como si estuvieras usando un dispositivo personalizado. Este sistema operativo es intuitivo, elimina distracciones y protege tu privacidad. Además, hay un nuevo botón lateral que te permite capturar pantallas o grabar ideas en cualquier momento. ¡Es como tener un asistente virtual que siempre está ahí para ti!

Nothing OS 3.2: Sistema operativo intuitivo

Elimina distracciones, fomenta conexiones significativas y protege tu privacidad.

Ver en Amazon

Procesador MediaTek Dimensity 7300 Pro 5G: Rendimiento de vanguardia

¿Buscas un teléfono que no se te quede atrás? El CMF Phone 2 Pro tiene un procesador MediaTek Dimensity 7300 Pro 5G con 8 núcleos que alcanzan hasta 2,5 GHz. Este chip está diseñado con tecnología de 4nm de TSMC, lo que lo hace extremadamente eficiente. Con una puntuación Antutu de más de 1,2 millones, este teléfono es ideal para juegos, multitarea y apps pesadas. ¡No te preocupes por el rendimiento!

Procesador MediaTek Dimensity 7300 Pro 5G

8 núcleos de hasta 2,5 GHz y tecnología de 4nm para un rendimiento de vanguardia.

Ver en Amazon

Pantalla AMOLED FHD+ de 6,77" 120 Hz: Experiencia visual inmersiva

La pantalla AMOLED FHD+ de 6,77" del CMF Phone 2 Pro es una maravilla. Con una frecuencia de actualización de 120 Hz, el movimiento es fluido y las imágenes son nítidas. Además, el contraste es excelente, lo que hace que los colores brillen como en una película. Ya sea que estés jugando, viendo videos o navegando, esta pantalla te hará sentir como si estuvieras en una experiencia de realidad virtual. ¡Es una vista para no perderse!

Pantalla AMOLED FHD+ de 6,77" 120 Hz

Experiencia visual inmersiva con frecuencia de actualización de 120 Hz.

Ver en Amazon

Batería de 5000 mAh: Tres días de uso sin carga

¿Te cansa cargar tu teléfono cada noche? El CMF Phone 2 Pro tiene una batería de 5000 mAh que te durará hasta tres días con uso normal. Además, el modo de ahorro de energía optimiza el consumo para que puedas usar tu teléfono sin preocuparte por la carga. Con una carga rápida de 30W, podrás tener tu teléfono listo en minutos. ¡No más interrupciones!

Batería de 5000 mAh - Tres días de uso sin carga

Carga rápida de 30W para tener tu teléfono listo en minutos.

Ver en Amazon

Diseño elegante y resistente: Un teléfono para todos los días

El CMF Phone 2 Pro no solo tiene un rendimiento impresionante, sino también un diseño elegante y resistente. Con un cuerpo de aluminio y un acabado de vidrio, este teléfono es tanto estético como duradero. Además, está protegido contra salpicaduras y polvo, lo que lo hace ideal para usarlo en cualquier situación. Ya sea que estés en la oficina, en la calle o en un viaje, este teléfono te acompañará sin problemas.

Diseño elegante y resistente

Cuerpo de aluminio y acabado de vidrio para un aspecto moderno y duradero.

Ver en Amazon

Soporte de software continuo: Actualizaciones sin fin

El CMF Phone 2 Pro no solo tiene un hardware potente, sino también un soporte de software continuo. Con actualizaciones regulares, podrás disfrutar de nuevas funciones y mejoras de seguridad. Además, el sistema operativo está optimizado para ofrecer una experiencia de uso fluida y segura. ¡No te preocupes por quedarte atrás con la tecnología!

Soporte de software continuo

Actualizaciones regulares para disfrutar de nuevas funciones y mejoras de seguridad.

Ver en Amazon

¿Estás buscando un teléfono que combine potencia, estilo y durabilidad? El CMF Phone 2 Pro es tu mejor opción. Con su cámara de 50 MP, pantalla AMOLED de 6,77", batería de 5000 mAh y Nothing OS 3.2, este smartphone es un chollo de ley. ¡No te lo puedes perder!

El texto que has compartido es una **plantilla HTML** que describe las características de un teléfono inteligente, probablemente para uso en una **landing page** o **sitio web de ventas**. A continuación, te explico su contenido y estructura, y también te ofrezco algunas sugerencias para mejorar o adaptarla. --- ## 🔍 **Análisis del contenido** ### 1. **Estructura general** - **HTML5**: La estructura está basada en HTML5, con etiquetas como , , y

. - **CSS integrado**: No hay una hoja de estilos externa, por lo que el estilo se incluye directamente en el HTML (aunque en este caso no hay código CSS visible). - **Contenido dinámico**: El texto se organiza en secciones con

y
, lo que es adecuado para un sitio web que muestra información de producto. ### 2. Contenido principal El texto describe las características del teléfono, incluyendo: - Cámara de 50 MP - Pantalla AMOLED FHD+ de 6,77" con frecuencia de 120 Hz - Batería de 5000 mAh - Procesador MediaTek Dimensity 7300 Pro 5G - Diseño elegante y resistente - Soporte de software continuo - Nothing OS 3.2 ### 3. Elementos interactivos - Enlaces a Amazon: Hay enlaces que apuntan a la URL de Amazon donde se vende el producto. - Botones de llamada de acción (CTA): Los enlaces están formateados como botones con el estilo de un botón primario (btn btn-primary), lo cual sugiere que se está usando un framework CSS como Bootstrap. --- ## ✅ Ventajas del contenido - Claridad: El texto es claro y se organiza en secciones fáciles de leer. - Destaca las ventajas del producto: Se enfoca en las características más relevantes para el usuario final. - Llamada de acción (CTA): Incluye enlaces a la compra, lo que es importante para el marketing digital. --- ## 🛠️ Sugerencias para mejorar el contenido ### 1. Añadir CSS Si quieres que el sitio tenga un estilo moderno, puedes incluir una hoja de estilos CSS interna o externa. Por ejemplo, usando Bootstrap o Tailwind CSS. ### 2. Incluir imágenes Aunque ya hay imágenes en el código, podrías mejorar la experiencia visual añadiendo imágenes más claras y descritivas de cada característica del teléfono. ### 3. Optimizar para SEO - Añade metadatos en como y <meta name="description">. - Usa keywords relevantes en el contenido. - Incluye etiquetas <h1> para el título principal. ### 4. Agregar un formulario de contacto Si el objetivo es vender el producto, puedes incluir un formulario para que los usuarios dejen sus datos o hagan una pregunta. ### 5. Incluir testimonios o reseñas Añadir comentarios de clientes puede aumentar la confianza y la conversión. --- ## 💡 Ejemplo de cómo podría verse el HTML con mejoras </div> </section> </div> </div>  <section class="container-site pb-16 max-w-6xl" aria-label="Comentarios"> <div class="card p-6"> <h2 class="font-semibold text-gray-900 dark:text-white mb-4">Comentarios</h2> <div id="disqus_thread"></div> </div> </section> </main>  <footer b-4wohfpnj0z class="mt-20 bg-surface-900 dark:bg-surface-950 text-gray-400">  <div b-4wohfpnj0z class="gradient-brand py-12"> <div b-4wohfpnj0z class="container-site text-center text-white"> <p b-4wohfpnj0z class="text-xs uppercase tracking-widest mb-2 text-orange-200 font-semibold">No te pierdas nada</p> <h2 b-4wohfpnj0z class="text-3xl font-extrabold mb-3 text-balance">¿Quieres alertas cuando baje el precio?</h2> <p b-4wohfpnj0z class="text-orange-100 mb-7 max-w-xl mx-auto text-sm leading-relaxed"> Guarda tus productos favoritos y te avisaremos cuando alcancen tu precio objetivo. ¡Gratis! </p> <div b-4wohfpnj0z class="flex flex-wrap justify-center gap-3"> <a b-4wohfpnj0z href="/Account/Login" class="btn bg-white text-brand-600 hover:bg-orange-50 font-semibold shadow-lg"> <i b-4wohfpnj0z class="fas fa-bell" aria-hidden="true"></i> Activar alertas gratis </a> <a b-4wohfpnj0z href="https://t.me/chollolocura" target="_blank" rel="noopener noreferrer" class="btn border-2 border-white/70 text-white hover:bg-white/10"> <i b-4wohfpnj0z class="fab fa-telegram" aria-hidden="true"></i> Canal de Telegram </a> </div> </div> </div> <div b-4wohfpnj0z class="container-site py-14"> <div b-4wohfpnj0z class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10">  <div b-4wohfpnj0z class="sm:col-span-2 lg:col-span-1"> <div b-4wohfpnj0z class="flex items-center gap-2 mb-4"> <div b-4wohfpnj0z class="w-9 h-9 rounded-xl gradient-brand flex items-center justify-center text-white font-black text-sm">CL</div> <span b-4wohfpnj0z class="text-white font-bold text-xl">Chollolocura</span> </div> <p b-4wohfpnj0z class="text-sm leading-relaxed mb-5"> Los mejores chollos y ofertas de España. Comparamos precios en Amazon, PC Componentes, El Corte Inglés y más tiendas. </p> <div b-4wohfpnj0z class="flex gap-2"> <a b-4wohfpnj0z href="https://t.me/chollolocura" target="_blank" rel="noopener" class="w-9 h-9 rounded-xl bg-surface-800 hover:bg-sky-500 flex items-center justify-center text-gray-400 hover:text-white transition-all" aria-label="Canal de Telegram"> <i b-4wohfpnj0z class="fab fa-telegram" aria-hidden="true"></i> </a> <a b-4wohfpnj0z href="/feed.rss" class="w-9 h-9 rounded-xl bg-surface-800 hover:bg-orange-500 flex items-center justify-center text-gray-400 hover:text-white transition-all" aria-label="Feed RSS"> <i b-4wohfpnj0z class="fas fa-rss" aria-hidden="true"></i> </a> <a b-4wohfpnj0z href="https://twitter.com/chollolocura" target="_blank" rel="noopener" class="w-9 h-9 rounded-xl bg-surface-800 hover:bg-sky-400 flex items-center justify-center text-gray-400 hover:text-white transition-all" aria-label="Twitter / X"> <i b-4wohfpnj0z class="fab fa-x-twitter" aria-hidden="true"></i> </a> </div> </div>  <nav b-4wohfpnj0z aria-label="Categorías del footer"> <h3 b-4wohfpnj0z class="text-white font-semibold mb-5 text-sm uppercase tracking-wider">Categorías</h3> <ul b-4wohfpnj0z class="space-y-2.5 text-sm"> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/tecnologia" class="hover:text-brand-400 transition-colors">💻 Tecnología</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/television" class="hover:text-brand-400 transition-colors">📺 Televisores</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/audio" class="hover:text-brand-400 transition-colors">🎧 Audio</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/gaming" class="hover:text-brand-400 transition-colors">🎮 Gaming</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/hogar" class="hover:text-brand-400 transition-colors">🏠 Hogar</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ofertas/cocina" class="hover:text-brand-400 transition-colors">🍳 Cocina</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/categorias" class="text-gray-500 hover:text-brand-400 transition-colors">Ver todas →</a></li> </ul> </nav>  <nav b-4wohfpnj0z aria-label="Tiendas del footer"> <h3 b-4wohfpnj0z class="text-white font-semibold mb-5 text-sm uppercase tracking-wider">Tiendas</h3> <ul b-4wohfpnj0z class="space-y-2.5 text-sm"> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/chollos?tienda=amazon" class="hover:text-brand-400 transition-colors">Amazon España</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/chollos?tienda=pccomponentes" class="hover:text-brand-400 transition-colors">PC Componentes</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/chollos?tienda=elcorteingles" class="hover:text-brand-400 transition-colors">El Corte Inglés</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/chollos?tienda=carrefour" class="hover:text-brand-400 transition-colors">Carrefour</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/chollos?tienda=conforama" class="hover:text-brand-400 transition-colors">Conforama</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/ventajas-amazon" class="hover:text-brand-400 transition-colors text-gray-500">¿Por qué Amazon? →</a></li> </ul> </nav>  <nav b-4wohfpnj0z aria-label="Información del footer"> <h3 b-4wohfpnj0z class="text-white font-semibold mb-5 text-sm uppercase tracking-wider">Información</h3> <ul b-4wohfpnj0z class="space-y-2.5 text-sm"> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/nosotros" class="hover:text-brand-400 transition-colors">Sobre Chollolocura</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/contacto" class="hover:text-brand-400 transition-colors">Contacto</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/privacidad" class="hover:text-brand-400 transition-colors">Privacidad</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/sitemap.xml" class="hover:text-brand-400 transition-colors">Sitemap XML</a></li> <li b-4wohfpnj0z><a b-4wohfpnj0z href="/feed.rss" class="hover:text-brand-400 transition-colors">Feed RSS</a></li> </ul> </nav> </div> <div b-4wohfpnj0z class="mt-12 pt-6 border-t border-surface-800 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 text-xs text-gray-600"> <p b-4wohfpnj0z>© 2026 Chollolocura. Todos los derechos reservados.</p> <p b-4wohfpnj0z class="max-w-md text-right"> Como afiliados de Amazon, PC Componentes y otras tiendas podemos ganar comisiones por las compras realizadas a través de nuestros enlaces. <a b-4wohfpnj0z href="/privacidad" class="underline hover:text-gray-400 ml-1">Más info</a> </p> </div> </div> </footer>  <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js" defer></script>  <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.4/dist/htmx.min.js" defer></script>  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js" defer></script>  <script src="/js/app.js?v=64ZCEOtWGX0_fYiXGaIAinQCAnPgmcUA187mnCut-A4" defer></script> <script> async function loadChart(days) { try { // Calculate date range const toDate = new Date(); const fromDate = new Date(toDate.getTime() - days * 24 * 60 * 60 * 1000); const fromStr = fromDate.toISOString().split('T')[0]; const toStr = toDate.toISOString().split('T')[0]; const res = await fetch(`/api/pricehistory/B0F2T757V4?fromDate=${fromStr}&toDate=${toStr}&limit=5000`); if (!res.ok) { console.warn(`Price history not available for ASIN B0F2T757V4 (HTTP ${res.status})`); return; } const response = await res.json(); if (!response.history || response.history.length === 0) { console.warn('No price history records found'); return; } const canvas = document.getElementById('priceChart'); if (!canvas) return; // Group price history by store const byStore = {}; response.history.forEach(record => { // Handle both PascalCase and camelCase JSON serialization const store = record.store || record.Store || {}; const code = store.code || store.Code || store.storeCode || store.StoreCode || 'UNKNOWN'; const name = store.name || store.Name || code; if (!byStore[code]) { byStore[code] = { name, records: [] }; } byStore[code].records.push(record); }); // Collect all unique dates across all stores const allDates = new Set(); Object.values(byStore).forEach(store => { store.records.forEach(h => { const date = new Date(h.recordedAt || h.RecordedAt).toISOString().split('T')[0]; allDates.add(date); }); }); const sortedDates = Array.from(allDates).sort(); const dateLabels = sortedDates.map(d => new Date(d).toLocaleDateString('es-ES', { month: 'short', day: 'numeric' })); // Create a date-to-index map const dateIndex = {}; sortedDates.forEach((date, idx) => { dateIndex[date] = idx; }); // Transform to Chart.js datasets const datasets = Object.entries(byStore).map(([code, store]) => { const data = new Array(sortedDates.length).fill(null); store.records.forEach(h => { const date = new Date(h.recordedAt || h.RecordedAt).toISOString().split('T')[0]; const idx = dateIndex[date]; data[idx] = h.price || h.Price; }); return { label: store.name, data: data, borderColor: getStoreColor(code), backgroundColor: getStoreColor(code) + '33', fill: false, tension: 0.3, pointRadius: 3, borderWidth: 2, }; }); const isDark = document.documentElement.classList.contains('dark'); const gridColor = isDark ? 'rgba(255,255,255,0.06)' : 'rgba(0,0,0,0.06)'; const textColor = isDark ? '#9ca3af' : '#6b7280'; const ctx = canvas.getContext('2d'); if (window._priceChart) window._priceChart.destroy(); window._priceChart = new Chart(ctx, { type: 'line', data: { labels: dateLabels, datasets: datasets }, options: { responsive: true, maintainAspectRatio: false, interaction: { mode: 'index', intersect: false }, scales: { y: { grid: { color: gridColor }, ticks: { color: textColor, callback: v => v ? v.toFixed(2) + ' €' : '' } }, x: { grid: { color: gridColor }, ticks: { color: textColor } } }, plugins: { legend: { labels: { color: textColor, boxWidth: 12 } }, tooltip: { callbacks: { label: ctx => { if (ctx.parsed.y === null) return ''; return ` ${ctx.dataset.label}: ${ctx.parsed.y.toFixed(2)} €`; } } } } } }); } catch (e) { console.error('Error loading price history:', e); } } // Store colors matching the backend function getStoreColor(storeCode) { const colors = { 'AMAZON': '#FF9900', 'CONFORAMA': '#E2001A', 'CARREFOUR': '#0066CC', 'EL_CORTE_INGLES': '#006341', 'PC_COMPONENTES': '#0099FF', 'ZOOPLUS': '#FF6600', 'WAKKAP': '#7B68EE', 'LEGO': '#FFCF00', 'TIENDA_ANIMAL': '#4CAF50', 'TODOCONSOLAS': '#1A1A2E' }; return colors[storeCode?.toUpperCase()] || '#f97316'; } // Disqus load (deferred 3s) setTimeout(function() { var disqus_config = function () { this.page.url = 'https://www.chollolocura.es/chollos/B0F2T757V4/descubre-el-cmf-phone-2-pro-camara-50-mp-zoom-20x-pantalla-amoled-677-bateria-de'; this.page.identifier = 'B0F2T757V4'; }; var d = document, s = d.createElement('script'); s.src = 'https://www-chollolocura-es.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); }, 3000); </script>   <div x-data="telegramPromo()" x-show="show" x-cloak x-transition:enter="transition ease-out duration-500" x-transition:enter-start="translate-y-full opacity-0" x-transition:enter-end="translate-y-0 opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-y-0 opacity-100" x-transition:leave-end="translate-y-full opacity-0" class="fixed bottom-0 left-0 right-0 z-40 bg-gradient-to-r from-sky-600 via-blue-600 to-cyan-600 text-white shadow-2xl border-t-4 border-sky-300"> <div class="container-site px-4 py-6">  <div class="flex items-center justify-between gap-3 mb-4"> <div class="flex items-center gap-3"> <i class="fab fa-telegram text-3xl animate-bounce" aria-hidden="true"></i> <div> <p class="font-bold text-lg leading-tight">¡Elige tu canal de chollos! 🔥</p> <p class="text-xs text-sky-100">Ofertas por categoría en Telegram</p> </div> </div> <button @click="dismiss()" class="btn bg-sky-600/30 hover:bg-sky-600/50 text-white border border-white/30 p-2 transition-all hover:scale-110 shrink-0" aria-label="Cerrar banner" title="Se reabrirá en 30s"> <i class="fas fa-times text-lg" aria-hidden="true"></i> </button> </div>  <div class="flex gap-2 overflow-x-auto pb-2 -mx-4 px-4 scrollbar-thin snap-x snap-mandatory"> <template x-for="channel of channels" :key="channel.name"> <a :href="channel.url" target="_blank" rel="noopener noreferrer" class="btn btn-sm bg-white text-sky-600 hover:bg-sky-50 font-semibold shrink-0 snap-start transition-all hover:scale-105 whitespace-nowrap flex items-center gap-1.5"> <span x-text="channel.icon"></span> <span x-text="channel.name"></span> </a> </template> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('telegramPromo', () => ({ show: true, dismissTimeout: null, channels: [ { name: 'General', icon: '🔥', url: 'https://t.me/chollolocura' }, { name: 'Videojuegos', icon: '🎮', url: 'https://t.me/chollolocuravideojuegos' }, { name: 'Cine y TV', icon: '🎬', url: 'https://t.me/chollolocurapeliculas' }, { name: 'Funko Pop', icon: '🎨', url: 'https://t.me/chollolocurafunkos' }, { name: 'LEGO', icon: '🧱', url: 'https://t.me/chollolocuralego' }, { name: 'Nintendo Switch', icon: '🎮', url: 'https://t.me/chollolocuraswitch' }, { name: 'PS5', icon: '🎯', url: 'https://t.me/chollolocuraps5' }, { name: 'Xbox', icon: '💚', url: 'https://t.me/chollolocuraxboxseries' }, { name: 'Juguetes', icon: '🧸', url: 'https://t.me/chollolocurajuguetes' }, { name: 'Evercade', icon: '🕹️', url: 'https://t.me/chollolocuraevercade' }, { name: 'PlayMobil', icon: '👥', url: 'https://t.me/chollolocuraplaymobil' }, { name: 'Móviles', icon: '📱', url: 'https://t.me/chollolocuramoviles' }, { name: 'Moda', icon: '👕', url: 'https://t.me/chollolocuramoda' } ], init() { // Nothing to initialize }, dismiss() { this.show = false; // Reaparece en 45 segundos this.dismissTimeout = setTimeout(() => { this.show = true; }, 45000); }, destroy() { if (this.dismissTimeout) clearTimeout(this.dismissTimeout); } })); }); </script> <script nws-csp-add-nonce='true'>'serviceWorker'in navigator&&navigator.serviceWorker.register('/serviceworker', { scope: '/' })</script></body> </html>