PageSourceSearch

https://gemos.com.ar/

html gemos.com.ar collected 2026-09-30 15:31:59 UTC 27,449 bytes, 580 lines download raw bytes

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">&#10022;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">El accesorio del mes</a> <span class="ticker-sep">&middot;</span> Descubri la coleccion <span class="ticker-sep">&#10022;</span></span>
383            <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Unicos y artesanales <span class="ticker-sep">&#10022;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver senaladores</a> <span class="ticker-sep">&middot;</span> Piedras naturales <span class="ticker-sep">&#10022;</span></span>
384            <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">&#10022;</span> El regalo perfecto <span class="ticker-sep">&middot;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver coleccion</a> <span class="ticker-sep">&#10022;</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">&#10022;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">El accesorio del mes</a> <span class="ticker-sep">&middot;</span> Descubri la coleccion <span class="ticker-sep">&#10022;</span></span>
387            <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Unicos y artesanales <span class="ticker-sep">&#10022;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver senaladores</a> <span class="ticker-sep">&middot;</span> Piedras naturales <span class="ticker-sep">&#10022;</span></span>
388            <span class="ticker-item"><i class="ph-fill ph-bookmark-simple"></i> Senaladores <span class="ticker-sep">&#10022;</span> El regalo perfecto <span class="ticker-sep">&middot;</span> <a href="categoria.html?cat=senaladores" class="ticker-link">Ver coleccion</a> <span class="ticker-sep">&#10022;</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 &middot; 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 &mdash;reikistas, masajistas, tarotistas y más&mdash; 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 &rarr;</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">&times;</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 &rarr;</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>&copy; 2020 &ndash; <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.