PageSourceSearch

https://luckiavalencia.com/

html luckiavalencia.com collected 2026-10-06 05:28:37 UTC 88,860 bytes, 1,572 lines download raw bytes

1<!DOCTYPE html><html lang="es-MX"><head>
2    <meta charset="UTF-8">
3  <meta http-equiv="X-UA-Compatible" content="IE=edge">
4  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
5  <title>luckia-Luckia México - Apuestas Deportivas y Casino Online</title>
6  <meta name="description" content="Luckia México ofrece apuestas deportivas, casino online y bonos exclusivos. Juega en Luckia Gaming Group y descarga nuestra app para una experiencia premium.">
7  <meta name="keywords" content="luckia,luckia méxico,luckia gaming group,luckia bono 500,luckia valencia,uckia apuestas,luckia a coruña,luckybet,luckia cercano,luckia app">
8  <meta name="author" content="luckia">
9  <meta http-equiv="content-language" content="es-MX">
10  <meta name="geo.region" content="MX">
11  <meta name="geo.country" content="MX">
12  <meta name="geo.placename" content="Mexico City">
13  <meta property="og:title" content="Luckia México - Apuestas Deportivas y Casino Online">
14  <meta property="og:description" content="Luckia México ofrece apuestas deportivas, casino online y bonos exclusivos. Juega en Luckia Gaming Group y descarga nuestra app para una experiencia premium.">
15  <meta property="og:type" content="website">
16  <meta property="og:url" content="https://luckiavalencia.com/">
17  <meta property="og:locale" content="es_MX">
18  <link rel="alternate" hreflang="es-MX" href="https://luckiavalencia.com/">
19  <link rel="alternate" hreflang="x-default" href="https://luckiavalencia.com/">
20  <link rel="canonical" href="https://luckiavalencia.com/">
21  <meta name="twitter:card" content="summary_large_image">
22  <meta name="twitter:title" content="Luckia México - Apuestas Deportivas y Casino Online">
23  <meta name="twitter:description" content="Luckia México ofrece apuestas deportivas, casino online y bonos exclusivos. Juega en Luckia Gaming Group y descarga nuestra app para una experiencia premium.">
24  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">
25  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
26  <link rel="icon" href="static/images/ico.jfif" type="image/x-icon">
27  <link rel="shortcut icon" href="static/images/ico.jfif" type="image/x-icon">
28  
28<script type="application/ld+json">
29        {
30  "@context": "https://schema.org",
31  "@type": "Organization",
32  "name": "luckia",
33  "url": "https://luckiavalencia.com",
34  "logo": "https://luckiavalencia.com/static/images/logo.png",
35  "description": "Luckia México ofrece apuestas deportivas, casino online y bonos exclusivos. Juega en Luckia Gaming Group y descarga nuestra app para una experiencia premium."
36}
37      </script>
37
38  
38<script type="application/ld+json">
39          {
40  "@context": "https://schema.org",
41  "@type": "SoftwareApplication",
42  "name": "luckia",
43  "description": "Luckia México ofrece apuestas deportivas, casino online y bonos exclusivos. Juega en Luckia Gaming Group y descarga nuestra app para una experiencia premium.",
44  "operatingSystem": "Android, iOS",
45  "applicationCategory": "GameApplication",
46  "inLanguage": "es-MX",
47  "image": "https://luckiavalencia.com/static/images/logo.png",
48  "downloadUrl": "https://luckiavalencia.com/download-apk.html",
49  "offers": {
50    "@type": "Offer",
51    "price": "0",
52    "priceCurrency": "MXN"
53  },
54  "aggregateRating": {
55    "@type": "AggregateRating",
56    "ratingValue": "4.3",
57    "ratingCount": "1429",
58    "bestRating": "5",
59    "worstRating": "1"
60  }
61}
62        </script>
62
63    
63<script src="https://cdn.tailwindcss.com"></script>
63
64        
64<script>
65          tailwind.config = {
66            theme: {
67              extend: {
68                colors: {
69                  primary: "#166534",
70                  secondary: "#15803D",
71                }
72              }
73            }
74          }
75        </script>
75
76  </head>
77  <body class="bg-primary bg-opacity-20">
78    <div id="app" style="max-width:540px;margin:0 auto;">
79    <div class="sticky top-0 z-40 h-8 w-full bg-gradient-to-r from-[#166534] to-[#15803D] shadow-md flex items-center justify-between px-4">
80  <div>
81    <h1 class="text-sm font-bold text-white" title="Luckia">Luckia</h1>
82    <p class="text-xs text-[#F0FDF4] mt-[-4px]">Apuestas seguras y confiables</p>
83  </div>
84  <div class="flex items-center space-x-3">
85    <button onclick="showLanguagePanel()" class="text-white text-xs flex items-center">
86      🌐
87    </button>
88    <a href="https://luckiavalencia.com/countries.html" data-link-fixed="true" class="text-[#F0FDF4] text-xs hover:underline" title="Elige tu país">Elige País</a>
89  </div>
90</div>
91  <header class="sticky top-8 z-[1000] w-full flex justify-between items-center bg-gradient-to-r from-[#166534] to-[#15803D] px-4 py-3 shadow-lg transition-all duration-300 touch-manipulation">
92  <div class="flex items-center h-[34px]">
93    <img src="static/images/logo.png" alt="Luckia Logo" class="h-full w-auto object-contain hover:opacity-90 transition-opacity duration-300" loading="lazy">
94  </div>
95  <div class="flex space-x-1">
96    <button onclick="downloadApp()" class="bg-[#F0FDF4] text-[#166534] font-medium px-2 py-2 rounded-lg shadow-md hover:bg-[#86EFAC] transition-all duration-300 active:scale-95 focus:outline-none focus:ring-2 focus:ring-[#22C55E] focus:ring-opacity-50 min-h-[44px] flex items-center justify-center">
97      Iniciar Sesión
98    </button>
99    <button onclick="downloadApp()" class="bg-[#F0FDF4] text-[#166534] font-medium px-2 py-2 rounded-lg shadow-md hover:bg-[#86EFAC] transition-all duration-300 active:scale-95 focus:outline-none focus:ring-2 focus:ring-[#22C55E] focus:ring-opacity-50 min-h-[44px] flex items-center justify-center">
100      Registrarse
101    </button>
102  </div>
103</header>
104  <section class="relative w-full overflow-hidden rounded-xl shadow-lg" aria-label="Carrusel de banners promocionales">
105  <div class="swiper banner-swiper-container">
106    <div class="swiper-wrapper">
107      <div class="swiper-slide">
108        <a href="javascript:downloadApp();" title="Descarga la app Luckia">
109          <img src="static/images/luckiavalenciacom690ccb98c1373.jpg" alt="Promoción especial de bienvenida en Luckia" class="w-full h-auto object-cover" loading="lazy">
110        </a>
111      </div>
112      <div class="swiper-slide">
113        <a href="javascript:downloadApp();" title="Obtén tu bono de 500 pesos">
114          <img src="static/images/luckiavalenciacom690ccb98bad1c.jpg" alt="Bono de 500 pesos disponible al registrarte" class="w-full h-auto object-cover" loading="lazy">
115        </a>
116      </div>
117      <div class="swiper-slide">
118        <a href="javascript:downloadApp();" title="Aplicación móvil Luckia">
119          <img src="static/images/luckiavalenciacom690ccb98c1de6.png" alt="Descarga nuestra app para una mejor experiencia" class="w-full h-auto object-cover" loading="lazy">
120        </a>
121      </div>
122      <div class="swiper-slide">
123        <a href="javascript:downloadApp();" title="Casino en vivo Luckia">
124          <img src="static/images/luckiavalenciacom690ccb98c287f.png" alt="Disfruta de nuestros juegos de casino en vivo" class="w-full h-auto object-cover" loading="lazy">
125        </a>
126      </div>
127    </div>
128
129    <div class="swiper-pagination !bottom-2 !w-full flex justify-center gap-2"></div>
130  </div>
131
132  <noscript>
133    <div class="grid grid-cols-1 gap-2 p-2">
134      <img src="static/images/luckiavalenciacom690ccb98c1373.jpg" alt="Banner promocional 1" class="w-full h-auto rounded-lg">
135      <img src="static/images/luckiavalenciacom690ccb98bad1c.jpg" alt="Banner promocional 2" class="w-full h-auto rounded-lg">
136      <img src="static/images/luckiavalenciacom690ccb98c1de6.png" alt="Banner promocional 3" class="w-full h-auto rounded-lg">
137      <img src="static/images/luckiavalenciacom690ccb98c287f.png" alt="Banner promocional 4" class="w-full h-auto rounded-lg">
138    </div>
139  </noscript>
140</section>
141
142<script>
143document.addEventListener('DOMContentLoaded', function() {
144  const swiper = new Swiper('.banner-swiper-container', {
145    loop: true,
146    speed: 300,
147    autoplay: {
148      delay: 3500,
149      disableOnInteraction: false
150    },
151    pagination: {
152      el: '.swiper-pagination',
153      clickable: true
154    }
155  });
156});
157</script>
157
158  <div id="luckia_news_game" class="mx-2 my-4">
159  <h2 class="text-xl font-bold mb-4">NUEVO JUEGO</h2>
160  <div class="grid grid-cols-2 gap-2">
161    <div class="relative bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 hover:scale-105">
162      <a href="monkeykingfishing.html" title="Monkey King Fishing">
163        <img class="gimg w-full h-auto object-cover" src="static/images/luckiavalenciacom690cd095ef334.jpg" alt="Imagen del juego Monkey King Fishing" title="Monkey King Fishing">
164      </a>
165      <div class="p-2">
166        <a href="skylanterns.html" title="luckia SkyLanterns" class="block">
167          <h3 class="gname text-sm font-bold truncate">luckia SkyLanterns</h3>
168        </a>
169        <p class="gcount text-xs mt-1 flex items-center">88,478 jugadores en línea</p>
170      </div>
171      <span class="absolute top-2 right-2 bg-red-600 text-white text-xs font-semibold px-2 py-1 rounded">NUEVO</span>
172    </div>
173    <div class="relative bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 hover:scale-105">
174      <a href="luckyfortunes.html" title="Lucky Fortunes">
175        <img class="gimg w-full h-auto object-cover" src="static/images/luckiavalenciacom690cd095e8810.jpg" alt="Imagen del juego Lucky Fortunes" title="Lucky Fortunes">
176      </a>
177      <div class="p-2">
178        <a href="godsgrantfortune.html" title="luckia GODS GRANT FORTUNE" class="block">
179          <h3 class="gname text-sm font-bold truncate">luckia GODS GRANT FORTUNE</h3>
180        </a>
181        <p class="gcount text-xs mt-1 flex items-center">13,908 jugadores en línea</p>
182      </div>
183      <span class="absolute top-2 right-2 bg-red-600 text-white text-xs font-semibold px-2 py-1 rounded">NUEVO</span>
184    </div>
185  </div>
186</div><div id="notify-data" class="h-[1px] w-[1px] overflow-hidden">
187  <div>José** acaba de retirar $250 MXN</div>
188  <div>María** ganó $420 MXN en premios</div>
189  <div>Carlos** retiró $180 MXN con éxito</div>
190  <div>Ana** recibió $310 MXN en su cuenta</div>
191  <div>Luis** completó un retiro de $500 MXN</div>
192  <div>Fernanda** obtuvo $275 MXN en bonos</div>
193  <div>Miguel** retiró $360 MXN sin problemas</div>
194  <div>Sofía** ganó $480 MXN en sorteos</div>
195  <div>Javier** recibió $210 MXN por referidos</div>
196  <div>Lucía** cobró $390 MXN en apuestas</div>
197  <div>Pedro** retiró $150 MXN exitosamente</div>
198  <div>Elena** ganó $330 MXN en tragamonedas</div>
199  <div>Diego** obtuvo $290 MXN en ruleta</div>
200  <div>Camila** retiró $410 MXN en línea</div>
201  <div>Andrés** recibió $195 MXN por promoción</div>
202  <div>Valeria** cobró $375 MXN en casino</div>
203  <div>Ricardo** ganó $260 MXN en blackjack</div>
204  <div>Isabella** retiró $450 MXN sin errores</div>
205  <div>Gabriel** obtuvo $320 MXN en apuestas</div>
206  <div>Daniela** recibió $280 MXN por depósito</div>
207  <div>Hugo** ganó $510 MXN en deportes</div>
208  <div>Jimena** retiró $240 MXN al instante</div>
209  <div>Rafael** cobró $365 MXN en sorteos</div>
210  <div>Renata** ganó $430 MXN en tragaperras</div>
211  <div>Emilio** retiró $190 MXN correctamente</div>
212  <div>Victoria** recibió $305 MXN en bonificaciones</div>
213  <div>Sebastián** obtuvo $270 MXN en ruleta</div>
214  <div>Ximena** ganó $395 MXN en apuestas</div>
215  <div>Matías** retiró $225 MXN sin demoras</div>
216  <div>Regina** cobró $460 MXN en casino en vivo</div>
217  <div>Alejandro** recibió $340 MXN por registro</div>
218  <div>Montserrat** ganó $295 MXN en bingos</div>
219  <div>Óscar** retiró $380 MXN con seguridad</div>
220  <div>Catalina** obtuvo $415 MXN en sorteos</div>
221  <div>Iván** ganó $265 MXN en deportes</div>
222  <div>Paulina** retiró $350 MXN sin complicaciones</div>
223  <div>David** recibió $315 MXN en tragamonedas</div>
224  <div>Alondra** cobró $440 MXN en apuestas</div>
225  <div>Francisco** ganó $275 MXN en cartas</div>
226  <div>Zoe** retiró $395 MXN en minutos</div>
227  <div>Antonio** obtuvo $330 MXN en bonos</div>
228  <div>Esmeralda** recibió $485 MXN en premios</div>
229  <div>Salvador** ganó $240 MXN en ruleta</div>
230  <div>Guadalupe** retiró $370 MXN con comisión baja</div>
231  <div>Benjamín** cobró $425 MXN en sorteos</div>
232  <div>Magdalena** ganó $300 MXN en tragaperras</div>
233  <div>Felipe** retiró $285 MXN con total seguridad</div>
234  <div>Constanza** recibió $405 MXN por fidelidad</div>
235  <div>Octavio** obtuvo $355 MXN en apuestas en vivo</div>
236</div>
237  <div class="w-full max-w-[100vw] overflow-hidden rounded-xl border border-[#166534] bg-gradient-to-r from-[#15803D] to-[#166534] p-4 shadow-lg">
238  <div class="flex flex-col items-center justify-center space-y-2 text-center">
239    <h2 class="text-xl font-bold text-white">Jackpot</h2>
240    <p id="jackpot-amount" class="text-2xl font-extrabold text-white">$1,250,000</p>
241    <div class="h-px w-full bg-white/30"></div>
242    <p class="text-sm font-medium text-white/90">MXN</p>
243  </div>
244</div>
245  <section class="bg-gradient-to-br from-[#166534] to-[#15803D] text-white py-12 px-6 rounded-3xl shadow-xl max-w-3xl mx-auto">
246  <header class="text-center mb-10">
247    <h2 class="text-3xl md:text-4xl font-bold mb-4" title="Bienvenido a Luckia">Bienvenido a Luckia</h2>
248    <p class="text-base md:text-lg leading-relaxed">
249      Descubre la mejor experiencia de apuestas en línea con Luckia, la plataforma líder en México. Disfruta de un entorno seguro, bonos exclusivos y una amplia variedad de juegos diseña
249dos para ofrecerte diversión sin límites.
250    </p>
251  </header>
252
253  <article class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-10">
254    <div class="bg-[#F0FDF4] text-[#166534] p-5 rounded-2xl shadow-md flex items-start space-x-3 transition-transform hover:scale-[1.02]">
255      <span class="text-2xl">🎮</span>
256      <div>
257        <h2 class="text-xl font-semibold mb-2" title="Experiencia de Juego Avanzada">Experiencia de Juego Avanzada</h2>
258        <p>Tecnología de punta y un ambiente de juego auténtico te esperan en cada partida.</p>
259      </div>
260    </div>
261
262    <div class="bg-[#F0FDF4] text-[#166534] p-5 rounded-2xl shadow-md flex items-start space-x-3 transition-transform hover:scale-[1.02]">
263      <span class="text-2xl">🛡️</span>
264      <div>
265        <h2 class="text-xl font-semibold mb-2" title="Plataforma Segura y Confiable">Plataforma Segura y Confiable</h2>
266        <p>Disfruta de transacciones rápidas y protegidas, con total tranquilidad mientras juegas.</p>
267      </div>
268    </div>
269
270    <div class="bg-[#F0FDF4] text-[#166534] p-5 rounded-2xl shadow-md flex items-start space-x-3 transition-transform hover:scale-[1.02]">
271      <span class="text-2xl">🎁</span>
272      <div>
273        <h2 class="text-xl font-semibold mb-2" title="Sistema de Recompensas Atractivo">Sistema de Recompensas Atractivo</h2>
274        <p>Regístrate y obtén bonos increíbles, incluyendo el famoso Luckia Bono 500.</p>
275      </div>
276    </div>
277
278    <div class="bg-[#F0FDF4] text-[#166534] p-5 rounded-2xl shadow-md flex items-start space-x-3 transition-transform hover:scale-[1.02]">
279      <span class="text-2xl">👨‍💻</span>
280      <div>
281        <h2 class="text-xl font-semibold mb-2" title="Servicio Profesional 24/7">Servicio Profesional 24/7</h2>
282        <p>Nuestro equipo está disponible en todo momento para brindarte soporte personalizado.</p>
283      </div>
284    </div>
285  </article>
286
287  <footer class="text-center">
288    <p class="text-lg mb-6">
289      Únete a miles de usuarios satisfechos en Luckia y vive la emoción del juego como nunca antes.
290    </p>
291    <button onclick="downloadApp()" class="bg-[#22C55E] hover:bg-[#86EFAC] text-white font-bold py-3 px-8 rounded-full shadow-lg transform transition duration-300 ease-in-out hover:scale-105">
292      Descarga la App Ahora
293    </button>
294  </footer>
295</section>
296  <nav class="sticky top-[90px] z-10 bg-gradient-to-r from-[#166534] to-[#15803D] shadow-lg py-3 px-4 flex items-center overflow-hidden">
297  <button aria-label="Desplazar hacia la izquierda" class="absolute left-0 ml-2 bg-white/30 backdrop-blur-sm rounded-full p-2 z-10 hover:bg-white/40 transition-all duration-300 active:scale-95 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50" onclick="scrollTabs('left')">
298    ←
299  </button>
300
301  <ul id="tabContainer" role="tablist" class="flex space-x-4 overflow-x-auto hide-scrollbar px-8 snap-x snap-mandatory touch-pan-x scroll-smooth w-full">
302    <li>
303      <a href="#Popular" role="tab" aria-selected="true" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer border-b-4 border-[#22C55E]">
304        <img src="static/images/luckiavalenciacom690ccead2b7e0.png" alt="Ícono de Popular" class="w-8 h-8 mb-1 object-contain">
305        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">Popular</span>
306      </a>
307    </li>
308
309    <li>
310      <a href="#CPGames" role="tab" aria-selected="false" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer">
311        <img src="static/images/luckiavalenciacom690ccead2c25f.png" alt="Ícono de CP Games" class="w-8 h-8 mb-1 object-contain">
312        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">CP Games</span>
313      </a>
314    </li>
315
316    <li>
317      <a href="#TableGames" role="tab" aria-selected="false" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer">
318        <img src="static/images/luckiavalenciacom690ccead2bd24.png" alt="Ícono de Table Games" class="w-8 h-8 mb-1 object-contain">
319        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">Table Games</span>
320      </a>
321    </li>
322
323    <li>
324      <a href="#PANDAGames" role="tab" aria-selected="false" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer">
325        <img src="static/images/luckiavalenciacom690ccead2ad0a.png" alt="Ícono de PANDA Games" class="w-8 h-8 mb-1 object-contain">
326        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">PANDA Games</span>
327      </a>
328    </li>
329
330    <li>
331      <a href="lucky_game.html" role="tab" aria-selected="false" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer">
332        <img src="static/images/luckiavalenciacom690ccead2b2ce.png" alt="Ícono de PG Soft" class="w-8 h-8 mb-1 object-contain">
333        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">PG Soft</span>
334      </a>
335    </li>
336
337    <li>
338      <a href="lucky_game.html" role="tab" aria-selected="false" class="flex-shrink-0 snap-start flex flex-col items-center justify-center min-w-[68px] min-h-[68px] py-2 px-3 rounded-xl bg-[#F0FDF4] shadow-inner hover:shadow-md transition-shadow duration-300 transform hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 active:scale-95 cursor-pointer">
339        <img src="static/images/luckiavalenciacom690ccead2c816.png" alt="Ícono de Pragmatic Play" class="w-8 h-8 mb-1 object-contain">
340        <span class="text-xs font-medium text-[#166534] truncate max-w-full text-center">Pragmatic Play</span>
341      </a>
342    </li>
343  </ul>
344
345  <button aria-label="Desplazar hacia la derecha" class="absolute right-0 mr-2 bg-white/30 backdrop-blur-sm rounded-full p-2 z-10 hover:bg-white/40 transition-all duration-300 active:scale-95 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50" onclick="scrollTabs('right')">
346    →
347  </button>
348</nav>
349
350<style>
351.hide-scrollbar::-webkit-scrollbar {
352  display: none;
353}
354.hide-scrollbar {
355  -ms-overflow-style: none;
356  scrollbar-width: none;
357}
358</style>
359
360<script>
361function scrollTabs(direction) {
362  const container = document.getElementById('tabContainer');
363  const scrollAmount = direction === 'left' ? -container.offsetWidth : container.offsetWidth;
364  container.scrollBy({ left: scrollAmount, behavior: 'smooth' });
365}
366
367document.addEventListener('DOMContentLoaded', () => {
368  const tabs = document.querySelectorAll('[role="tab"]');
369  
370  tabs.forEach(tab => {
371    tab.addEventListener('click', (e) => {
372      e.preventDefault();
373      
374      // Actualiza estado visual
375      tabs.forEach(t => t.setAttribute('aria-selected', 'false'));
376      tab.setAttribute('aria-selected', 'true');
377      
378      // Desplaza suavemente a la sección objetivo
379      const targetId = tab.getAttribute('href').substring(1);
380      const targetElement = document.getElementById(targetId);
381      if (targetElement) {
382        window.scrollTo({
383          top: targetElement.offsetTop - 120,
384          behavior: 'smooth'
385        });
386      }
387    });
388  });
389
390  // Manejo táctil para desplazamiento horizontal
391  let isDown = false;
392  let startX;
393  let scrollLeft;
394
395  const tabContainer = document.getElementById('tabContainer');
396
397  tabContainer.addEventListener('mousedown', (e) => {
398    isDown = true;
399    startX = e.pageX - tabContainer.offsetLeft;
400    scrollLeft = tabContainer.scrollLeft;
401  });
402
403  tabContainer.addEventListener('mouseleave', () => {
404    isDown = false;
405  });
406
407  tabContainer.addEventListener('mouseup', () => {
408    isDown = false;
409  });
410
411  tabContainer.addEventListener('mousemove', (e) => {
412    if (!isDown) return;
413    e.preventDefault();
414    const x = e.pageX - tabContainer.offsetLeft;
415    const walk = (x - startX) * 2;
416    tabContainer.scrollLeft = scrollLeft - walk;
417  });
418});
419</script>
419
420  <section id="Popular" class="p-4">
421  <div class="mb-4 flex items-center">
422    <img src="static/images/luckiavalenciacom690ccead2c25f.png" alt="Ícono de Categoría Popular" class="mr-2 h-6 w-6">
423    <h2 class="text-xl font-bold text-[#166534]">Juegos Populares</h2>
424  </div>
425  <div class="grid grid-cols-3 gap-3">
426    <a href="superelements.html" class="block">
427      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
428        <div class="aspect-square overflow-hidden">
429          <img src="static/images/luckiavalenciacom690cd0960f876.jpg" alt="Super Elements" class="h-full w-full object-cover object-center" loading="lazy">
430        </div>
431        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Super Elements</div>
432        <span class="absolute right-1 top-1 text-lg">🔥</span>
433      </div>
434    </a>
435    <a href="jungleparty.html" class="block">
436      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
437        <div class="aspect-square overflow-hidden">
438          <img src="static/images/luckiavalenciacom690cd095e47b3.jpg" alt="JungleParty" class="h-full w-full object-cover object-center" loading="lazy">
439        </div>
440        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">JungleParty</div>
441        <span class="absolute right-1 top-1 text-lg">🔥</span>
442      </div>
443    </a>
444    <a href="dragonheart.html" class="block">
445      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
446        <div class="aspect-square overflow-hidden">
447          <img src="static/images/luckiavalenciacom690cd095c81e6.jpg" alt="DragonHeart" class="h-full w-full object-cover object-center" loading="lazy">
448        </div>
449        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">DragonHeart</div>
450        <span class="absolute right-1 top-1 text-lg">🔥</span>
451      </div>
452    </a>
453    <a href="monkeykingfishing.html" class="block">
454      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
455        <div class="aspect-square overflow-hidden">
456          <img src="static/images/luckiavalenciacom690cd095ef334.jpg" alt="Monkey King Fishing" class="h-full w-full object-cover object-center" loading="lazy">
457        </div>
458        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Monkey King Fishing</div>
459      </div>
460    </a>
461    <a href="luckyfortunes.html" class="block">
462      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
463        <div class="aspect-square overflow-hidden">
464          <img src="static/images/luckiavalenciacom690cd095e8810.jpg" alt="Lucky Fortunes" class="h-full w-full object-cover object-center" loading="lazy">
465        </div>
466        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Lucky Fortunes</div>
467      </div>
468    </a>
469    <a href="hanumanbingo.html" class="block">
470      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
471        <div class="aspect-square overflow-hidden">
472          <img src="static/images/luckiavalenciacom690cd095dded4.jpg" alt="HanumanBingo" class="h-full w-full object-cover object-center" loading="lazy">
473        </div>
474        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">HanumanBingo</div>
475      </div>
476    </a>
477    <a href="wilddisconight.html" class="block">
478      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
479        <div class="aspect-square overflow-hidden">
480          <img src="static/images/luckiavalenciacom690cd0961bdef.jpg" alt="Wild Disco Night" class="h-full w-full object-cover object-center" loading="lazy">
481        </div>
482        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Wild Disco Night</div>
483      </div>
484    </a>
485    <a href="thor2.html" class="block">
486      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
487        <div class="aspect-square overflow-hidden">
488          <img src="static/images/luckiavalenciacom690cd096149cb.jpg" alt="Thor 2" class="h-full w-full object-cover object-center" loading="lazy">
489        </div>
490        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Thor 2</div>
491      </div>
492    </a>
493    <a href="dragonkoi.html" class="block">
494      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
495        <div class="aspect-square overflow-hidden">
496          <img src="static/images/luckiavalenciacom690cd095c71b1.jpg" alt="Dragon K
496oi" class="h-full w-full object-cover object-center" loading="lazy">
497        </div>
498        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Dragon Koi</div>
499      </div>
500    </a>
501    <a href="facaishen2.html" class="block">
502      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
503        <div class="aspect-square overflow-hidden">
504          <img src="static/images/luckiavalenciacom690cd095cae29.jpg" alt="FaCaiShen2" class="h-full w-full object-cover object-center" loading="lazy">
505        </div>
506        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">FaCaiShen2</div>
507      </div>
508    </a>
509    <a href="sixgacha.html" class="block">
510      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
511        <div class="aspect-square overflow-hidden">
512          <img src="static/images/luckiavalenciacom690cd0960a22d.jpg" alt="Six Gacha" class="h-full w-full object-cover object-center" loading="lazy">
513        </div>
514        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Six Gacha</div>
515      </div>
516    </a>
517    <a href="coinspinner.html" class="block">
518      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
519        <div class="aspect-square overflow-hidden">
520          <img src="static/images/luckiavalenciacom690cd095bf4a2.jpg" alt="Coin Spinner" class="h-full w-full object-cover object-center" loading="lazy">
521        </div>
522        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Coin Spinner</div>
523      </div>
524    </a>
525  </div>
526</section>
527  <section id="CPGames" class="p-4">
528  <div class="mb-4 flex items-center">
529    <img src="static/images/luckiavalenciacom690ccead2bd24.png" alt="Ícono de Categoría CP Games" class="mr-2 h-6 w-6">
530    <h2 class="text-xl font-bold text-[#166534]" title="CP Games">CP Games</h2>
531  </div>
532  <div class="grid grid-cols-3 gap-3">
533    <a href="plinko2.html" class="block" title="Plinko2">
534      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
535        <div class="aspect-square overflow-hidden">
536          <img src="static/images/luckiavalenciacom690cd0bc7cc26.jpg" alt="Plinko2" class="h-full w-full object-cover object-center" loading="lazy">
537        </div>
538        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Plinko2</div>
539        <span class="absolute right-1 top-1 text-lg">🔥</span>
540      </div>
541    </a>
542    <a href="gpring.html" class="block" title="GP Ring">
543      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
544        <div class="aspect-square overflow-hidden">
545          <img src="static/images/luckiavalenciacom690cd0e23a212.jpg" alt="GP Ring" class="h-full w-full object-cover object-center" loading="lazy">
546        </div>
547        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">GP Ring</div>
548        <span class="absolute right-1 top-1 text-lg">🔥</span>
549      </div>
550    </a>
551    <a href="pandacrash.html" class="block" title="Panda Crash">
552      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
553        <div class="aspect-square overflow-hidden">
554          <img src="static/images/luckiavalenciacom690cd0e23dec4.jpg" alt="Panda Crash" class="h-full w-full object-cover object-center" loading="lazy">
555        </div>
556        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Panda Crash</div>
557        <span class="absolute right-1 top-1 text-lg">🔥</span>
558      </div>
559    </a>
560    <a href="ring.html" class="block" title="RING">
561      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
562        <div class="aspect-square overflow-hidden">
563          <img src="static/images/luckiavalenciacom690cd0bc7d112.jpg" alt="RING" class="h-full w-full object-cover object-center" loading="lazy">
564        </div>
565        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">
565RING</div>
566      </div>
567    </a>
568    <a href="superace.html" class="block" title="Super Ace">
569      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
570        <div class="aspect-square overflow-hidden">
571          <img src="static/images/luckiavalenciacom690cd0e23ffcd.jpg" alt="Super Ace" class="h-full w-full object-cover object-center" loading="lazy">
572        </div>
573        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Super Ace</div>
574      </div>
575    </a>
576    <a href="bankheist.html" class="block" title="Bank Heist">
577      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
578        <div class="aspect-square overflow-hidden">
579          <img src="static/images/luckiavalenciacom690cd0e220247.jpg" alt="Bank Heist" class="h-full w-full object-cover object-center" loading="lazy">
580        </div>
581        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Bank Heist</div>
582      </div>
583    </a>
584  </div>
585</section>
586  <section id="TableGames" class="p-4">
587  <div class="mb-4 flex items-center">
588    <img src="static/images/luckiavalenciacom690ccead2b2ce.png" alt="Ícono de Categoría Juegos de Mesa" class="mr-2 h-6 w-6">
589    <h2 class="text-xl font-bold text-[#166534]" title="Juegos de Mesa">Juegos de Mesa</h2>
590  </div>
591  <div class="grid grid-cols-3 gap-3">
592    <a href="777superbigbuildupdeluxe.html" class="block" title="777 Super BigBuildUp™ Deluxe™">
593      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
594        <div class="aspect-square overflow-hidden">
595          <img src="static/images/luckiavalenciacom690cd0f7d6e40.jpg" alt="777 Super BigBuildUp™ Deluxe™" class="h-full w-full object-cover object-center" loading="lazy">
596        </div>
597        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">777 Super BigBuildUp™ Deluxe™</div>
598        <span class="absolute right-1 top-1 text-lg">🔥</span>
599      </div>
600    </a>
601    <a href="taiwanblackbear.html" class="block" title="Taiwan Black Bear">
602      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
603        <div class="aspect-square overflow-hidden">
604          <img src="static/images/luckiavalenciacom690cd075787af.jpg" alt="Taiwan Black Bear" class="h-full w-full object-cover object-center" loading="lazy">
605        </div>
606        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Taiwan Black Bear</div>
607        <span class="absolute right-1 top-1 text-lg">🔥</span>
608      </div>
609    </a>
610    <a href="bumblebee.html" class="block" title="Bumble Bee">
611      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
612        <div class="aspect-square overflow-hidden">
613          <img src="static/images/luckiavalenciacom690cd074b487d.jpg" alt="Bumble Bee" class="h-full w-full object-cover object-center" loading="lazy">
614        </div>
615        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Bumble Bee</div>
616      </div>
617    </a>
618    <a href="andvarithemagicring.html" class="block" title="Andvari_ The Magic Ring">
619      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
620        <div class="aspect-square overflow-hidden">
621          <img src="static/images/luckiavalenciacom690cd0f7deca3.jpg" alt="Andvari_ The Magic Ring" class="h-full w-full object-cover object-center" loading="lazy">
622        </div>
623        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Andvari_ The Magic Ring</div>
624      </div>
625    </a>
626    <a href="sunnybikini.html" class="block" title="Sunny Bikini">
627      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
628        <div class="aspect-square overflow-hidden">
629          <img src="static/images/luckiavalenciacom690cd075732a4.jpg" alt="Sunny Bikini" class="h-full w-full object-cover object-center" loading="lazy">
630        </div>
631        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Sunny Bikini</div>
632      </div>
633    </a>
634    <a href="athirstycrow.html" class="block" title="A Thirsty Crow">
635      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
636        <div class="aspect-square overflow-hidden">
637          <img src="static/images/luckiavalenciacom690cd0749ce8b.jpg" alt="A Thirsty Crow" class="h-full w-full object-cover object-center" loading="lazy">
638        </div>
639        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">A Thirsty Crow</div>
640      </div>
641    </a>
642  </div>
643</section>
644  <section id="PANDAGames" class="p-4">
645  <div class="mb-4 flex items-center">
646    <img src="static/images/luckiavalenciacom690ccead2b7e0.png" alt="Ícono de Categoría PANDA Games" class="mr-2 h-6 w-6">
647    <h2 class="text-xl font-bold text-[#166534]" title="PANDA Games">PANDA Games</h2>
648  </div>
649  <div class="grid grid-cols-3 gap-3">
650    <a href="medusa.html" class="block" title="Medusa">
651      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
652        <div class="aspect-square overflow-hidden">
653          <img src="static/images/luckiavalenciacom690cd05e83562.jpg" alt="Medusa" class="h-full w-full object-cover object-center" loading="lazy">
654        </div>
655        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Medusa</div>
656        <span class="absolute right-1 top-1 text-lg">🔥</span>
657      </div>
658    </a>
659    <a href="legendofhouyi.html" class="block" title="Legend of Hou Yi">
660      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
661        <div class="aspect-square overflow-hidden">
662          <img src="static/images/luckiavalenciacom690cd05e7a606.jpg" alt="Legend of Hou Yi" class="h-full w-full object-cover object-center" loading="lazy">
663        </div>
664        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Legend of Hou Yi</div>
665        <span class="absolute right-1 top-1 text-lg">🔥</span>
666      </div>
667    </a>
668    <a href="penaltykicks.html" class="block" title="Penalty Kicks">
669      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
670        <div class="aspect-square overflow-hidden">
671          <img src="static/images/luckiavalenciacom690cd05e8e772.jpg" alt="Penalty Kicks" class="h-full w-full object-cover object-center" loading="lazy">
672        </div>
673        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Penalty Kicks</div>
674      </div>
675    </a>
676    <a href="ludo.html" class="block" title="Ludo">
677      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
678        <div class="aspect-square overflow-hidden">
679          <img src="static/images/luckiavalenciacom690cd05e7fdf5.jpg" alt="Ludo" class="h-full w-full object-cover object-center" loading="lazy">
680        </div>
681        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Ludo</div>
682      </div>
683    </a>
684    <a href="honeytrapofdiaochan.html" class="block" title="Honey Trap of Diao Chan">
685      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
686        <div class="aspect-square overflow-hidden">
687          <img src="static/images/luckiavalenciacom690cd1128874c.jpg" alt="Honey Trap of Diao Chan" class="h-full w-full object-cover object-center" loading="lazy">
688        </div>
689        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Honey Trap of Diao Chan</div>
690      </div>
691    </a>
692    <a href="crashtouchdown.html" class="block" title="Crash Touchdown">
693      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
694        <div class="aspect-square overflow-hidden">
695          <img src="static/images/luckiavalenciacom690cd05e4d1ef.jpg" alt="Crash Touchdown" class="h-full w-full object-cover object-center" loading="lazy">
696        </div>
697        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Crash Touchdown</div>
698      </div>
699    </a>
700    <a href="knockoutriches.html" class="block" title="Knockout Riches">
701      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
702        <div class="aspect-square overflow-hidden">
703          <img src="static/images/luckiavalenciacom690cd05e77135.jpg" alt="Knockout Riches" class="h-full w-full object-cover object-center" loading="lazy">
704        </div>
705        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Knockout Riches</div>
706      </div>
707    </a>
708    <a href="goldentemple.html" class="block" title="Golden Temple">
709      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
710        <div class="aspect-square overflow-hidden">
711          <img src="static/images/luckiavalenciacom690cd05e6a8ca.jpg" alt="Golden Temple" class="h-full w-full object-cover object-center" loading="lazy">
712        </div>
713        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Golden Temple</div>
714      </div>
715    </a>
716    <a href="waysoftheqilin.html" class="block" title="Ways of the Qilin">
717      <div class="relative overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105">
718        <div class="aspect-square overflow-hidden">
719          <img src="static/images/luckiavalenciacom690cd112a224f.jpg" alt="Ways of the Qilin" class="h-full w-full object-cover object-center" loading="lazy">
720        </div>
721        <div class="absolute inset-x-0 bottom-0 bg-black/50 p-1 text-center text-xs text-white">Ways of the Qilin</div>
722      </div>
723    </a>
724  </div>
725</section>
726  <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-4">
727  <article class="bg-gradient-to-r from-green-700 to-green-800 text-white rounded-xl shadow-lg overflow-hidden transform transition-transform hover:scale-105">
728    <div class="p-5 flex flex-col h-full">
729      <h2 class="text-xl font-bold mb-2">🎁 Bonificación de Bienvenida $500</h2>
730      <p class="flex-grow mb-4">Los nuevos usuarios en Luckia pueden obtener un bono de bienvenida de hasta $500 al completar su primer depósito.</p>
731      <ul class="space-y-2 mb-4">
732        <li>📋 Condición: Registro completo + primer depósito mínimo de $100</li>
733        <li>⏰ Vigencia: Del 1 al 31 de mayo de 2025</li>
734      </ul>
735      <button onclick="downloadApp()" class="mt-auto bg-yellow-500 hover:bg-yellow-600 text-gray-900 py-2 px-4 roun
735ded-lg font-semibold transition duration-300 ease-in-out transform hover:-translate-y-1">
736        Reclamar Ahora
737      </button>
738    </div>
739  </article>
740
741  <article class="bg-gradient-to-r from-green-600 to-green-700 text-white rounded-xl shadow-lg overflow-hidden transform transition-transform hover:scale-105">
742    <div class="p-5 flex flex-col h-full">
743      <h2 class="text-xl font-bold mb-2">💳 Depósito Rápido - Recibe $100 Extra</h2>
744      <p class="flex-grow mb-4">Realiza un depósito mayor a $500 en Luckia y obtén un bono instantáneo adicional de $100.</p>
745      <ul class="space-y-2 mb-4">
746        <li>📋 Condición: Depósito mínimo de $500 en una sola transacción</li>
747        <li>⏰ Vigencia: Solo hoy, válido hasta las 23:59 hrs</li>
748      </ul>
749      <button onclick="downloadApp()" class="mt-auto bg-yellow-500 hover:bg-yellow-600 text-gray-900 py-2 px-4 rounded-lg font-semibold transition duration-300 ease-in-out transform hover:-translate-y-1">
750        Participar Ya
751      </button>
752    </div>
753  </article>
754
755  <article class="bg-gradient-to-r from-green-500 to-green-600 text-white rounded-xl shadow-lg overflow-hidden transform transition-transform hover:scale-105">
756    <div class="p-5 flex flex-col h-full">
757      <h2 class="text-xl font-bold mb-2">🎰 Juego Favorito - Devolución Semanal del 15%</h2>
758      <p class="flex-grow mb-4">¿Tu juego favorito es el tragamonedas? Obtén hasta el 15% de reembolso semanal jugando en Luckia.</p>
759      <ul class="space-y-2 mb-4">
760        <li>📋 Condición: Apostar mínimo $300 en tragamonedas durante la semana</li>
761        <li>⏰ Vigencia: Toda la semana, renovable automáticamente</li>
762      </ul>
763      <button onclick="downloadApp()" class="mt-auto bg-yellow-500 hover:bg-yellow-600 text-gray-900 py-2 px-4 rounded-lg font-semibold transition duration-300 ease-in-out transform hover:-translate-y-1">
764        Unirme Ahora
765      </button>
766    </div>
767  </article>
768
769  <article class="bg-gradient-to-r from-green-800 to-green-900 text-white rounded-xl shadow-lg overflow-hidden relative transform transition-transform hover:scale-105">
770    <div class="absolute top-4 right-4 bg-red-600 text-white py-1 px-3 rounded-full animate-pulse">
771      🔥 ¡ÚLTIMA OPORTUNIDAD!
772    </div>
773    <div class="p-5 pt-12 flex flex-col h-full">
774      <h2 class="text-xl font-bold mb-2">🎂 Premio Sorpresa por Cumpleaños</h2>
775      <p class="flex-grow mb-4">Celebra tu cumpleaños con Luckia y recibe un premio especial único según tu nivel VIP.</p>
776      <ul class="space-y-2 mb-4">
777        <li>📋 Condición: Ser miembro verificado y actualizar fecha de nacimiento</li>
778        <li>⏰ Vigencia: Solo 3 días antes y después de tu cumpleaños</li>
779      </ul>
780      <button onclick="downloadApp()" class="mt-auto bg-yellow-500 hover:bg-yellow-600 text-gray-900 py-2 px-4 rounded-lg font-semibold transition duration-300 ease-in-out transform hover:-translate-y-1">
781        Verificar Datos
782      </button>
783    </div>
784  </article>
785
786  <article class="bg-gradient-to-r from-green-900 to-black text-white rounded-xl shadow-lg overflow-hidden transform transition-transform hover:scale-105">
787    <div class="p-5 flex flex-col h-full">
788      <h2 class="text-xl font-bold mb-2">💎 Club VIP - Ganancias Mensuales hasta $2000</h2>
789      <p class="flex-grow mb-4">Únete al club VIP de Luckia y disfruta beneficios exclusivos incluyendo reintegros mensuales de hasta $2000.</p>
790      <ul class="space-y-2 mb-4">
791        <li>📋 Condición: Mantener balance promedio mensual superior a $5000</li>
792        <li>⏰ Vigencia: Todo el mes, renovable automáticamente</li>
793      </ul>
794      <button onclick="downloadApp()" class="mt-auto bg-yellow-500 hover:bg-yellow-600 text-gray-900 py-2 px-4 rounded-lg font-semibold transition duration-300 ease-in-out transform hover:-translate-y-1">
795        Convertirse en VIP
796      </button>
797    </div>
798  </article>
799</section>
800  <section class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 p-4">
801  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
802    <div class="flex items-center mb-3">
803      <span class="text-2xl mr-2">🃏</span>
804      <h2 class="text-xl font-bold" title="Blackjack">Blackjack</h2>
805    </div>
806    <p class="mb-3 text-sm h-24 overflow-y-auto">El Blackjack es un juego de cartas clásico donde el objetivo es acercarse lo más posible a 21 sin pasarse. En Luckia, puedes disfrutar de esta emoción con gráficos nítidos y reglas justas.</p>
807    <ul class="space-y-1 text-xs mb-4">
808      <li>🔹 Reparte cartas iniciales</li>
809      <li>🔹 Decide si pides o te plantas</li>
810      <li>🔹 Compara tu mano con la banca</li>
811    </ul>
812    <div class="flex justify-between items-center mb-3">
813      <div class="flex space-x-1">
814        <span>⭐</span><span>⭐</span><span>⭐</span>
815      </div>
816      <div class="flex space-x-1">
817        <span>🔥</span><span>🔥</span><span>🔥</span><span>🔥</span>
818      </div>
819    </div>
820    <button onclick="playRGame('blackjack')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
821  </article>
822
823  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
824    <div class="flex items-center mb-3">
825      <span class="text-2xl mr-2">🎲</span>
826      <h2 class="text-xl font-bold" title="Sic Bo">Sic Bo</h2>
827    </div>
828    <p class="mb-3 text-sm h-24 overflow-y-auto">Sic Bo es un emocionante juego de dados originario de Asia. En Luckia, vivirás la auténtica experiencia de apuestas con tres dados y múltiples combinaciones posibles.</p>
829    <ul class="space-y-1 text-xs mb-4">
830      <li>🔹 Lanza los dados</li>
831      <li>🔹 Realiza tus apuestas</li>
832      <li>🔹 Espera resultados según combinaciones</li>
833    </ul>
834    <div class="flex justify-between items-center mb-3">
835      <div class="flex space-x-1">
836        <span>⭐</span><span>⭐</span>
837      </div>
838      <div class="flex space-x-1">
839        <span>🔥</span><span>🔥</span><span>🔥</span>
840      </div>
841    </div>
842    <button onclick="playRGame('sicbo')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
843  </article>
844
845  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
846    <div class="flex items-center mb-3">
847      <span class="text-2xl mr-2">🎰</span>
848      <h2 class="text-xl font-bold" title="Video Slots">Video Slots</h2>
849    </div>
850    <p class="mb-3 text-sm h-24 overflow-y-auto">Los Video Slots son una experiencia visual y auditiva única. Con temas variados y premios progresivos, Luckia ofrece máquinas tragamonedas de alta calidad para mantenerte entretenido horas.</p>
851    <ul class="space-y-1 text-xs mb-4">
852      <li>🔹 Selecciona tus líneas de pago</li>
853      <li>🔹 Gira los carretes</li>
854      <li>🔹 Consigue combinaciones ganadoras</li>
855    </ul>
856    <div class="flex justify-between items-center mb-3">
857      <div class="flex space-x-1">
858        <span>⭐</span><span>⭐</span><span>⭐</span><span>⭐</span>
859      </div>
860      <div class="flex space-x-1">
861        <span>🔥</span><span>🔥</span><span>🔥</span><span>🔥</span><span>🔥</span>
862      </div>
863    </div>
864    <button onclick="playRGame('slots')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
865  </article>
866
867  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
868    <div class="flex items-center mb-3">
869      <span class="text-2xl mr-2">🎡</span>
870      <h2 class="text-xl font-bold" title="Ruleta Europea">Ruleta Europea</h2>
871    </div>
872    <p class="mb-3 text-sm h-24 overflow-y-auto">La Ruleta Europea destaca por tener solo un cero, reduciendo la ventaja de la casa. En Luckia, podrás girar la rueda con estilo y probar suerte en apuestas internas y externas.</p>
873    <ul class="space-y-1 text-xs mb-4">
874      <li>🔹 Coloca tus fichas</li>
875      <li>🔹 La bola gira en la ruleta</li>
876      <li>🔹 Determina si ganaste o perdiste</li>
877    </ul>
878    <div class="flex justify-between items-center mb-3">
879      <div class="flex space-x-1">
880        <span>⭐</span><span>⭐</span><span>⭐</span>
881      </div>
882      <div class="flex space-x-1">
883        <span>🔥</span><span>🔥</span><span>🔥</span><span>🔥</span>
884      </div>
885    </div>
886    <button onclick="playRGame('roulette')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
887  </article>
888
889  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
890    <div class="flex items-center mb-3">
891      <span class="text-2xl mr-2">🀄</span>
892      <h2 class="text-xl font-bold" title="Mahjong">Mahjong</h2>
893    </div>
894    <p class="mb-3 text-sm h-24 overflow-y-auto">Basado en el mosaico chino tradicional, este juego combina estrategia y habilidad. En Luckia, puedes disfrutar de versiones modernas con reglas claras y un entorno seguro para todos los usuarios.</p>
895    <ul class="space-y-1 text-xs mb-4">
896      <li>🔹 Empareja fichas idénticas</li>
897      <li>🔹 Elimina capas estratégicamente</li>
898      <li>🔹 Limpia todo el tablero para ganar</li>
899    </ul>
900    <div class="flex justify-between items-center mb-3">
901      <div class="flex space-x-1">
902        <span>⭐</span><span>⭐</span><span>⭐</span><span>⭐</span>
903      </div>
904      <div class="flex space-x-1">
905        <span>🔥</span><span>🔥</span><span>🔥</span>
906      </div>
907    </div>
908    <button onclick="playRGame('mahjong')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
909  </article>
910
911  <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-lg p-5 text-white transform transition-transform hover:scale-105">
912    <div class="flex items-center mb-3">
913      <span class="text-2xl mr-2">🐯</span>
914      <h2 class="text-xl font-bold" title="Dragón Tigre">Dragón Tigre</h2>
915    </div>
916    <p class="mb-3 text-sm h-24 overflow-y-auto">Un juego de cartas rápido y sencillo, ideal para principiantes. En Luckia, Dragón vs Tigre ofrece decisiones simples pero llenas de emoción, perfecto para sesiones cortas y dinámicas.</p>
917    <ul class="space-y-1 text-xs mb-4">
918      <li>🔹 Apuesta a Dragón o Tigre</li>
919      <li>🔹 Se revelan dos cartas</li>
920      <li>🔹 Compara valores para determinar ganador</li>
921    </ul>
922    <div class="flex justify-between items-center mb-3">
923      <div class="flex space-x-1">
924        <span>⭐</span><span>⭐</span>
925      </div>
926      <div class="flex space-x-1">
927        <span>🔥</span><span>🔥</span><span>🔥</span><span>🔥</span>
928      </div>
929    </div>
930    <button onclick="playRGame('dragontiger')" class="w-full py-2 bg-[#F0FDF4] text-[#166534] font-semibold rounded-lg hover:bg-[#86EFAC] transition">Jugar Ahora</button>
931  </article>
932</section>
933  <section class="how-to-play max-w-md mx-auto px-4 py-8">
934  <h2 class="text-2xl font-bold text-center mb-4" title="Cómo jugar Luckia">Cómo Jugar Luckia</h2>
935  
936  <p class="text-base text-center mb-8">Bienvenido a <strong>Luckia</strong>, la mejor plataforma de apuestas en línea en México. Sigue estos pasos simples para comenzar a disfrutar de nuestros juegos y promociones.</p>
937  
938  <div class="grid grid-cols-2 gap-4 mb-8">
939    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
940      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
941        1
942      </div>
943      <h3 class="text-lg font-semibold text-white mt-2" title="Crear e Iniciar Sesión">Crear e Iniciar Sesión</h3>
944      <p class="text-sm text-white mt-2">Regístrate en nuestra plataforma o inicia sesión si ya tienes cuenta.</p>
945    </article>
946
947    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
948      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
949        2
950      </div>
951      <h3 class="text-lg font-semibold text-white mt-2" title="Elige Tu Juego">Elige Tu Juego</h3>
952      <p class="text-sm text-white mt-2">Explora nuestro catálogo y selecciona tu juego favorito.</p>
953    </article>
954
955    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
956      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
957        3
958      </div>
959      <h3 class="text-lg font-semibold text-white mt-2" title="Realiza Tu Apuesta">Realiza Tu Apuesta</h3>
960      <p class="text-sm text-white mt-2">Configura tu apuesta según las reglas del juego.</p>
961    </article>
962
963    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
964      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
965        4
966      </div>
967      <h3 class="text-lg font-semibold text-white mt-2" title="Gira">Gira</h3>
968      <p class="text-sm text-white mt-2">Activa el juego y observa los resultados.</p>
969    </article>
970
971    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
972      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
973        5
974      </div>
975      <h3 class="text-lg font-semibold text-white mt-2" title="Usa Funciones Especiales">Usa Funciones Especiales</h3>
976      <p class="text-sm text-white mt-2">Aprovecha bonificaciones, giros gratis y otras funciones únicas.</p>
977    </article>
978
979    <article class="bg-gradient-to-br from-[#166534] to-[#15803D] rounded-xl shadow-md p-4 relative transform transition-transform hover:scale-105">
980      <div class="absolute -top-2 -left-2 w-10 h-10 flex items-center justify-center bg-white text-[#166534] font-bold rounded-full shadow">
981        6
982      </div>
983      <h3 class="text-lg font-semibold text-white mt-2" title="Reclama Tus Recompensas">Reclama Tus Recompensas</h3>
984      <p class="text-sm text-white mt-2">Retira tus ganancias o utilízalas para más diversión.</p>
985    </article>
986  </div>
987
988  <div class="text-center">
989    <button onclick="downloadApp()" class="bg-[#15803D] hover:bg-[#166534] text-white font-bold py-3 px-6 rounded-full shadow-lg transform transition-transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#166534]">
990      Guía Detallada del Juego
991    </button>
992  </div>
993</section>
994  <div class="w-full max-w-md mx-auto p-4 space-y-6">
995  <h2 class="text-2xl font-bold text-center text-[#166534]">Últimas Noticias de Ganadores</h2>
996  
997  <!-- Caso 1 -->
998  <div class="bg-white rounded-xl shadow-md p-4 border-l-4 border-[#15803D] transform transition duration-300 hover:scale-[1.02]">
999    <div class="flex items-start justify-between">
1000      <div>
1001        <p class="font-medium text-gray-800">🎉 Usuario: Miguel***</p>
1002        <p class="text-sm text-gray-600">🎮 Juego: Blackjack Clásico</p>
1003        <p class="text-lg font-bold text-[#166534]">💎 Premio: $4,200 MXN</p>
1004        <p class="text-xs text-gray-500">⏰ Hace 2 horas</p>
1005      </div>
1006      <span class="text-xl">🃏</span>
1007    </div>
1008    <p class="mt-2 text-sm text-gray-700">"Increíble experiencia, gané más de lo que esperaba. Totalmente confiable."</p>
1009  </div>
1010
1011  <!-- Caso 2 -->
1012  <div class="bg-white rounded-xl shadow-md p-4 border-l-4 border-[#15803D] transform transition duration-300 hover:scale-[1.02]">
1013    <div class="flex items-start justify-between">
1014      <div>
1015        <p class="font-medium text-gray-800">🎉 Usuario: AnaLuisa***</p>
1016        <p class="text-sm text-gray-600">🎮 Juego: Tragamonedas Azteca</p>
1017        <p class="text-lg font-bold text-[#166534]">💎 Premio: $12,500 MXN</p>
1018        <p class="text-xs text-gray-500">⏰ Ayer</p>
1019      </div>
1020      <span class="text-xl">🎰</span>
1021    </div>
1022    <p class="mt-2 text-sm text-gray-700">"El giro de la suerte cambió mi día. ¡Gracias, Luckia!"</p>
1023  </div>
1024
1025  <!-- Caso 3 -->
1026  <div class="bg-white rounded-xl shadow-md p-4 border-l-4 border-[#15803D] transform transition duration-300 hover:scale-[1.02]">
1027    <div class="flex items-start justify-between">
1028      <div>
1029        <p class="font-medium text-gray-800">🎉 Usuario: Carlos***</p>
1030        <p class="text-sm text-gray-600">🎮 Juego: Ruleta Europea</p>
1031        <p class="text-lg font-bold text-[#166534]">💎 Premio: $7,800 MXN</p>
1032        <p class="text-xs text-gray-500">⏰ Hace 1 día</p>
1033      </div>
1034      <span class="text-xl">🎡</span>
1035    </div>
1036    <p class="mt-2 text-sm text-gray-700">"Nunca imaginé ganar tanto en una sola apuesta. Excelente plataforma."</p>
1037  </div>
1038
1039  <!-- Caso 4 -->
1040  <div class="bg-white rounded-xl shadow-md p-4 border-l-4 border-[#15803D] transform transition duration-300 hover:scale-[1.02]">
1041    <div class="flex items-start justify-between">
1042      <div>
1043        <p class="font-medium text-gray-800">🎉 Usuario: SofíaR***</p>
1044        <p class="text-sm text-gray-600">🎮 Juego: Dados Mayas</p>
1045        <p class="text-lg font-bold text-[#166534]">💎 Premio: $3,400 MXN</p>
1046        <p class="text-xs text-gray-500">⏰ Hace 3 días</p>
1047      </div>
1048      <span class="text-xl">🎲</span>
1049    </div>
1050    <p class="mt-2 text-sm text-gray-700">"Fácil de jugar, justo y transparente. Me encanta este sitio."</p>
1051  </div>
1052
1053  <!-- Caso 5 -->
1054  <div class="bg-white rounded-xl shadow-md p-4 border-l-4 border-[#15803D] transform transition duration-300 hover:scale-[1.02]">
1055    <div class="flex items-start justify-between">
1056      <div>
1057        <p class="font-medium text-gray-800">🎉 Usuario: DavidMtz***</p>
1058        <p class="text-sm text-gray-600">🎮 Juego: Poker en Vivo</p>
1059        <p class="text-lg font-bold text-[#166534]">💎 Premio: $18,900 MXN</p>
1060        <p class="text-xs text-gray-500">⏰ Hace 5 días</p>
1061      </div>
1062      <span class="text-xl">♠️</span>
1063    </div>
1064    <p class="mt-2 text-sm text-gray-700">"Mi mejor victoria en línea. El soporte al cliente es excelente."</p>
1065  </div>
1066</div>
1067  <section class="player-reviews py-10 px-4 max-w-6xl mx-auto" aria-labelledby="reviews-heading">
1068  <h2 id="reviews-heading" class="text-2xl md:text-3xl font-bold text-center mb-8 text-[#166534]" title="Reseñas de Jugadores Luckia">Reseñas de Jugadores Luckia</h2>
1069  
1070  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
1071    <!-- Reseña 1 -->
1072    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1073      <div class="flex items-start space-x-3">
1074        <img src="static/images/luckiavalenciacom690cca2795ca6.jpg" alt="Avatar de Elena Muñoz" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1075        <div class="flex-1">
1076          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1077            <span itemprop="name">Elena Muñoz</span>
1078          </h3>
1079          <div class="flex mt-1" role="img" aria-label="Calificación 5 estrellas">
1080            <span class="text-yellow-500">★★★★★</span>
1081          </div>
1082        </div>
1083      </div>
1084      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1085        Excelente experiencia en Luckia. La variedad de juegos es enorme y la calidad gráfica es impresionante. Todo funciona muy bien en mi dispositivo móvil.
1086      </p>
1087      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1088        <meta itemprop="ratingValue" content="5">
1089        <meta itemprop="bestRating" content="5">
1090      </div>
1091    </article>
1092
1093    <!-- Reseña 2 -->
1094    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1095      <div class="flex items-start space-x-3">
1096        <img src="static/images/luckiavalenciacom690cca27a4e3b.jpg" alt="Avatar de Ismael Ceballos" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1097        <div class="flex-1">
1098          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1099            <span itemprop="name">Ismael Ceballos</span>
1100          </h3>
1101          <div class="flex mt-1" role="img" aria-label="Calificación 4 estrellas">
1102            <span class="text-yellow-500">★★★★☆</span>
1103          </div>
1104        </div>
1105      </div>
1106      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1107        El servicio al cliente responde rápido y resuelve cualquier duda. Me encanta la seguridad que ofrece Luckia para mis transacciones.
1108      </p>
1109      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1110        <meta itemprop="ratingValue" content="4">
1111        <meta itemprop="bestRating" content="5">
1112      </div>
1113    </article>
1114
1115    <!-- Reseña 3 -->
1116    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1117      <div class="flex items-start space-x-3">
1118        <img src="static/images/luckiavalenciacom690cca277729c.jpg" alt="Avatar de Adrián Rosas" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1119        <div class="flex-1">
1120          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1121            <span itemprop="name">Adrián Rosas</span>
1122          </h3>
1123          <div class="flex mt-1" role="img" aria-label="Calificación 5 estrellas">
1124            <span class="text-yellow-500">★★★★★</span>
1125          </div>
1126        </div>
1127      </div>
1128      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1129        Retiré mis ganancias en minutos. La rapidez en los retiros me da mucha confianza. Sin duda, seguiré usando Luckia para mis apuestas.
1130      </p>
1131      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1132        <meta itemprop="ratingValue" content="5">
1133        <meta itemprop="bestRating" content="5">
1134      </div>
1135    </article>
1136
1137    <!-- Reseña 4 -->
1138    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1139      <div class="flex items-start space-x-3">
1140        <img src="static/images/luckiavalenciacom690cca27a0f98.jpg" alt="Avatar de Guillermo Duarte" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1141        <div class="flex-1">
1142          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1143            <span itemprop="name">Guillermo Duarte</span>
1144          </h3>
1145          <div class="flex mt-1" role="img" aria-label="Calificación 5 estrellas">
1146            <span class="text-yellow-500">★★★★★</span>
1147          </div>
1148        </div>
1149      </div>
1150      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1151        Plataforma segura y confiable. Mis fondos siempre están protegidos. Disfruto mucho jugar en Luckia, especialmente en los torneos semanales.
1152      </p>
1153      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1154        <meta itemprop="ratingValue" content="5">
1155        <meta itemprop="bestRating" content="5">
1156      </div>
1157    </article>
1158
1159    <!-- Reseña 5 -->
1160    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1161      <div class="flex items-start space-x-3">
1162        <img src="static/images/luckiavalenciacom690cca27a9336.jpg" alt="Avatar de Juana Villaseñor" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1163        <div class="flex-1">
1164          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1165            <span itemprop="name">Juana Villaseñor</span>
1166          </h3>
1167          <div class="flex mt-1" role="img" aria-label="Calificación 4 estrellas">
1168            <span class="text-yellow-500">★★★★☆</span>
1169          </div>
1170        </div>
1171      </div>
1172      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1173        Gran experiencia general. La interfaz es intuitiva y los bonos son muy atractivos. Recomiendo Luckia a todos los amantes del juego.
1174      </p>
1175      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1176        <meta itemprop="ratingValue" content="4">
1177        <meta itemprop="bestRating" content="5">
1178      </div>
1179    </article>
1180
1181    <!-- Reseña 6 -->
1182    <article class="bg-gradient-to-br from-[#F0FDF4] to-[#86EFAC] rounded-xl shadow-md p-5 transition-transform duration-300 hover:scale-[1.02]" itemscope="" itemtype="https://schema.org/Review">
1183      <div class="flex items-start space-x-3">
1184        <img src="static/images/luckiavalenciacom690cca27a986e.jpg" alt="Avatar de Julia Morales" class="w-12 h-12 rounded-full border-2 border-white shadow object-cover" itemprop="image">
1185        <div class="flex-1">
1186          <h3 class="text-lg font-semibold text-[#166534]" itemprop="author" itemscope="" itemtype="https://schema.org/Person">
1187            <span itemprop="name">Julia Morales</span>
1188          </h3>
1189          <div class="flex mt-1" role="img" aria-label="Calificación 5 estrellas">
1190            <span class="text-yellow-500">★★★★★</span>
1191          </div>
1192        </div>
1193      </div>
1194      <p class="mt-3 text-gray-700 leading-relaxed" itemprop="reviewBody">
1195        Me fascina la aplicación de Luckia. Es muy fácil de usar y tiene un diseño hermoso. Los juegos son fluidos y sin interrupciones.
1196      </p>
1197      <div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
1198        <meta itemprop="ratingValue" content="5">
1199        <meta itemprop="bestRating" content="5">
1200      </div>
1201    </article>
1202  </div>
1203</section>
1204  <div class="max-w-md mx-auto p-4 space-y-6">
1205  <h2 class="text-2xl font-bold text-center mb-6 text-[#166534]">Preguntas que te pueden interesar</h2>
1206  
1207  <!-- FAQ 1 -->
1208  <div class="flex items-start gap-3">
1209    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1210      👤
1211    </div>
1212    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1213      <p class="text-sm font-medium text-gray-800">¿Es seguro jugar en Luckia?</p>
1214    </div>
1215  </div>
1216
1217  <div class="flex items-start gap-3">
1218    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1219      🛡️
1220    </div>
1221    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1222      <p class="text-sm font-medium text-white">Claro, Luckia cuenta con licencias oficiales y usa tecnología de encriptación avanzada para proteger tus datos y fondos.</p>
1223    </div>
1224  </div>
1225
1226  <!-- FAQ 2 -->
1227  <div class="flex items-start gap-3">
1228    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1229      👤
1230    </div>
1231    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1232      <p class="text-sm font-medium text-gray-800">¿Cómo me registro en Luckia?</p>
1233    </div>
1234  </div>
1235
1236  <div class="flex items-start gap-3">
1237    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1238      📱
1239    </div>
1240    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1241      <p class="text-sm font-medium text-white">Solo necesitas ingresar a nuestra página web o descargar la app Luckia, hacer clic en “Registrarse” y seguir las instrucciones.</p>
1242    </div>
1243  </div>
1244
1245  <!-- FAQ 3 -->
1246  <div class="flex items-start gap-3">
1247    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1248      👤
1249    </div>
1250    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1251      <p class="text-sm font-medium text-gray-800">¿Qué métodos de pago aceptan?</p>
1252    </div>
1253  </div>
1254
1255  <div class="flex items-start gap-3">
1256    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1257      💳
1258    </div>
1259    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1260      <p class="text-sm font-medium text-white">Aceptamos tarjetas bancarias, transferencias electrónicas, depósitos en efectivo y billeteras digitales como OXXO Pay y otros medios locales.</p>
1261    </div>
1262  </div>
1263
1264  <!-- FAQ 4 -->
1265  <div class="flex items-start gap-3">
1266    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1267      👤
1268    </div>
1269    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1270      <p class="text-sm font-medium text-gray-800">¿Cuánto tardan los retiros?</p>
1271    </div>
1272  </div>
1273
1274  <div class="flex items-start gap-3">
1275    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1276      ⏱️
1277    </div>
1278    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1279      <p class="text-sm font-medium text-white">Los tiempos varían según el método, pero normalmente se procesan entre 24 y 72 horas hábiles tras la solicitud.</p>
1280    </div>
1281  </div>
1282
1283  <!-- FAQ 5 -->
1284  <div class="flex items-start gap-3">
1285    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1286      👤
1287    </div>
1288    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1289      <p class="text-sm font-medium text-gray-800">¿Hay bonos para nuevos usuarios?</p>
1290    </div>
1291  </div>
1292
1293  <div class="flex items-start gap-3">
1294    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1295      🎁
1296    </div>
1297    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1298      <p class="text-sm font-medium text-white">Sí, nuevos usuarios reciben un bono de bienvenida de hasta $500 MXN en su primer depósito al registrarse en Luckia.</p>
1299    </div>
1300  </div>
1301
1302  <!-- FAQ 6 -->
1303  <div class="flex items-start gap-3">
1304    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1305      👤
1306    </div>
1307    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1308      <p class="text-sm font-medium text-gray-800">¿Funciona bien en móviles?</p>
1309    </div>
1310  </div>
1311
1312  <div class="flex items-start gap-3">
1313    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1314      📲
1315    </div>
1316    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1317      <p class="text-sm font-medium text-white">¡Por supuesto! La app Luckia está optimizada para dispositivos móviles y ofrece una experiencia rápida y estable.</p>
1318    </div>
1319  </div>
1320
1321  <!-- FAQ 7 -->
1322  <div class="flex items-start gap-3">
1323    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1324      👤
1325    </div>
1326    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1327      <p class="text-sm font-medium text-gray-800">¿Cómo puedo contactarlos?</p>
1328    </div>
1329  </div>
1330
1331  <div class="flex items-start gap-3">
1332    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1333      🧑‍💼
1334    </div>
1335    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1336      <p class="text-sm font-medium text-white">Puedes escribirnos por chat en vivo desde la app o sitio web, también tenemos soporte vía correo electrónico disponible las 24 horas.<
1336/p>
1337    </div>
1338  </div>
1339
1340  <!-- FAQ 8 -->
1341  <div class="flex items-start gap-3">
1342    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1343      👤
1344    </div>
1345    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1346      <p class="text-sm font-medium text-gray-800">¿Qué juegos ofrecen?</p>
1347    </div>
1348  </div>
1349
1350  <div class="flex items-start gap-3">
1351    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1352      🎰
1353    </div>
1354    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1355      <p class="text-sm font-medium text-white">Ofrecemos apuestas deportivas, tragamonedas, ruleta, póker y más juegos en nuestro casino online totalmente legal y regulado.</p>
1356    </div>
1357  </div>
1358
1359  <!-- FAQ 9 -->
1360  <div class="flex items-start gap-3">
1361    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1362      👤
1363    </div>
1364    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1365      <p class="text-sm font-medium text-gray-800">¿Tienen límites mínimos de apuesta?</p>
1366    </div>
1367  </div>
1368
1369  <div class="flex items-start gap-3">
1370    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1371      💰
1372    </div>
1373    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1374      <p class="text-sm font-medium text-white">Sí, puedes empezar desde $10 MXN en algunos juegos. Los límites específicos aparecen antes de iniciar cualquier partida.</p>
1375    </div>
1376  </div>
1377
1378  <!-- FAQ 10 -->
1379  <div class="flex items-start gap-3">
1380    <div class="bg-gray-200 rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1381      👤
1382    </div>
1383    <div class="ml-auto max-w-[80%] bg-white rounded-2xl rounded-br-none px-4 py-2 shadow-sm border border-gray-100">
1384      <p class="text-sm font-medium text-gray-800">¿Cómo sé si gané un premio?</p>
1385    </div>
1386  </div>
1387
1388  <div class="flex items-start gap-3">
1389    <div class="bg-[#166534] rounded-full w-8 h-8 flex-shrink-0 flex items-center justify-center">
1390      🏆
1391    </div>
1392    <div class="mr-auto max-w-[80%] bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl rounded-bl-none px-4 py-2 shadow-md">
1393      <p class="text-sm font-medium text-white">Te notificaremos automáticamente a través de mensajes push o correo, además podrás ver tus ganancias en tiempo real dentro de tu cuenta Luckia.</p>
1394    </div>
1395  </div>
1396</div>
1397  <section class="w-full py-10 px-4 bg-gradient-to-r from-[#166534] to-[#15803D] rounded-2xl shadow-lg">
1398  <div class="max-w-md mx-auto">
1399    <h2 class="text-center text-[#F0FDF4] text-2xl font-bold mb-6" title="Métodos de Pago y Socios">Métodos de Pago y Socios</h2>
1400    <div class="flex justify-between items-center gap-4">
1401      <div class="flex flex-col items-center">
1402        <img src="static/images/luckiavalenciacom690ccc43153f4.png" alt="Socio oficial de Luckia" width="80" height="40" class="h-10 w-auto object-contain lazy" loading="lazy">
1403      </div>
1404      <div class="flex flex-col items-center">
1405        <img src="static/images/luckiavalenciacom690ccc4313d1e.png" alt="Certificación de seguridad en pagos" width="80" height="40" class="h-10 w-auto object-contain lazy" loading="lazy">
1406      </div>
1407      <div class="flex flex-col items-center">
1408        <img src="static/images/luckiavalenciacom690ccc4316f5b.png" alt="Método de pago aceptado" width="80" height="40" class="h-10 w-auto object-contain lazy" loading="lazy">
1409      </div>
1410      <a href="javascript:downloadApp();" class="flex flex-col items-center cursor-pointer transform transition-transform hover:scale-105 active:scale-95">
1411        <img src="static/images/luckiavalenciacom690ccc43175ba.png" alt="Descarga nuestra aplicación" width="80" height="40" class="h-10 w-auto object-contain lazy" loading="lazy">
1412      </a>
1413    </div>
1414  </div>
1415</section>
1416
1417<script>
1418document.addEventListener('DOMContentLoaded', function () {
1419  const lazyImages = document.querySelectorAll('.lazy');
1420
1421  if ('IntersectionObserver' in window) {
1422    const imageObserver = new IntersectionObserver((entries, observer) => {
1423      entries.forEach(entry => {
1424        if (entry.isIntersecting) {
1425          const img = entry.target;
1426          img.src = img.dataset.src || img.src;
1427          img.classList.remove('lazy');
1428          imageObserver.unobserve(img);
1429        }
1430      });
1431    });
1432
1433    lazyImages.forEach(img => {
1434      // Asignar src desde dataset o mantener actual si no hay dataset
1435      if (!img.src && img.dataset.src) {
1436        img.src = img.dataset.src;
1437      }
1438      imageObserver.observe(img);
1439    });
1440  } else {
1441    // Fallback for older browsers
1442    lazyImages.forEach(img => {
1443      if (!img.src && img.dataset.src) {
1444        img.src = img.dataset.src;
1445      }
1446    });
1447  }
1448});
1449</script>
1449
1450  <footer class="bg-gradient-to-r from-[#166534] to-[#15803D] text-white py-6 px-4 rounded-t-2xl">
1451  <section class="max-w-2xl mx-auto">
1452    <div class="grid grid-cols-2 gap-4 text-sm">
1453      <div class="flex flex-col items-start">
1454        <ul class="space-y-1">
1455          <li>© Luckia 2024</li>
1456          <li>Plataforma de apuestas en línea segura y confiable</li>
1457        </ul>
1458      </div>
1459      <div class="flex justify-end items-center">
1460        <ul class="text-right space-y-1">
1461          <li>Apuestas deportivas y casino en línea</li>
1462          <li>Bonos exclusivos y atención personalizada</li>
1463        </ul>
1464      </div>
1465    </div>
1466  </section>
1467</footer>
1468  <aside>
1469  <div class="welfare-float fixed right-2 bottom-52 z-[999] w-10 h-10 flex items-center justify-center rounded-full bg-gradient-to-r from-[#166534] to-[#15803D] shadow-lg cursor-pointer hover:shadow-xl transition-all duration-300 animate-pulse">
1470    <a href="faq.html" title="Ir a preguntas frecuentes">
1471      <img src="static/images/luckiavalenciacom690ccad26edc8.png" alt="Ícono de beneficios y ayuda" class="w-10 h-10 object-contain" width="40" height="40">
1472    </a>
1473  </div>
1474</aside>
1475  <aside class="fixed right-2 bottom-32 z-50">
1476  <div class="floating-welfare">
1477    <button onclick="playRGame()" class="flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-r from-[#166534] to-[#15803D] shadow-lg transform transition-transform duration-300 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#15803D] animate-pulse" aria-label="Iniciar juego de recompensas" title="Juego de recompensas Luckia">
1478      <img src="static/images/luckiavalenciacom690ccabaa2f80.png" alt="Ícono de beneficios Luckia" width="40" height="40" class="rounded-full object-cover" loading="lazy">
1479    </button>
1480  </div>
1481</aside>
1482<div class="h-14"></div>
1483  <div class="fixed bottom-0 left-0 right-0 z-50" style="--tabbar-height: 60px;">
1484  <nav class="bg-gradient-to-r from-[#166534] to-[#15803D] shadow-lg rounded-t-xl" aria-label="Navegación principal">
1485    <ul class="flex justify-around items-center h-[60px]">
1486      <!-- Inicio -->
1487      <li class="flex flex-col items-center justify-center w-full h-full relative group">
1488        <a href="https://luckiavalencia.com/index.html" title="Inicio" class="flex flex-col items-center text-white active:text-yellow-300">
1489          <svg class="w-6 h-6 mb-1" fill="currentColor" viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg>
1490          <span class="text-xs">Inicio</span>
1491        </a>
1492      </li>
1493
1494      <!-- Descargar -->
1495      <li class="flex flex-col items-center justify-center w-full h-full relative group">
1496        <a href="download.html" title="Descargar" class="flex flex-col items-center text-white active:text-yellow-300">
1497          <svg class="w-6 h-6 mb-1" fill="currentColor" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></svg>
1498          <span class="text-xs">Descargar</span>
1499        </a>
1500      </li>
1501
1502      <!-- Agente -->
1503      <li class="flex flex-col items-center justify-center w-full h-full relative group">
1504        <a href="agente.html" title="Agente" class="flex flex-col items-center text-white active:text-yellow-300">
1505          <svg class="w-6 h-6 mb-1" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></svg>
1506          <span class="text-xs">Agente</span>
1507        </a>
1508      </li>
1509
1510      <!-- Depósito -->
1511      <li class="flex flex-col items-center justify-center w-full h-full relative group">
1512        <a href="javascript:downloadApp()" title="Depósito" class="flex flex-col items-center text-white active:text-yellow-300">
1513          <svg class="w-6 h-6 mb-1" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-8 8z"></path></svg>
1514          <span class="text-xs">Depósito</span>
1515        </a>
1516      </li>
1517
1518      <!-- Promociones -->
1519      <li class="flex flex-col items-center justify-center w-full h-full relative group">
1520        <a href="javascript:downloadApp()" title="Promociones" class="flex flex-col items-center text-white active:text-yellow-300">
1521          <svg class="w-6 h-6 mb-1" fill="currentColor" viewBox="0 0 24 24">
1521<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>
1522          <span class="text-xs">Promos</span>
1523        </a>
1524      </li>
1525    </ul>
1526    
1527    <!-- Línea deslizante indicadora -->
1528    <div class="absolute bottom-0 left-0 h-0.5 bg-yellow-300 w-1/5 transition-all duration-300 ease-in-out" id="indicator"></div>
1529  </nav>
1530</div>
1531
1532<script>
1533  document.addEventListener('DOMContentLoaded', () => {
1534    const navItems = document.querySelectorAll('.group');
1535    const indicator = document.getElementById('indicator');
1536    
1537    // Establecer posición inicial del indicador
1538    setActiveIndicator(0);
1539
1540    navItems.forEach((item, index) => {
1541      item.addEventListener('click', () => {
1542        setActiveIndicator(index);
1543      });
1544    });
1545
1546    function setActiveIndicator(index) {
1547      const width = 100 / navItems.length;
1548      indicator.style.width = `${width}%`;
1549      indicator.style.left = `${index * width}%`;
1550    }
1551
1552    // Cargar íconos con retraso
1553    const icons = document.querySelectorAll('svg');
1554    setTimeout(() => {
1555      icons.forEach(icon => {
1556        if (!icon.classList.contains('loaded')) {
1557          icon.classList.add('opacity-100');
1558        }
1559      });
1560    }, 100);
1561  });
1562</script>
1562
1563    </div>
1564    
1565    
1565<script defer="" src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
1565
1566    
1566<script src="static/js/global.js"></script>
1566<script src="static/js/luckiavalencia-comSwitchLanguage.js"></script>
1566
1567    
1567<script defer="" data-domain="luckiavalencia.com" src="https://mxcount.xyz/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
1567
1568    
1568<script defer="" data-domain="mx-all" src="https://mxcount.xyz/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
1568
1569    
1569<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
1569
1570  
1571  
1571<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4045a2f1f0a74b7099951f1cbe544573","r":1,"spa":2}' crossorigin="anonymous"></script>
1571
1572</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.