1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Gemos Minerales | Piedras Semipreciosas y Amuletos de Protección</title> 7 <meta name="title" content="Gemos Minerales | Piedras Semipreciosas y Amuletos de Protección"> 8 <meta name="description" content="Explora nuestra colección premium de minerales, amuletos y piedras semipreciosas. Conecta con la magia natural y tu energÃa interior. EnvÃos a todo el paÃs."> 9 10 <!-- Open Graph / Facebook --> 11 <meta property="og:type" content="website"> 12 <meta property="og:url" content="https://www.gemos.com.ar/"> 13 <meta property="og:title" content="Gemos Minerales | Piedras Semipreciosas y Protección"> 14 <meta property="og:description" content="Explora nuestra colección premium de minerales y amuletos. Conecta con la magia natural y tu energÃa interior."> 15 <meta property="og:image" content="https://www.gemos.com.ar/assets/images/og-image.jpg"> 16 17 <!-- Twitter --> 18 <meta property="twitter:card" content="summary_large_image"> 19 <meta property="twitter:url" content="https://www.gemos.com.ar/"> 20 <meta property="twitter:title" content="Gemos Minerales | Piedras Semipreciosas"> 21 <meta property="twitter:description" content="Explora nuestra colección premium de minerales y amuletos. Conecta con la magia natural."> 22 <meta property="twitter:image" content="https://www.gemos.com.ar/assets/images/og-image.jpg"> 23 24 <!-- Favicons --> 25 <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png"> 26 <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png"> 27 <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png"> 28 <link rel="manifest" href="assets/site.webmanifest"> 29 <meta name="theme-color" content="#5028A0"> 30 31 <!-- Google Tag Manager --> 32
32<script>
vendor: 343 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36 })(window,document,'script','dataLayer','
36GTM-XXXXXXX
vendor: 3 bytes, line 36
36');
36</script>
36 37 <!-- End Google Tag Manager --> 38 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" as="style"> 39 <link rel="preconnect" href="https://fonts.googleapis.com"> 40 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 41 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Outfit:wght@400;600;700&display=swap" rel="stylesheet"> 42 <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet"> 43 <link rel="stylesheet" href="assets/css/styles.css?v=115"> 44 45 <!-- Phosphor Icons --> 46
46<script src="https://unpkg.com/@phosphor-icons/web" defer></script>
46 47 48 <!-- MercadoPago SDK v2 --> 49
49<script src="https://sdk.mercadopago.com/js/v2" defer></script>
49 50 51 <style> 52 .ecos-banner-section { padding: 2.5rem 1.2rem; } 53 54 .ecos-banner { 55 max-width: 900px; 56 margin: 0 auto; 57 background: linear-gradient(135deg, rgba(80,40,160,0.12) 0%, rgba(10,10,10,0.6) 40%, rgba(212,175,55,0.08) 100%); 58 border: 1px solid rgba(212,175,55,0.2); 59 border-radius: 24px; 60 padding: 2rem 1.5rem; 61 display: flex; 62 flex-direction: column; 63 text-align: center; 64 align-items: center; 65 gap: 1.4rem; 66 position: relative; 67 overflow: hidden; 68 } 69 70 .ecos-banner-bg { 71 position: absolute; inset: 0; 72 background: 73 radial-gradient(circle at 10% 50%, rgba(120,80,220,0.12) 0%, transparent 50%), 74 radial-gradient(circle at 90% 50%, rgba(212,175,55,0.08) 0%, transparent 50%); 75 pointer-events: none; 76 } 77 78 .ecos-banner-icon { 79 flex-shrink: 0; 80 width: 70px; height: 70px; 81 border-radius: 50%; 82 background: rgba(212,175,55,0.1); 83 border: 1px solid rgba(212,175,55,0.25); 84 display: flex; align-items: center; justify-content: center; 85 font-size: 1.8rem; 86 position: relative; z-index: 2; 87 } 88 89 .ecos-banner-text { 90 flex: 1; 91 position: relative; 92 z-index: 2; 93 display: flex; flex-direction: column; align-items: center; 94 } 95 96 .ecos-banner-eyebrow { 97 font-size: 0.72rem; 98 font-weight: 700; 99 letter-spacing: 2px; 100 text-transform: uppercase; 101 color: var(--gold-primary); 102 margin-bottom: 0.4rem; 103 } 104 105 .ecos-banner-title { 106 font-size: clamp(1.3rem, 3vw, 2rem); 107 font-family: 'Cinzel Decorative', serif; 108 margin-bottom: 0.6rem; 109 line-height: 1.2; 110 } 111 112 .ecos-banner-desc { 113 color: var(--text-muted); 114 font-size: 0.9rem; 115 line-height: 1.7; 116 margin-bottom: 1.4rem; 117 max-width: 100%; 118 } 119 120 /* Desktop */ 121 @media (min-width: 640px) { 122 .ecos-banner-section { padding: 4rem 2rem; } 123 .ecos-banner { 124 flex-direction: row; 125 text-align: left; 126 padding: 2.5rem 3rem; 127 gap: 2.5rem; 128 border-radius: 24px; 129 } 130 .ecos-banner-icon { width: 90px; height: 90px; font-size: 2.4rem; } 131 .ecos-banner-desc { max-width: 480px; font-size: 0.93rem; } 132 .ecos-banner-text { display: block; } 133 } 134 135 /* CAT BUBBLES MINIMALISTAS */ 136 .categories-bubbles { 137 display: flex; 138 flex-wrap: wrap; 139 justify-content: center; 140 gap: 2rem 4rem; 141 max-width: 1000px; 142 margin: 0 auto; 143 } 144 145 .cat-bubble { 146 display: flex; 147 flex-direction: column; 148 align-items: center; 149 text-decoration: none; 150 gap: 1.2rem; 151 transition: transform 0.3s ease; 152 width: 100px; 153 } 154 155 .cat-bubble:hover { 156 transform: translateY(-5px); 157 } 158 159 .cat-bubble-icon { 160 width: 85px; 161 height: 85px; 162 border-radius: 50%; 163 background: linear-gradient(135deg, rgba(20,20,20,1) 0%, rgba(10,10,10,1) 100%); 164 border: 1px solid rgba(212,175,55,0.15); 165 display: flex; 166 justify-content: center; 167 align-items: center; 168 font-size: 2.5rem; 169 color: var(--gold-primary); 170 transition: all 0.3s ease; 171 box-shadow: 0 5px 15px rgba(0,0,0,0.5); 172 } 173 174 .cat-bubble:hover .cat-bubble-icon { 175 border-color: rgba(212,175,55,0.6); 176 color: var(--gold-light); 177 box-shadow: 0 8px 25px rgba(212,175,55,0.15); 178 background: linear-gradient(135deg, rgba(30,25,10,1) 0%, rgba(10,10,10,1) 100%); 179 } 180 181 .cat-bubble-title { 182 font-family: 'Outfit', sans-serif; 183 font-size: 1rem; 184 font-weight: 500; 185 color: #ccc; 186 text-align: center; 187 letter-spacing: 0.5px; 188 transition: color 0.3s ease; 189 } 190 191 .cat-bubble:hover .cat-bubble-title { 192 color: var(--gold-light); 193 } 194 195 @media (max-width: 600px) { 196 .categories-bubbles { 197 gap: 1.5rem 1.5rem; 198 } 199 .cat-bubble { 200 width: 80px; 201 } 202 .cat-bubble-icon { 203 width: 70px; 204 height: 70px; 205 font-size: 2rem; 206 } 207 .cat-bubble-title { 208 font-size: 0.85rem; 209 } 210 } 211 212 /* -- TICKER SENALADORES -------------------------------- */ 213 .ticker-wrap { 214 width: 100%; 215 background: #d4af37; 216 overflow: hidden; 217 padding: 11px 0; 218 position: relative; 219 z-index: 10; 220 } 221 .ticker-track { 222 display: inline-flex; 223 align-items: center; 224 white-space: nowrap; 225 animation: ticker-scroll 30s linear infinite; 226 will-change: transform; 227 } 228 .ticker-wrap:hover .ticker-track { animation-play-state: paused; } 229 .ticker-item { 230 display: inline-flex; 231 align-items: center; 232 gap: 1rem; 233 padding: 0 2.5rem; 234 color: #0a0a0a; 235 font-size: 0.78rem; 236 font-weight: 800; 237 letter-spacing: 0.18em; 238 text-transform: uppercase; 239 font-family: 'Outfit', 'Segoe UI', sans-serif; 240 } 241 .ticker-sep { color: rgba(0,0,0,0.3); font-size: 0.9rem; } 242 .ticker-link { color: #0a0a0a; text-decoration: underline; text-underline-offset: 3px; } 243 .ticker-link:hover { opacity: 0.7; } 244 @keyframes ticker-scroll { 245 from { transform: translateX(0); } 246 to { transform: translateX(-50%); } 247 } 248 </style> 249</head> 250<body> 251 252 <nav class="navbar"> 253 <div class="nav-container"> 254 <a href="#inicio" class="logo" style="text-decoration: none;">
255 <span class="logo-text gold-text">GEMOS</span> 256 </a> 257 <ul class="nav-links"> 258 <li><a href="#inicio">Inicio</a></li> 259 <li><a href="colecciones.html">Colección</a></li> 260 <li><a href="cuidado.html">Carga tus minerales</a></li> 261 <li><a href="index.html#contacto">Contacto</a></li> 262 <li class="nav-menu-account-item"><a href="mi-cuenta.html"><i class="ph ph-user"></i> Mi Cuenta</a></li> 263 </ul> 264 <div class="nav-icons"> 265 <button class="nav-search-toggle" id="search-toggle" title="Buscar" aria-label="Buscar"> 266 <i class="ph ph-magnifying-glass"></i> 267 </button> 268 <a href="mi-cuenta.html" id="nav-user-btn" class="cart-icon" title="Mi cuenta" style="position:relative;"> 269 <i class="ph ph-user"></i> 270 <span id="nav-puntos-badge" style="display:none; position:absolute; top:-6px; right:-10px; background:linear-gradient(135deg,#5028A0,#d4af37); color:#fff; font-size:0.6rem; padding:2px 5px; border-radius:10px; font-weight:700; white-space:nowrap;"></span> 271 </a> 272 273 <a href="#" id="cart-icon" class="cart-icon"> 274 <i class="ph ph-shopping-cart"></i> <span id="cart-count">0</span> 275 </a> 276 </div> 277 <div class="hamburger"> 278 <span class="bar"></span> 279 <span class="bar"></span> 280 <span class="bar"></span> 281 </div> 282 </div> 283 </nav> 284 285 <!-- Panel de búsqueda desplegable --> 286 <div class="search-dropdown" id="search-dropdown"> 287 <div class="search-dropdown-inner"> 288 <form action="categoria.html" method="GET" class="search-dropdown-form"> 289 <i class="ph ph-magnifying-glass" style="color: var(--gold-dark); font-size: 1rem;"></i> 290 <input type="text" name="q" placeholder="Buscar minerales, productos..." class="search-dropdown-input" id="search-dropdown-input" required autocomplete="off"> 291 <button type="submit" class="search-dropdown-btn"><i class="ph ph-arrow-right"></i></button> 292 </form> 293 </div> 294 </div> 295 296 <header id="inicio" class="hero"> 297 <div class="editorial-columns-container" id="editorial-bg"></div> 298 <div class="hero-content fade-in"> 299 <span class="hero-eyebrow">MINERALES Y AMULETOS</span> 300 <h1>Pequeños rituales, <br> grandes significados</h1> 301 <p>Conecta con tu esencia interior y la magia natural de los minerales. Piezas únicas creadas con alma para tu bienestar y protección.</p> 302 303 <a href="#coleccion" class="btn-atmos"> 304 EXPLORAR 305 </a> 306 307 <a href="#coleccion" class="atmos-scroll-icon"> 308 <div class="scroll-dot"></div> 309 </a> 310 </div> 311 </header> 312 313
313<script> 314 (function() { 315 const bg = document.getElementById('editorial-bg'); 316 if (!bg) return; 317 318 // Datos de las 4 columnas (Amatista, Citrino, Turmalina, Cuarzo) 319 const columnData = [ 320 { 321 direction: 'scroll-down', 322 images: [ 323 'assets/images/col_amatista_1_1781314479627.png', 324 'assets/images/col_amatista_2_1781314489468.png', 325 'assets/images/col_amatista_1_1781314479627.png' 326 ] 327 }, 328 { 329 direction: 'scroll-up', 330 images: [ 331 'assets/images/col_citrino_1_1781314498148.png', 332 'assets/images/col_citrino_2_1781314509010.png', 333 'assets/images/col_citrino_1_1781314498148.png' 334 ] 335 }, 336 { 337 direction: 'scroll-down', 338 images: [ 339 'assets/images/col_turmalina_1_1781314517366.png', 340 'assets/images/col_turmalina_2_1781314528502.png', 341 'assets/images/col_turmalina_1_1781314517366.png' 342 ] 343 }, 344 { 345 direction: 'scroll-up', 346 images: [ 347 'assets/images/col_cuarzo_1_1781314536332.png', 348 'assets/images/hero_mineral_3_1781314127101.png', 349 'assets/images/col_cuarzo_1_1781314536332.png' 350 ] 351 } 352 ]; 353 354 // Generar 4 columnas 355 columnData.forEach((colData) => { 356 const col = document.createElement('div'); 357 col.className = `editorial-col ${colData.direction}`; 358 359 // Randomizar velocidad sutilmente 360 const duration = 40 + Math.random() * 20; // 40s a 60s 361 col.style.animationDuration = duration + 's'; 362 363 let colHTML = ''; 364 365 // Imprimir tarjetas de esta columna 366 colData.images.forEach(src => { 367 colHTML += `<div class="editorial-card"><img src="${src}" alt="Mineral Raw Premium" loading="lazy"></div>`; 368 }); 369 370 // Duplicar el contenido varias veces para el loop infinito vertical 371 col.innerHTML = colHTML + colHTML + colHTML + colHTML; 372 bg.appendChild(col); 373 }); 374 })(); 375 </script>
375 376 377 <div class="section-divider-gold"></div> 378 379 <!-- ===== TICKER SENALADORES ===== --> 380 <div class="ticker-wrap" role="marquee" aria-label="Producto destacado: Senaladores"> 381 <div class="ticker-track"> 382 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">✦</span> <a href="categoria.html?cat=senaladores" class="ticker-link">El accesorio del mes</a> <span class="ticker-sep">·</span> Descubri la coleccion <span class="ticker-sep">✦</span></span> 383 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Unicos y artesanales <span class="ticker-sep">✦</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver senaladores</a> <span class="ticker-sep">·</span> Piedras naturales <span class="ticker-sep">✦</span></span> 384 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">✦</span> El regalo perfecto <span class="ticker-sep">·</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver coleccion</a> <span class="ticker-sep">✦</span></span> 385 <!-- Duplicado exacto para loop sin salto --> 386 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">✦</span> <a href="categoria.html?cat=senaladores" class="ticker-link">El accesorio del mes</a> <span class="ticker-sep">·</span> Descubri la coleccion <span class="ticker-sep">✦</span></span> 387 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Unicos y artesanales <span class="ticker-sep">✦</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver senaladores</a> <span class="ticker-sep">·</span> Piedras naturales <span class="ticker-sep">✦</span></span> 388 <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">✦</span> El regalo perfecto <span class="ticker-sep">·</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver coleccion</a> <span class="ticker-sep">✦</span></span> 389 </div> 390 </div> 391 392 <section id="coleccion" class="categories bg-pattern-luxury"> 393 <div class="categories-inner"> 394 <h2 class="section-title fade-in">Nuestra <span class="gold-text">colección</span></h2> 395 396 <div class="categories-bubbles" id="category-cards-container"> 397 <a href="categoria.html?q=gift%20card" class="cat-bubble fade-in" style="transform: scale(1.05);"> 398 <div class="cat-bubble-icon" style="border-color: rgba(212,175,55,0.8); box-shadow: 0 0 25px rgba(212,175,55,0.3);"><i class="ph-fill ph-gift" style="color: var(--gold-light);"></i></div> 399 <span class="cat-bubble-title" style="color: var(--gold-light); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;">Gift Cards</span> 400 </a> 401 <a href="categoria.html?cat=wicca" class="cat-bubble fade-in delay-1"> 402 <div class="cat-bubble-icon"><i class="ph-thin ph-moon-stars"></i></div> 403 <span class="cat-bubble-title">Wicca</span> 404 </a> 405 <a href="categoria.html?cat=ragnarok" class="cat-bubble fade-in delay-1"> 406 <div class="cat-bubble-icon"><i class="ph-thin ph-axe"></i></div> 407 <span class="cat-bubble-title">Ragnarök</span> 408 </a> 409 <a href="categoria.html?cat=aros" class="cat-bubble fade-in delay-2"> 410 <div class="cat-bubble-icon"><i class="ph-thin ph-circle-notch"></i></div> 411 <span class="cat-bubble-title">Aros</span> 412 </a> 413 <a href="categoria.html?cat=collares" class="cat-bubble fade-in delay-2"> 414 <div class="cat-bubble-icon"><i class="ph-thin ph-drop"></i></div> 415 <span class="cat-bubble-title">Collares</span> 416 </a> 417 <a href="categoria.html?cat=duendes" class="cat-bubble fade-in"> 418 <div class="cat-bubble-icon"><i class="ph-thin ph-clover"></i></div>
419 <span class="cat-bubble-title">Duendes</span> 420 </a> 421 <a href="categoria.html?cat=minerales" class="cat-bubble fade-in delay-1"> 422 <div class="cat-bubble-icon"><i class="ph-thin ph-sketch-logo"></i></div> 423 <span class="cat-bubble-title">Minerales</span> 424 </a> 425 <a href="categoria.html?cat=pulseras" class="cat-bubble fade-in delay-2"> 426 <div class="cat-bubble-icon"><i class="ph-thin ph-infinity"></i></div> 427 <span class="cat-bubble-title">Pulseras</span> 428 </a> 429 <a href="categoria.html?cat=señaladores" class="cat-bubble fade-in delay-2"> 430 <div class="cat-bubble-icon"><i class="ph-thin ph-bookmark-simple"></i></div> 431 <span class="cat-bubble-title">Señaladores</span> 432 </a> 433 <a href="categoria.html?cat=relicarios" class="cat-bubble fade-in delay-1"> 434 <div class="cat-bubble-icon"><i class="ph-thin ph-heart"></i></div> 435 <span class="cat-bubble-title">Relicarios</span> 436 </a> 437 <a href="categoria.html?cat=bienestar" class="cat-bubble fade-in delay-2"> 438 <div class="cat-bubble-icon"><i class="ph-thin ph-yin-yang"></i></div> 439 <span class="cat-bubble-title">Bienestar</span> 440 </a> 441 </div> 442 443 <div style="display: flex; flex-direction: column; align-items: center; gap: 15px; margin-top: 4rem;"> 444 <a href="colecciones.html" class="btn-primary fade-in delay-1">Ver Toda la Colección</a> 445 <a href="categoria.html" class="btn-outline fade-in delay-2">Ver Todos los Productos</a> 446 </div> 447 </div> 448 </section> 449 450 <div class="section-divider-gold"></div> 451 452 <!-- ===== ECOS DEL ALMA BANNER ===== --> 453 <section class="ecos-banner-section"> 454 <div class="ecos-banner fade-in"> 455 <div class="ecos-banner-bg"></div> 456 457 <div class="ecos-banner-icon">ð</div> 458 459 <div class="ecos-banner-text"> 460 <p class="ecos-banner-eyebrow">Espacio Comunitario · Gratuito</p> 461 <h2 class="ecos-banner-title">Ecos del <span class="gold-text">Alma</span></h2> 462 <p class="ecos-banner-desc"> 463 Un espacio gratuito donde profesionales del bienestar —reikistas, masajistas, tarotistas y más— pueden publicar sus servicios y conectar con personas que los buscan. 464 </p> 465 <a href="ecos-del-alma.html" class="btn-outline" style="font-size: 0.9rem; padding: 0.6rem 1.6rem;">Conocer el espacio →</a> 466 </div> 467 </div> 468 </section> 469 470 <div class="section-divider-gold"></div> 471 472 <!-- Modal del Carrito Lateral --> 473 <div class="cart-overlay" id="cart-overlay"></div> 474 <div class="cart-sidebar" id="cart-sidebar"> 475 <div class="cart-header"> 476 <h2>Tu Carrito</h2> 477 <button class="close-btn" id="close-cart">×</button> 478 </div> 479 <div class="cart-items" id="cart-items"> 480 <!-- Items added via JS --> 481 </div> 482 <div class="cart-footer"> 483 <div class="cart-total"> 484 <span>Total:</span> 485 <span id="cart-total-price">$0</span> 486 </div> 487 <div style="display: flex; gap: 10px; flex-direction: column;"> 488 <button class="btn-secondary" id="continue-shopping-btn" style="width:100%;">Seguir comprando</button> 489 <button class="btn-primary" id="checkout-btn" style="width:100%;">Continuar compra</button> 490 </div> 491 <!-- Contenedor donde MP mostrará su botón Pro si se usa Bricks, o redirigiremos al link de pago --> 492 <div id="wallet_container" style="display:none; margin-top: 10px;"></div> 493 </div> 494 </div> 495 496 <!-- ===== SECCIÃN DE CUIDADO (TEASER) ===== --> 497 <section class="essence bg-pattern-luxury fade-in"> 498 <div class="essence-content"> 499 <h2 style="font-family: 'Cinzel Decorative', serif;">EnergÃa <span class="gold-text">Pura</span></h2> 500 <p>Tus minerales son receptores de energÃa. Aprender a limpiarlos y cargarlos correctamente es vital para mantener su vibración y que sigan acompañándote en tu camino.</p> 501 502 <div class="essence-features" style="margin-bottom: 2rem;"> 503 <div class="feature">
504 <span class="icon" style="font-size: 2rem; color: #ffcc33;"><i class="ph-fill ph-sun"></i></span> 505 <span>Carga Solar</span> 506 </div> 507 <div class="feature"> 508 <span class="icon" style="font-size: 2rem; color: #a29bfe;"><i class="ph-fill ph-moon"></i></span> 509 <span>Carga Lunar</span> 510 </div> 511 </div> 512 513 <a href="cuidado.html" class="btn-primary" style="padding: 0.8rem 2rem;">GuÃa de Cuidado →</a> 514 </div> 515 </section> 516 517 <footer id="contacto"> 518 <div class="footer-container fade-in"> 519 <div class="footer-brand"> 520 <h3 class="gold-text" style="font-size: 2rem; margin-bottom: 0.5rem; font-family: 'Cinzel Decorative', serif;">GEMOS</h3> 521 <p>Belleza y energÃa a través de piezas creadas con alma.</p> 522 </div> 523 <div class="footer-links"> 524 <h4>Enlaces</h4> 525 <ul> 526 <li><a href="index.html#inicio">Inicio</a></li> 527 <li><a href="colecciones.html">Nuestra colección</a></li> 528 <li><a href="cuidado.html">Cuidado y Carga</a></li> 529 <li><a href="gemos-points.html">Gemos Points</a></li> 530 <li><a href="ecos-del-alma.html">Ecos del Alma</a></li> 531 <li><a href="mayoristas.html">Ventas por Mayor</a></li> 532 <li><a href="https://wa.me/541123926585" target="_blank" rel="noopener">EnvÃos</a></li> 533 <li><a href="devoluciones.html">Devoluciones</a></li> 534 </ul> 535 </div> 536 <div class="footer-contact"> 537 <h4>Contacto</h4> 538 <p>Retirá todos los dÃas en Caballito, CABA.</p> 539 <div class="socials"> 540 <a href="https://www.instagram.com/gemosminerales" target="_blank" rel="noopener">Instagram</a> 541 <a href="https://www.facebook.com/GEMOSMINERALES" target="_blank" rel="noopener">Facebook</a> 542 <a href="https://wa.me/541123926585" target="_blank" rel="noopener">WhatsApp</a> 543 </div> 544 </div> 545 </div> 546 <div class="footer-bottom"> 547 <p>© 2020 – <span id="footer-year"></span> Gemos Minerales. Todos los derechos reservados.</p> 548 <p style="margin-top: 0.5rem; font-size: 0.85rem; color: rgba(255,255,255,0.4);">Designed by <a href="https://www.linkedin.com/in/feli-dev" target="_blank" rel="noopener noreferrer" style="color: var(--gold-primary); text-decoration: none; transition: opacity 0.3s;" onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">Feli</a></p> 549 </div> 550 </footer> 551 552
552<script src="assets/js/store.js?v=114"></script>
552 553 554 <!-- Botón Flotante WhatsApp --> 555 <a href="https://wa.me/541123926585" class="wa-float" target="_blank" rel="noopener noreferrer" title="Contáctanos por WhatsApp"> 556 <i class="ph-thin ph-whatsapp-logo"></i> 557 </a> 558 559 <!-- Cursor Personalizado --> 560 <div class="cursor-dot"></div> 561 <div class="cursor-circle"></div> 562 563 <!-- Verificar sesión de usuario para badge de puntos en navbar --> 564
564<script> 565 (async () => { 566 try { 567 const res = await fetch('/api/auth/me', { credentials: 'include' }); 568 if (res.ok) { 569 const user = await res.json(); 570 const badge = document.getElementById('nav-puntos-badge'); 571 if (badge && user.puntos > 0) { 572 badge.textContent = user.puntos + ' pts'; 573 badge.style.display = 'inline-block'; 574 } 575 } 576 } catch(e) {} 577 })(); 578 </script>
578 579</body> 580</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.