PageSourceSearch

https://www.colgafas.com/blog

html colgafas.com collected 2026-09-25 23:12:28 UTC 95,782 bytes, 1,352 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es" class="" >
3<head>
4    <!-- Google Tag Manager -->
5    
5<script>
vendor: 375 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9        })(window,document,'script','dataLayer','
9GTM-M4NC6M99
vendor: 3 bytes, line 9
9');
9</script>
9
10    <!-- End Google Tag Manager -->
11
12    
13    <title>Blog De Colgafas</title>
14    <meta charset="UTF-8">
15    <meta name="viewport" content="width=device-width, user-scalable=yes"> 
16    <meta name="title" content="Blog De Colgafas"/>
17    <meta name="description" content=""/>
18    <meta name="csrf-token" content="kTpE8LrUHlvNCSBAR64g9nxc685wCFDUOpgM02uj">
19    <meta property="fb:app_id" content="1377357509253449"> 
20    <meta property="og:title" content="Blog De Colgafas"/>
21    <meta property="og:description" content=""/>
22                        <link rel="stylesheet" href="https://static-temp.colgafas.com/css/build/vendor.css?id=10498a79ff78a814ef9bfb5be40fb51c">
23        <link rel="stylesheet" href="https://static-temp.colgafas.com/css/build/app.css?id=0cb10aa820e4c0a0daace14179b94891">
24        <link rel="stylesheet" href="https://static-temp.colgafas.com/css/build/tailwind.css?id=0338921800da82224e629d8941338eeb">
25    <style>
26        .block:not(:last-child) {
27            margin-bottom: initial;
28        }
29    </style>
30    
31        <link rel="icon"  href="https://static-temp.colgafas.com/assets/favicondef.png" type="image/x-icon">
32    <link rel="shortcut icon" href="https://static-temp.colgafas.com/assets/favicondef.png" type="image/x-icon">
33            <link href="/js/libraries/froala-2.9.5/css/froala_style.min.css" rel="stylesheet" type="text/css" />
34    
35    
35<script data-no-instant>
36    function dependecyBus() {
37        this.depsLoaded = []
38        this.callbacks = []
39        var self = this
40        this.load = function (depName) {
41            self.depsLoaded.push(depName)
42            self.callbacks.forEach(function (callback, callbackIndex) {
43                var position = callback.deps.indexOf(depName)
44                if (position >= 0) {
45                    callback.deps.splice(position, 1)
46                }
47            })
48            self.callSatisfiedCallbacks()
49        }
50
51        this.callSatisfiedCallbacks = function () {
52            var keepCallbacks = []
53            self.callbacks.forEach(function (callback, index) {
54                if (callback.deps.length === 0) {
55                    try {
56                        callback.callback()
57                    } catch (e) {
58                        bugsnagClient.leaveBreadcrumb('callback', callback)
59                        bugsnagClient.notify(e)
60                    }
61                } else {
62                    keepCallbacks.push(callback)
63                }
64            })
65            self.callbacks = keepCallbacks
66        }
67
68        this.onload = function (requiredDeps, callback) {
69            if (typeof requiredDeps == "string") {
70                requiredDeps = [requiredDeps]
71            }
72            var missingDeps = []
73            requiredDeps.forEach(function (dep) {
74                if (self.depsLoaded.indexOf(dep) < 0) {
75                    missingDeps.push(dep)
76                }
77            })
78            if (missingDeps.length > 0) {
79                self.callbacks.push({
80                    callback: callback,
81                    deps: missingDeps
82                })
83            } else {
84                try {
85                    callback()
86                } catch (e) {
87                    bugsnagClient.notify(e, function (error) {
88                        event.addMetadata('dep', {'name': requiredDeps.join(', '), 'callback': callback})
89                    })
90                    console.log(e)
91                }
92            }
93        }
94
95        this.require = function (deps) {
96            for (var i = 0; i < arguments.length; i++) {
97                self.requireDep(arguments[i])
98            }
99        }
100
101        this.requireDep = function (dep) {
102            var deps = {
103                "vue": {
104                    id: 'vue',
105                    src: "https://static-temp.colgafas.com/js/build/vue.js?id=281ee7000d1b2da99ecf8eaa11b01223"
106                },
107                "glasses-page-js": {
108                    id: 'glasses-page-js',
109                    src: "https://static-temp.colgafas.com/js/build/glasses-page.js?id=33969550577413ef74774ebbc70c135a"
110                },
111                "probador-js": {
112                    id: 'probador-js',
113                    src: "https://static-temp.colgafas.com/js/build/probador.js?id=2738283b0fcf5286c67065182eaa8e44"
114                },
115                "lenses-page-js": {
116                    id: 'lenses-page-js',
117                    src: "https://static-temp.colgafas.com/js/build/lenses-page.js?id=16ef9348f0cd2bccabc2985802b3fa8f"
118                },
119            }
120
121            var required = deps[dep]
122            var exists = document.getElementById(required.id)
123            if (!exists) {
124                var script = document.createElement('script')
125                script.id = required.id
126                script.src = required.src
127                script.defer = true
128                script.dataset.noInstant = 1
129                document.body.appendChild(script)
130                // echo(dep + ' DEPENDENCY LOADED')
131            } else {
132                // console.log(dep + ' DEPENDENCY EXISTS')
133            }
134        }
135    }
136
137    var deps = new dependecyBus();
138
139    function echo(thing) {
140        if ('production' != 'production') {
141            // console.log(thing)
142        }
143    }
144
145    function $a(selector) {
146        return Array.prototype.slice.call(document.querySelectorAll(selector), 0)
147    }
148
149    window.pixel_id = "418321168997202"
150    
151    window.app_env = "production"
152</script>
vendor: 1 bytes, line 152
152
153<script
154    src="/js/libraries/meta-capi-param-builder/clientParamBuilder.bundle.js?v=1.3.1"
155    ></script>
155
156    
156<script src="https://static-temp.colgafas.com/js/build/instant-click.js?id=e68f9884f5849d4fe99316be522e930c" defer></script>
156
157        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
158
159
160    <!-- TikTok Pixel Code Start -->
161    
161<script>
162        !function (w, d, t) {
163            w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
164                var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
165            ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
166
167
168            ttq.load('D5K079JC77U6R4DE2D6G');
169            ttq.page();
170        }(window, document, 'ttq');
171    </script>
171
172    <!-- TikTok Pixel Code End -->
173    
174    <!-- Fathom - beautiful, simple website analytics -->
175    
175<script src="https://cdn.usefathom.com/script.js" data-site="ZLDXWSXZ" defer></script>
175
176    <!-- / Fathom -->
177
178<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
179</head>
180<body class="blog" data-version="">
181<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 181-182
181
182<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
182GTM-M4NC6M99
vendor: 101 bytes, lines 182-183
182"
183                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
184<!-- End Google Tag Manager (noscript) -->
185    <div class="navigation-progress" style="display: none;" id="navigation-progress"></div>
186    <header class="contact-header" style="background: #fff; color: #000">
187            <div class="flex gap-2">
188
189            <div class="flex flex-wrap items-center">
190                <span class="leading-none"><img class="inline" src='/assets/WhatsApp.svg' width="15" alt="whatsapp"> <span>whatsapp: &nbsp;</span></span>
191                <a class="link underline whitespace-nowrap leading-none" href="https://api.whatsapp.com/send?phone=573334333716&text=Hola+Colgafas%21"
192                   onclick="event.preventDefault(); openWhatsAppChat(event.target, 'header_link')">
193                                            333 433 3716
194                                        </a>
195            </div>
196
197            <div>|</div>
198
199
200        <a class="link underline text-gray-800 flex items-center space-x-0.5"
201           href="mailto:[email protected]?Subject=Hola colgafas!" >
202            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-gray-800"style="width: 14px;">
203                <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
204            </svg>
205            <div>[email protected]</div>
206        </a>
207    </div>
208
209</header>
210<div x-data="{ mobileMenuOpen: false, solutionsMenuOpen: false, moreMenuOpen: false }" id="website-main-menu"
211     x-on:close="mobileMenuOpen = false" class="relative bg-[#2C2C2C]">
212    <div class="relative z-20 lg:z-[2001] shadow">
213        <div class="max-w-5xl mx-auto flex justify-between items-center px-4 sm:px-6 deletedsm:py-4py-5 lg:px-2 lg:justify-start"
214             style="height: 65px;">
215            <div class="pr2-2">
216                <a href="https://www.colgafas.com/co" class="flex">
217                    <span class="sr-only">Colgafas</span>
218                    <svg height="65" viewBox="0 0 226 80" fill="none" xmlns="http://www.w3.org/2000/svg">
219                        <path d="M97.1893 26.2346C98.2453 25.1226 99.692 24.3439 100.583 24.1759C101.195 24.0653 101.305 25.7346 100.637 25.9559C97.5227 27.2346 96.9667 30.0719 98.7467 30.0719C100.749 30.0719 104.699 26.9573 106.479 23.7866C108.203 20.6159 107.647 17.5013 103.531 17.5013C93.74 17.5013 81.2253 31.0173 81.0027 38.8053C80.8907 41.6973 81.6147 46.0359 86.3427 46.9826C90.3467 47.7613 95.3533 44.9239 97.8013 42.4213C98.636 41.5866 100.025 41.9199 99.2467 42.8106C90.904 52.0986 79 50.0413 79 39.3053C79 32.9093 83.784 26.1786 89.736 21.6173C98.7467 14.8319 109.371 13.8306 109.371 20.6159C109.371 23.1759 107.035 26.3453 104.309 28.7373C96.4107 35.6346 93.852 29.7946 97.1893 26.2346Z" fill="white"/>
220                        <path d="M108.87 37.1363C102.252 42.699 103.92 46.5363 105.922 46.4257C107.09 46.315 108.537 45.535 110.484 43.199C116.157 36.303 112.932 33.799 108.87 36.6923C108.982 36.859 108.982 37.0257 108.87 37.1363ZM110.428 34.355C115.657 32.8537 117.77 37.971 110.54 45.3683C104.532 51.543 99.5809 46.3697 103.976 39.9737C105.033 38.471 106.424 37.247 107.313 36.5803C107.313 36.5243 107.313 36.4137 107.369 36.3577C107.536 35.7457 109.205 34.6897 110.428 34.355Z" fill="white"/>
221                        <path d="M134.179 21.7847C133.846 21.4514 132.844 21.7287 131.12 23.1194C127.394 25.9554 121.442 33.6327 119.383 39.918C124.444 35.4127 135.848 23.3967 134.179 21.7847ZM118.715 43.7554C118.715 45.4794 119.327 45.9807 120.274 46.0354C121.496 46.0914 123.388 45.146 127.504 41.4754C128.172 40.9194 128.06 42.5874 127.838 42.866C127.56 43.1447 122.943 47.7607 120.274 47.6487C115.879 47.482 117.047 41.698 117.882 39.0274C120.663 30.1834 128.227 23.0634 131.287 21.1167C133.79 19.5047 135.459 19.5594 135.959 20.2274C138.518 23.7314 123.722 37.526 118.938 41.8087C118.771 42.4767 118.715 43.1447 118.715 43.7554Z" fill="white"/>
222                        <path d="M138.24 36.3577C132.176 36.747 127.171 47.8163 132.288 45.647C137.072 43.5883 139.019 40.195 140.131 38.583C140.131 37.303 
222139.519 36.247 138.24 36.3577ZM121.664 63.835C122.164 64.1137 124.5 63.7243 126.503 61.3323C129.784 57.3283 132.065 53.935 133.789 50.987C122.999 56.215 120.051 62.8337 121.664 63.835ZM144.525 35.4683C141.855 37.7483 139.685 42.587 137.016 47.927C139.741 46.4817 142.523 44.8683 143.913 43.867C144.748 43.255 145.693 42.4763 146.861 41.475C147.473 40.919 147.363 42.587 147.14 42.8657C146.973 43.0323 145.415 44.5897 143.58 45.8697C141.521 47.371 138.852 48.651 135.959 49.9857C133.623 54.435 130.897 59.0523 127.225 62.723C124.444 65.3937 121.552 66.0603 120.217 65.171C118.104 63.6683 117.603 57.439 133.733 49.5963C134.124 49.3737 134.513 49.207 134.903 48.9843C135.848 47.2043 136.627 45.591 137.349 44.0897C133.901 47.2043 130.675 49.0403 128.784 46.759C125.891 43.311 132.955 33.4657 139.296 34.8003C140.409 35.023 141.021 35.9683 141.355 36.747C141.8 36.135 142.3 35.5243 142.856 34.9123C143.245 34.467 145.304 34.8003 144.525 35.4683Z" fill="white"/>
223                        <path d="M158.765 39.3057H158.71C158.71 39.3057 159.712 36.5243 157.43 36.5243C152.424 36.5243 147.14 45.3683 150.032 46.0923C152.758 46.815 157.82 40.4177 158.209 40.0843L158.765 39.3057ZM160.712 47.927C157.876 48.3723 156.152 46.4257 156.985 43.6443C152.813 47.983 151.312 48.3723 149.532 48.095C147.473 47.7603 146.082 44.535 149.086 40.251C152.09 36.0243 156.152 34.7443 157.653 34.7443C158.988 34.7443 160.156 35.635 160.434 37.0257C160.934 36.4137 161.324 35.9683 161.492 35.9137C161.936 35.691 163.104 36.6923 163.104 36.9697C163.104 37.1363 161.658 38.583 160.378 39.9737C156.818 45.4243 158.488 47.427 163.605 44.8683C165.106 44.1443 166.72 43.0323 168.5 41.475C169.168 40.919 169.056 42.587 168.778 42.8657C168.5 43.1443 164.217 47.371 160.712 47.927Z" fill="white"/>
224                        <path d="M188.079 25.4001C194.199 17.5574 188.803 19.2254 183.407 25.8441C179.736 30.4054 175.841 35.8014 172.449 40.9187C176.453 38.0267 182.405 32.5747 188.079 25.4001ZM172.504 44.7574C171.336 43.0881 169.5 45.2027 171.503 46.8147C171.948 47.2041 172.616 47.3161 173.339 47.3161C173.228 46.1481 172.893 45.2574 172.504 44.7574ZM162.437 57.4947C161.715 59.0521 159.712 63.7241 160.936 64.7814C162.16 65.8387 164.607 64.0587 166.441 62.0001C171.559 56.1601 173.172 51.5427 173.339 48.4841C171.559 48.4281 169.945 47.7614 169.111 46.0921C165.94 51.0974 163.495 55.3254 162.437 57.4947ZM175.063 46.9267C178.179 45.9814 182.016 43.1441 183.908 41.4747C184.519 40.9187 184.464 42.5881 184.185 42.8654C181.793 45.2574 178.456 47.7614 175.119 48.3174C174.952 51.6547 173.228 56.0481 169.723 60.8321C163.884 68.6747 155.484 69.7321 159.768 58.7187C161.992 52.9894 178.233 27.4574 186.132 20.8387C192.307 15.7214 194.699 18.9481 190.027 25.3441C187.968 28.2361 178.623 38.8614 172.727 42.9774C174.173 43.8121 174.896 45.3134 175.063 46.9267Z" fill="white"/>
225                        <path d="M195.812 39.3057H195.756C195.756 39.3057 196.757 36.5243 194.477 36.5243C189.47 36.5243 184.186 45.3683 187.078 46.0923C189.804 46.815 194.866 40.4177 195.256 40.0843L195.812 39.3057ZM197.758 47.927C194.921 48.3723 193.197 46.4257 194.032 43.6443C189.86 47.983 188.357 48.3723 186.577 48.095C184.52 47.7603 183.129 44.535 186.133 40.251C189.137 36.0243 193.197 34.7443 194.698 34.7443C196.034 34.7443 197.202 35.635 197.48 37.0257C197.981 36.4137 198.37 35.9683 198.537 35.9137C198.982 35.691 200.15 36.6923 200.15 36.9697C200.15 37.1363 198.704 38.583 197.425 39.9737C193.865 45.4243 195.533 47.427 200.65 44.8683C202.153 44.1443 203.766 43.0323 205.546 41.475C206.213 40.919 206.102 42.587 205.824 42.8657C205.546 43.1443 201.262 47.371 197.758 47.927Z" fill="white"/>
226                        <path d="M214.779 32.9091C214.668 32.2971 213.278 32.4651 212.722 34.6331C212.555 35.0785 212.61 35.5238 212.776 35.9131C214 34.5771 214.891 33.3545 214.779 32.9091ZM214.056 42.8105C214.056 40.9745 213.166 39.5278 212.443 38.1371C211.164 39.4171 209.774 40.6958 208.716 41.6425C209.551 43.1998 211.219 45.7025 213.055 45.9811C213.667 45.2025 214.056 44.0345 214.056 42.8105ZM207.938 42.5878C206.88 44.1451 208.104 47.1491 210.218 47.3158C210.552 47.3718 210.83 47.3158 211.
226108 47.2598C208.55 46.0918 208.048 42.4211 207.938 42.5878ZM211.831 36.8585C211.498 36.0798 211.386 35.3011 211.554 34.4665C211.943 32.4091 214.279 30.6851 215.558 30.9065C216.838 31.1291 216.894 32.1865 216.003 33.8545C215.503 34.7438 214.556 35.9131 213.444 37.1358C214.335 38.3598 215.67 39.6398 215.726 41.7531C215.78 43.1438 215.558 44.4785 215.002 45.5918C216.226 44.9798 217.895 43.7558 220.454 41.4745C221.12 40.9185 221.01 42.5878 220.731 42.8651C220.508 43.1438 216.504 47.2038 213.444 47.6491C212.722 48.2051 211.887 48.5945 210.886 48.7625C207.826 49.1518 205.879 46.1478 205.991 43.0878C206.046 40.1958 207.604 39.8625 208.104 40.4745C209.162 39.5278 210.552 38.1931 211.831 36.8585Z" fill="white"/>
227                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.31387 28.5316C9.20645 27.6911 6.66451 27.6889 6.32217 28.5316C6.78096 29.2905 8.835 29.2371 9.31387 28.5316ZM12.3046 43.3967C13.8275 45.1169 16.5391 46.0467 18.9144 46.1883C23.3628 46.4561 26.6456 44.995 29.0019 42.3405C30.9003 40.2011 32.355 36.9021 32.5497 33.7381C32.7084 31.1632 31.5006 29.2371 30.0449 28.4554C28.1194 27.4189 25.1789 26.9975 21.9744 26.7961C17.014 26.4815 11.8669 26.4216 10.7043 30.0417C12.4491 30.6623 14.0685 32.2574 15.8534 32.9085C16.4879 33.1393 17.0632 33.1404 17.5922 33.3614C20.1673 34.4339 21.9493 36.7388 23.5064 39.0198C24.0083 39.7547 25.2713 41.1364 25.2472 41.9627C25.2221 42.739 24.2633 43.3596 23.5064 43.2453C22.4472 43.0885 21.5507 40.7542 20.9313 39.6981C19.9987 38.1063 18.6413 35.6631 16.9668 35.171C15.4057 34.7126 14.4379 35.7295 13.4862 36.6811C12.3377 35.9146 11.0999 35.2461 9.86904 34.5678C10.1592 38.3186 10.5708 41.4412 12.3046 43.3967ZM63.4415 36.0017C62.5179 34.8922 61.1616 33.9515 59.6146 34.7191C57.687 35.674 56.1791 38.9229 55.0236 40.9066C54.5106 41.7896 54.2024 42.7761 53.3531 42.8686C52.5921 42.9514 51.7087 42.3917 51.6846 41.5849C51.6615 40.8108 52.8692 39.2974 53.3531 38.5679C54.9303 36.1988 56.7594 33.9907 59.1999 32.8334C59.7431 32.5732 60.2812 32.5503 60.9377 32.3053C61.7871 31.9863 62.6494 31.2144 63.5118 30.719C64.4515 30.1822 65.347 29.6433 66.2254 29.211C65.3871 26.4934 62.6535 26.1624 59.4078 26.0405C56.1159 25.9186 52.9083 26.4107 50.1516 27.0237C46.6569 27.7978 43.8549 29.1816 44.1692 33.5868C44.3418 36.018 45.406 38.6082 46.6057 40.4537C49.0001 44.1392 53.5318 46.4833 58.9881 45.584C64.5298 44.6738 67.2805 41.0286 67.132 33.8133C67.1279 33.7675 67.1179 33.724 67.0597 33.7381C65.9263 34.57 64.6322 35.2265 63.4415 36.0017ZM70.7471 27.4755C70.1809 26.77 68.1008 26.7232 67.6179 27.5506C68.0536 28.352 70.3847 28.2943 70.7471 27.4755ZM5 26.4934V26.4183C7.54897 25.6671 10.4824 25.1695 13.2784 24.9093C19.6061 24.3213 25.2371 25.1477 30.3943 26.4183C32.9553 27.0498 35.7081 28.242 38.255 28.2289C39.5019 28.2235 40.9646 27.7727 42.2908 27.3982C43.5417 27.0476 44.8237 26.549 46.0495 26.1929C53.6452 23.986 63.3863 23.0409 72 25.2871C71.993 26.01 71.8695 26.6949 71.7902 27.4755C71.7259 28.156 71.8083 29.0934 71.5824 29.6629C71.3826 30.1648 70.9047 30.155 70.6086 30.4174C68.9862 31.8458 68.8316 35.5989 68.3829 38.0388C67.9672 40.2926 67.4221 42.4309 66.1572 43.9247C62.7548 47.9423 55.2615 48.5466 49.9438 45.9618C47.3707 44.7119 45.5867 43.2083 44.1692 40.7542C43.5337 39.6556 42.8771 38.3763 42.2908 37.0578C41.5379 35.3648 40.9395 32.3532 38.8805 32.0015C36.7863 31.6444 35.8436 33.368 35.2654 35.0207C33.7123 39.4324 31.9825 43.2758 28.4477 45.51C26.1116 46.9831 23.1811 48 19.7497 48C16.3203 48 13.4782 46.8894 11.4683 44.9797C9.97044 43.5589 9.33696 41.4837 8.82596 39.0949C8.33002 36.7736 8.1965 34.0974 7.08616 32.154C6.70768 31.4942 6.10633 31.1839 5.55517 30.719C5.32126 29.3613 5.27307 27.8065 5 26.4934Z" fill="#2DCCD3"/>
228                    </svg>
229
230                </a>
231            </div>
232            <div class="-mr-2 -my-2 lg:hidden">
233                <button @click="mobileMenuOpen = true" type="button"
234                        class="bg-gray-800 rounded-md p-2 inline-flex items-center justify-center text-gray-100
235                               hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-pantone-500">
236                    <span class="sr-only">Open menu</span>
237                    <svg class="h-6 w-6 text-slate-100" x-description="Heroicon name: outline/menu" xmlns="http://www.w3.org/2000/svg"
238                         fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
239                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
240                              d="M4 6h16M4 12h16M4 18h16"></path>
241                    </svg>
242                </button>
243            </div>
244            <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between">
245                <nav class="flex" style="height: 52px;">
246                    <div class="relative flex group" style="height: 52px;">
247    <div
248            x-state:on="Item active" x-state:off="Item inactive"
249            class="group bg-[#2C2C2C] pl-2 hover:bg-gray-700 inline-flex items-center text-base font-normal focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
250        <a class="text-white hover:text-white"
251           :class="{ 'text-gray-100': solutionsMenuOpen, 'text-white': !solutionsMenuOpen }"
252            href="https://www.colgafas.com/co/comprar/gafas"         >Catálogo</a>
253                    <svg x-state:on="Item active" x-state:off="Item inactive"
254                 @click.prevent="solutionsMenuOpen = !solutionsMenuOpen; moreMenuOpen = false"
255                 class="ml-2 h-5 w-5 group-hover:text-gray-500 text-gray-300 cursor-pointer"
256                 x-bind:class="{ 'text-gray-600': solutionsMenuOpen, 'text-gray-300': !solutionsMenuOpen }"
257                 x-description="Heroicon name: solid/chevron-down" xmlns="http://www.w3.org/2000/svg"
258                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
259                <path fill-rule="evenodd"
260                      d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
261                      clip-rule="evenodd"></path>
262            </svg>
263            </div>
264            <div class="hidden group-hover:block absolute min-w-full bg-[#2C2C2C] z-50 top-full py-2 rounded-b-md">
265                            <a class="px-4 text-white hover:text-white flex items-center h-8 align-middle hover:bg-gray-700 font-light text-sm whitespace-nowrap"
266                   href="https://www.colgafas.com/co/comprar/gafas?women=yes">Mujeres</a>
267                            <a class="px-4 text-white hover:text-white flex items-center h-8 align-middle hover:bg-gray-700 font-light text-sm whitespace-nowrap"
268                   href="https://www.colgafas.com/co/comprar/gafas?men=yes">Hombres</a>
269                            <a class="px-4 text-white hover:text-white flex items-center h-8 align-middle hover:bg-gray-700 font-light text-sm whitespace-nowrap"
270                   href="https://www.colgafas.com/co/comprar/gafas?is_for_childs=yes">Niños</a>
271                            <a class="px-4 text-white hover:text-white flex items-center h-8 align-middle hover:bg-gray-700 font-light text-sm whitespace-nowrap"
272                   href="https://www.colgafas.com/co/comprar/gafas/marca/todas">Marcas</a>
273                    </div>
274    </div>
275                                            <a href="https://www.colgafas.com/co/comprar/lentes"
276                           class="text-base whitespace-nowrap h-full flex items-center hover:bg-gray-700 px-2 font-medium text-gray-300 hover:text-gray-100">
277                            Lentes
278                        </a>
279                    
280                    <a href="https://www.colgafas.com/co/comprar/gafas?latest=true"
281                       class="text-base whitespace-nowrap h-full flex items-center hover:bg-gray-700 px-2 font-medium text-gray-300 hover:text-gray-100">
282                        Lo Nuevo
283                    </a>
284                    <a href="https://www.colgafas.com/co/comprar/accesorios"
285                       class="text-base whitespace-nowrap h-full flex items-center hover:bg-gray-700 px-2 font-medium text-gray-300 hover:text-gray-100">
286                        Accesorios
287                    </a>
288
289                    <a href="https://www.colgafas.com/blog"
290                       class="text-base whitespace-nowrap h-full flex items-center hover:bg-gray-700 px-2 font-medium text-gray-300 hover:text-gray-100">
291                        Blog
292                    </a>
293
294                    <a href="https://www.colgafas.com/co/comprar/gafas?favorites=1"
295                       class="text-base whitespace-nowrap h-full flex items-center hover:bg-gray-700 px-2 font-medium text-gray-300 hover:text-gray-100 flex items-center">
296                        Favoritos
297
298                        <span class="pl-2">
299                            <svg fill="red" class="svg-icon text-red-600" width="22" viewBox="0 0 32 28">
300                                <use xlink:href="/assets/icons/catalog-icons.svg#icon-heart"></use>
301                            </svg>
302                        </span>
303                    </a>
304
305                </nav>
306                <div class="flex items-center md:ml-2">
307
308                    <a class="flex items-center justify-center text-white mr-2"
309                       href="https://www.colgafas.com/co/cart" data-no-instant>
310                        <svg width="18" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="shopping-cart"
311                             role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"
312                             class="svg-inline--fa fa-shopping-cart fa-w-18 fa-3x">
313                            <path fill="currentColor"
314                                  d="M551.991 64H129.28l-8.329-44.423C118.822 8.226 108.911 0 97.362 0H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h78.72l69.927 372.946C150.305 416.314 144 431.42 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-17.993-7.435-34.24-19.388-45.868C506.022 391.891 496.76 384 485.328 384H189.28l-12-64h331.381c11.368 0 21.177-7.976 23.496-19.105l43.331-208C578.592 77.991 567.215 64 551.991 64zM240 448c0 17.645-14.355 32-32 32s-32-14.355-32-32 14.355-32 32-32 32 14.355 32 32zm224 32c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.355 32-32 32zm38.156-192H171.28l-36-192h406.876l-40 192z"
315                                  class=""></path>
316                        </svg>
317                        <span>&nbsp; Carrito</span>
318                    </a>
319                                            
320                                                    <div wire:snapshot="{&quot;data&quot;:{&quot;isNotFoundException&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;hXhR3wmoVXyfmCYMedI9&quot;,&quot;name&quot;:&quot;header.account-links&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;5c602a92ac1cde69e6022eb7e08b1f66ece04daa0f05b2c7e5e940331b5ad7eb&quot;}" wire:effects="[]" wire:id="hXhR3wmoVXyfmCYMedI9" class="contents" x-data="{ accountLinksMenuOpen: false }"
321         x-init="deps.onload(['session', 'livewire'], () => $wire.$refresh())"
322          >
323            <div class="text-center text-base font-medium text-gray-300">
324            <span class="sm:hidden">Tienes cuenta?</span>
325            <a href="https://www.colgafas.com/login" class="text-pantone-500 hover:text-pantone-700">
326                Ingresa
327            </a>
328        </div>
329    </div>
330                                                            </div>
331            </div>
332        </div>
333    </div>
334
335    <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileMenuOpen"
336         x-transition:enter="duration-200 ease-out" x-transition:enter-start="opacity-0 scale-95"
337         x-transition:enter-end="opacity-100 scale-100" x-transition:leave="duration-100 ease-in"
338         x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
339         class="absolute z-30 top-0 inset-x-0 p-2 px-4 transition transform origin-top-right lg:hidden"
340         style="display: none;">
341        <div class="bg-transparent pb-64">
342            <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-black divide-y-2 divide-gray-50"
343                 @click.away="mobileMenuOpen = false">
344                <div class="pt-5 pb-6 px-5 sm:pb-8">
345                    <div class="flex items-center justify-between">
346                        <div>
347                            <svg class="inline-block" height="52px" viewBox="0 0 638 171" fill="none"
348                                 xmlns="http://www.w3.org/2000/svg">
349                                <path fill="#000" d="M0 0h638v171H0z"/>
350                                <path fill-rule="evenodd" clip-rule="evenodd"
351                                      d="M34.59 46.125c-.364-2.62-8.96-2.627-10.118 0 1.551 2.366 8.498 2.2 10.118 0zM44.705 92.46c5.15 5.362 14.321 8.26 22.355 8.702 15.044.834 26.147-3.72 34.116-11.994 6.421-6.669 11.341-16.952 11.999-26.814.537-8.026-3.548-14.03-8.471-16.466-6.512-3.231-16.457-4.545-27.295-5.172-16.777-.981-34.185-1.168-38.117 10.116 5.901 1.935 11.378 6.907 17.415 8.936 2.146.72 4.092.723 5.88 1.412 8.71 3.343 14.737 10.527 20.003 17.637 1.698 2.291 5.969 6.598 5.888 9.174-.085 2.42-3.328 4.354-5.888 3.997-3.582-.488-6.614-7.765-8.71-11.056-3.153-4.962-7.744-12.578-13.407-14.112-5.28-1.428-8.553 1.741-11.772 4.707-3.884-2.389-8.07-4.472-12.233-6.587.98 11.692 2.373 21.425 8.237 27.52zm172.949-23.05c-3.124-3.459-7.711-6.39-12.943-3.998-6.519 2.976-11.619 13.103-15.527 19.287-1.735 2.752-2.778 5.827-5.65 6.115-2.574.258-5.562-1.486-5.643-4.001-.078-2.413 4.006-7.13 5.643-9.404 5.334-7.385 11.52-14.268 19.774-17.875 1.837-.811 3.657-.883 5.878-1.646 2.872-.994 5.789-3.4 8.705-4.945 3.179-1.673 6.207-3.353 9.178-4.7-2.835-8.47-12.081-9.503-23.058-9.883-11.133-.38-21.981 1.154-31.305 3.065-11.819 2.413-21.296 6.726-20.233 20.457.584 7.579 4.183 15.652 8.241 21.405 8.098 11.488 23.424 18.794 41.878 15.991 18.742-2.837 28.046-14.2 27.543-36.69-.013-.142-.047-.278-.244-.234-3.834 2.593-8.21 4.64-12.237 7.056zm24.708-26.577c-1.915-2.199-8.95-2.345-10.584.234 1.474 2.498 9.358 2.318 10.584-.234zM20 39.773v-.235c8.62-2.342 18.542-3.893 27.998-4.704 21.401-1.832 40.446.743 57.887 4.704 8.662 1.968 17.972 5.684 26.586 5.644 4.217-.017 9.164-1.422 13.649-2.59 4.231-1.093 8.567-2.647 12.713-3.757 25.689-6.879 58.634-9.825 87.766-2.823-.024 2.253-.441 4.388-.709 6.821-.218 2.121.061 5.043-.703 6.818-.676 1.565-2.292 1.534-3.294 2.352-5.487 4.453-6.01 16.151-7.527 23.756-1.406 7.025-3.25 13.69-7.528 18.347-11.507 12.523-36.85 14.407-54.835 6.35-8.702-3.896-14.736-8.583-19.53-16.233a121.106 121.106 0 01-6.353-11.521c-2.546-5.278-4.57-14.665-11.534-15.76-7.082-1.114-10.271 4.258-12.226 9.41-5.253 13.751-11.103 25.731-23.058 32.695-7.901 4.592-17.812 7.762-29.417 7.762-11.599 0-21.211-3.462-28.009-9.414-5.066-4.43-7.208-10.898-8.936-18.344-1.678-7.235-2.13-15.577-5.884-21.635-1.28-2.056-3.314-3.024-5.178-4.473-.791-4.232-.954-9.078
351-1.878-13.17z"
352                                      fill="#48B7AF"/>
353                                <path d="M302.319 46.05c2.69-2.83 6.374-4.812 8.642-5.24 1.558-.281 1.84 3.968.139 4.531-7.932 3.255-9.348 10.477-4.815 10.477 5.1 0 15.157-7.928 19.69-15.999 4.39-8.07 2.974-15.998-7.507-15.998-24.932 0-56.801 34.403-57.368 54.225-.285 7.362 1.558 18.405 13.598 20.814 10.196 1.982 22.946-5.24 29.18-11.61 2.125-2.124 5.663-1.276 3.68.991C286.314 111.882 256 106.646 256 79.32c0-16.28 12.183-33.411 27.339-45.021 22.946-17.271 50-19.82 50-2.549 0 6.516-5.948 14.583-12.888 20.671-20.114 17.556-26.63 2.692-18.132-6.37zM332.065 73.799c-16.854 14.158-12.606 23.925-7.507 23.644 2.975-.282 6.659-2.267 11.616-8.213 14.447-17.553 6.234-23.926-4.109-16.562.286.425.286.849 0 1.13zm3.966-7.08c13.317-3.821 18.698 9.204.285 28.033-15.299 15.716-27.906 2.548-16.715-13.731 2.693-3.825 6.234-6.94 8.499-8.638 0-.142 0-.424.142-.566.425-1.558 4.676-4.246 7.789-5.098zM396.514 34.724c-.849-.848-3.399-.142-7.789 3.397-9.49 7.219-24.647 26.76-29.889 42.758 12.889-11.468 41.929-42.052 37.678-46.155zm-39.379 55.922c0 4.388 1.558 5.664 3.969 5.803 3.113.143 7.931-2.263 18.413-11.606 1.701-1.415 1.416 2.83.849 3.54-.707.709-12.465 12.458-19.262 12.173-11.191-.424-8.217-15.146-6.091-21.944 7.082-22.51 26.344-40.633 34.137-45.588 6.373-4.103 10.624-3.964 11.897-2.264 6.516 8.919-31.163 44.03-43.345 54.931-.425 1.7-.567 3.4-.567 4.955z"
354                                      fill="#fff"/>
355                                <path d="M406.856 71.817c-15.442.99-28.188 29.166-15.157 23.644 12.183-5.24 17.14-13.877 19.972-17.98 0-3.258-1.559-5.946-4.815-5.664zm-42.211 69.938c1.273.709 7.222-.282 12.322-6.37 8.356-10.191 14.165-18.829 18.555-26.332-27.478 13.307-34.985 30.153-30.877 32.702zm58.217-72.202c-6.801 5.803-12.326 18.12-19.123 31.711 6.94-3.679 14.023-7.785 17.564-10.334 2.126-1.558 4.533-3.54 7.507-6.088 1.559-1.415 1.277 2.83.71 3.54-.424.424-4.394 4.388-9.066 7.646-5.242 3.821-12.04 7.079-19.408 10.476-5.948 11.325-12.888 23.078-22.239 32.421-7.083 6.797-14.447 8.494-17.846 6.231-5.382-3.825-6.658-19.681 34.419-39.643.994-.567 1.986-.991 2.977-1.558 2.408-4.53 4.391-8.637 6.231-12.458-8.781 7.928-16.997 12.601-21.812 6.794-7.368-8.776 10.621-33.835 26.769-30.438 2.835.567 4.394 2.973 5.242 4.955a55.885 55.885 0 013.824-4.67c.991-1.134 6.234-.285 4.251 1.415zM459.123 79.32h-.14s2.55-7.08-3.259-7.08c-12.75 0-26.205 22.511-18.841 24.354 6.944 1.84 19.832-14.443 20.824-15.292l1.416-1.982zm4.957 21.944c-7.222 1.134-11.612-3.821-9.49-10.9-10.624 11.043-14.447 12.034-18.98 11.328-5.243-.852-8.784-9.061-1.134-19.966 7.65-10.758 17.992-14.016 21.815-14.016 3.399 0 6.373 2.267 7.083 5.807 1.273-1.558 2.264-2.691 2.692-2.83 1.131-.567 4.105 1.981 4.105 2.687 0 .425-3.68 4.107-6.94 7.646-9.066 13.874-4.815 18.972 8.217 12.459 3.823-1.843 7.931-4.673 12.464-8.637 1.701-1.415 1.416 2.83.71 3.54-.71.709-11.616 11.467-20.542 12.882z"
356                                      fill="#fff"/>
357                                <path d="M533.771 43.926c15.584-19.962 1.843-15.716-11.898 1.13-9.347 11.61-19.265 25.345-27.903 38.37 10.196-7.361 25.353-21.238 39.801-39.5zm-39.662 49.27c-2.974-4.248-7.649 1.134-2.549 5.237 1.134.991 2.835 1.276 4.675 1.276-.282-2.973-1.134-5.24-2.126-6.513zm-25.634 32.421c-1.841 3.964-6.941 15.856-3.824 18.547 3.117 2.691 9.348-1.84 14.02-7.079 13.031-14.865 17.14-26.618 17.564-34.403-4.533-.142-8.641-1.839-10.767-6.088-8.074 12.74-14.301 23.501-16.993 29.023zm32.15-26.899c7.935-2.406 17.707-9.628 22.525-13.877 1.555-1.415 1.416 2.834.706 3.54-6.091 6.088-14.59 12.462-23.088 13.877-.425 8.494-4.815 19.677-13.741 31.854-14.869 19.962-36.259 22.653-25.35-5.38 5.663-14.582 47.022-79.57 67.136-96.416 15.724-13.025 21.816-4.812 9.918 11.467-5.242 7.362-29.04 34.406-44.055 44.883 3.684 2.124 5.525 5.946 5.949 10.052zM553.463 79.32h-.143s2.55-7.08-3.256-7.08c-12.749 0-26.205 22.511-18.841 24.354 6.94 1.84 19.833-14.443 20.824-15.292l1.416-1.982zm4.957 21.944c-7.225 1.134-11.615-3.821-9.49-10.9-10.624 11.043-14.451 12.034-18.983 11.328-5.239-.852-8.781-9.061-1.131-19.966 7.65-10.758 17.989-14.016 21.812-14.016 3.402 0 6.376 2.267 7.083 5.807 1.276-1.558 2.268-2.691 2.692-2.83 1.134-.567 4.108 1.981 4.108 2.687 0 .425-3.684 4.107-6.94 7.646-9.065 13.874-4.818 18.972 8.214 12.459 3.826-1.843 7.935-4.673 12.467-8.637 1.698-1.415 1.416 2.83.707 3.54-.707.709-11.616 11.467-20.539 12.882z"
358                                      fill="#fff"/>
359                                <path d="M601.764 63.039c-.282-1.558-3.823-1.13-5.239 4.388-.425 1.134
359-.285 2.267.139 3.258 3.117-3.4 5.385-6.512 5.1-7.646zm-1.84 25.202c0-4.673-2.269-8.355-4.109-11.895-3.256 3.258-6.797 6.513-9.49 8.922 2.126 3.964 6.373 10.334 11.049 11.043 1.558-1.982 2.55-4.955 2.55-8.07zm-15.582-.567c-2.692 3.964.425 11.61 5.806 12.034.853.143 1.559 0 2.268-.142-6.515-2.973-7.792-12.316-8.074-11.892zm9.915-14.583c-.849-1.982-1.134-3.964-.706-6.088.991-5.237 6.94-9.625 10.196-9.061 3.259.566 3.402 3.258 1.134 7.503-1.273 2.264-3.684 5.24-6.516 8.352 2.268 3.116 5.667 6.374 5.81 11.753.139 3.54-.428 6.937-1.844 9.77 3.117-1.557 7.368-4.673 13.883-10.48 1.698-1.415 1.416 2.834.707 3.54-.567.71-10.764 11.043-18.556 12.177a14.376 14.376 0 01-6.516 2.834c-7.792.991-12.749-6.655-12.464-14.444.139-7.361 4.108-8.21 5.382-6.652 2.692-2.41 6.234-5.806 9.49-9.204z"
360                                      fill="#fff"/>
361                            </svg>
362                        </div>
363                        <div class="-mr-2">
364                            <button @click="mobileMenuOpen = false" type="button"
365                                    class="bg-gray-600 rounded-md p-2 inline-flex items-center justify-center text-gray-400
366                                       hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset
367                                       focus:ring-pantone-500">
368                                <span class="sr-only">Close menu</span>
369                                <svg class="h-6 w-6" x-description="Heroicon name: outline/x"
370                                     xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
371                                     stroke="currentColor" aria-hidden="true">
372                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
373                                          d="M6 18L18 6M6 6l12 12"></path>
374                                </svg>
375                            </button>
376                        </div>
377                    </div>
378
379                </div>
380                <div class="py-6 px-5">
381                    <div class="grid grid-cols-2 gap-4">
382
383                        <a href="https://www.colgafas.com/co/comprar/gafas"
384                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
385                            Catálogo
386                        </a>
387
388                        <a href="https://www.colgafas.com/co/cart"
389                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
390                            Carrito
391                        </a>
392
393                        <a href="https://www.colgafas.com/co/comprar/gafas?men=yes"
394                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
395                            Hombres
396                        </a>
397
398                        <a href="https://www.colgafas.com/co/comprar/gafas?women=yes"
399                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
400                            Mujeres
401                        </a>
402
403                        <a href="https://www.colgafas.com/co/comprar/gafas?is_for_childs=yes"
404                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
405                            Niños
406                        </a>
407
408                        <a href="https://www.colgafas.com/co/comprar/gafas/marca/todas"
409                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
410                            Marcas
411                        </a>
412
413                        <a href="https://www.colgafas.com/co/comprar/gafas?latest=true"
414                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
415                            Lo mas nuevo
416                        </a>
417
418                        <a href="https://www.colgafas.com/co/comprar/accesorios"
419                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
420                            Accesorios
421                        </a>
422
423                        <a href="https://www.colgafas.com/blog"
424                           class="rounded-md text-base font-medium text-white hover:text-slate-400">
425                            Blog
426                        </a>
427
428                        <a href="https://www.colgafas.com/co/comprar/gafas?favorites=true"
429                           class="rounded-md text-base font-medium text-white hover:text-slate-400 flex items-center">
430                            Favoritos
431                            <span class="pl-2">
432                                <svg fill="red" class="svg-icon text-red-600" width="22" viewBox="0 0 32 28">
433                                    <use xlink:href="/assets/icons/catalog-icons.svg#icon-heart"></use>
434                                </svg>
435                            </span>
436                        </a>
437                    </div>
438                    <div class="mt-6">
439                                                    
440                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;isNotFoundException&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;qd4xMcM2vNp5jUlHHZ1v&quot;,&quot;name&quot;:&quot;header.account-links&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;ae52667e85fb1ce65ea596cb766c67b91cf043b349111397500a73c17efeccbb&quot;}" wire:effects="[]" wire:id="qd4xMcM2vNp5jUlHHZ1v" class="contents" x-data="{ accountLinksMenuOpen: false }"
441         x-init="deps.onload(['session', 'livewire'], () => $wire.$refresh())"
442          >
443            <div class="text-center text-base font-medium text-gray-300">
444            <span class="sm:hidden">Tienes cuenta?</span>
445            <a href="https://www.colgafas.com/login" class="text-pantone-500 hover:text-pantone-700">
446                Ingresa
447            </a>
448        </div>
449    </div>
450                                                                        </div>
451                </div>
452            </div>
453        </div>
454    </div>
455</div>
456    <div class="main-container" id="page-content" data-version="">
457            <section class="hero is-medium is-dark is-bold">
458        <div class="hero-body">
459            <div class="container blog-header-container has-text-centered">
460                <img src="/images/glasses.svg" alt="colgafas blog logo">
461                <h1 class="title has-text-centered">
462                    Blog de Colgafas
463                </h1>
464                <h2 class="subtitle has-text-centered">
465                    Opiniones y guías sobre la industria óptica colombiana, moda, emprendimiento y tecnologia. Por el equipo(y amigos) de
466                    <a href="https://www.colgafas.com">Colgafas</a>. Desde 2015.
467                </h2>
468            </div>
469        </div>
470    </section>
471    <section class="section blog-section">
472        <div class="container">
473            <div class="columns is-desktop blog-columns">
474
475
476                <div class="fr-view column is-8 is-offset-2 blog-column">
477
478                                            <div class="post">
479
480        <nav class="level avatar-level">
481        <div class="avatar-stripe"></div>
482        <img src="https://static-temp.colgafas.com/uploads/luis-avatar.jpeg" alt="author avatar">
483        <div class="avatar-stripe"></div>
484    </nav>
485
486    <nav class="level">
487        <p class="level-item has-text-centered post-data" >
488                            <a href="https://www.colgafas.com/blog/gafas-para-casco-de-moto">
489                    luis
490                </a>&nbsp;/
491                        17 Mar, 2026
492            &nbsp;/&nbsp;
493            <a href="https://www.colgafas.com/blog/gafas-para-casco-de-moto#comments">
494                              COMENTA
495                         </a>
496        </p>
497    </nav>
498
499            <h1 class="title has-text-centered post-title">
500            <a href="https://www.colgafas.com/blog/gafas-para-casco-de-moto">
501                Gafas para casco de moto
502            </a>
503        </h1>
504    
505    <div class="post-body">
506                        <p>En <a href="//Colgafas.com">Colgafas.com</a> nos encanta tener el catalogo mas organizado y mejor clasificado del pa&iacute;s, esto es un proceso de mucho trabajo que se construye poco a poco, con mejoras incrementales y hoy venimos a presentarles una de nuestras ultimas mejoras en la direcci&oacute;n de un mejor catalogo, gracias a la retroalimentaci&oacute;n de nuestros clientes hemos a&ntilde;adido el filtro de gafas que sirven para usar en cascos de moto, pero que hace que una montura sea apropiada para usar en el casco de la moto? pues...
507            <a href="https://www.colgafas.com/blog/gafas-para-casco-de-moto">
508                ver mas
509            </a>
510                </div>
511</div>                                            <div class="post">
512
513        <nav class="level avatar-level">
514        <div class="avatar-stripe"></div>
515        <img src="https://static.colgafas.com/uploads/profile.png" alt="author avatar">
516        <div class="avatar-stripe"></div>
517    </nav>
518
519    <nav class="level">
520        <p class="level-item has-text-centered post-data" >
521                            <a href="https://www.colgafas.com/blog/lentes-antirreflejantes">
522                    Laura Amado
523                </a>&nbsp;/
524                        4 Aug, 2023
525            &nbsp;/&nbsp;
526            <a href="https://www.colgafas.com/blog/lentes-antirreflejantes#comments">
527                              COMENTA
528                         </a>
529        </p>
530    </nav>
531
532            <h1 class="title has-text-centered post-title">
533            <a href="https://www.colgafas.com/blog/lentes-antirreflejantes">
534                Lentes Antirreflejantes 
535            </a>
536        </h1>
537    
538    <div class="post-body">
539                        <p dir="ltr">Tanto la luz natural proveniente del sol como la luz artificial, generan reflejos que dificultan la visi&oacute;n como la aparici&oacute;n de &quot;im&aacute;genes fantasma&quot; y pueden causar da&ntilde;os en nuestros ojos. Para evitar estas molestias, existe el tratamiento antirreflejo, el cual, facilita la transmisi&oacute;n de luz, mejora la calidad visual, filtra los rayos UV y puede reducir la degeneraci&oacute;n macular.</p><p><br></p><p dir="ltr"><strong>&iquest;Qu&eacute; es el antirreflejo?</strong></p><p dir="ltr">Es un...
540            <a href="https://www.colgafas.com/blog/lentes-antirreflejantes">
541                ver mas
542            </a>
543                </div>
544</div>                                            <div class="post">
545
546        <nav class="level avatar-level">
547        <div class="avatar-stripe"></div>
548        <img src="https://static.colgafas.com/uploads/profile.png" alt="author avatar">
549        <div class="avatar-stripe"></div>
550    </nav>
551
552    <nav class="level">
553        <p class="level-item has-text-centered post-data" >
554                            <a href="https://www.colgafas.com/blog/lentes-de-alto-indice">
555                    Laura Amado
556                </a>&nbsp;/
557                        19 Jul, 2023
558            &nbsp;/&nbsp;
559            <a href="https://www.colgafas.com/blog/lentes-de-alto-indice#comments">
560                              COMENTA
561                         </a>
562        </p>
563    </nav>
564
565            <h1 class="title has-text-centered post-title">
566            <a href="https://www.colgafas.com/blog/lentes-de-alto-indice">
567                Lentes de alto índice
568            </a>
569        </h1>
570    
571    <div class="post-body">
572                        <p dir="ltr" style="text-align: justify;">En Colgafas nos preocupamos por tu comodidad con nuestros lentes y queremos que veas hasta el m&aacute;s m&iacute;nimo detalle del d&iacute;a. Por eso, te presentamos los lentes de alto &iacute;ndice, un material que seguramente te ser&aacute; muy favorable por los beneficios que presenta, ya que reduce el pe
572so y grosor del lente mejorando la calidad visual en f&oacute;rmulas altas.</p><p style="text-align: justify;"><br></p><p dir="ltr" style="text-align: justify;"><strong>&iquest;Qu&eacute; es el alto...
573            <a href="https://www.colgafas.com/blog/lentes-de-alto-indice">
574                ver mas
575            </a>
576                </div>
577</div>                                    </div>
578
579
580            </div>
581
582        </div>
583    </section>
584    
584<script>
585        document.getElementsByTagName('HTML')[0].classList.add('blog')
586    </script>
586
587    </div>
588    <nav class="py-8 sm:flex justify-center sm:space-x-12 sm:py-4 bg-black">
589    <div>
590        <div class="py-1 text-center">
591            <p class="text-white text-xl font-thin sm:font-light">
592                Nuestras Redes Sociales
593            </p>
594        </div>
595        <div class="py-1 space-x-12 justify-center flex">
596            <a class="text-white" href="https://www.facebook.com/colgafas" title="facebook de colgafas"
597               aria-label="facebook de colgafas">
598                <svg width="30" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-facebook-square fa-w-14 fa-3x"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" class=""></path></svg>            </a>
599            <a class="text-white" href="https://www.instagram.com/colgafas" title="instagram de colgafas"
600               aria-label="instagram de colgafas">
601                <svg width="30" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-instagram fa-w-14 fa-3x"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" class=""></path></svg>            </a>
602            <a class="text-white" href="https://twitter.com/colgafas" title="twitter de colgafas"
603               aria-label="twitter de colgafas">
604                <svg width="30" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-twitter-square fa-w-14 fa-3x"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" class=""></path></svg>            </a>
605        </div>
606    </div>
607
608
609    <div>
610        <div class="py-1 text-center sm:text-left">
611            <p class="text-white text-xl font-thin sm:font-light">
612                Suscribete a nuestras promociones
613            </p>
614        </div>
615
616        <div class="py-1 justify-center flex">
617            <div class="flex items-stretch max-w-full px-1 sm:px-0">
618                <div class="flex-grow">
619                    <input class="focus:ring-pantone-500 rounded-l border-0 flex-grow w-full" placeholder="Email"
620                           type="email"
621                           id="mailist-input"
622                           title="Suscribirme a la lista de correos">
623                </div>
624                <button class="bg-pantone-500 hover:bg-pantone-700 focus:outline-none focus:ring ring-pantone-700  text-white px-4 roun
624ded-r flex-shrink"
625                        id="mailist-input-submit">Suscribirse
626                </button>
627            </div>
628        </div>
629    </div>
630
631</nav>
632
633
634<footer class="flex justify-center">
635
636    <div class="flex py-8 md:space-x-2 flex-wrap md:flex-nowrap border w-full">
637        <ul class="w-full md:w-1/4  border-0 border-red-500">
638            <li>
639                <h4 class="text-lg font-medium">SECCIONES</h4>
640            </li>
641            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
642                   href="https://www.colgafas.com/co/monturas/nuevas">Lo Mas Nuevo</a></li>
643            <li>
644                <h4 class="text-lg font-medium">PROMOCIONES</h4>
645            </li>
646            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
647                   href="https://www.colgafas.com/co/promocion-gafas-estilo-aviador">Promoción Aviadoras</a></li>
648
649            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
650                   href="https://www.colgafas.com/co/lentes-transitions">Transitions</a></li>
651
652            <li>
653                <h4 class="text-lg font-medium">GENERO</h4>
654            </li>
655
656            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
657                   href="https://www.colgafas.com/co/comprar/gafas?women=yes">Mujer</a></li>
658            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
659                   href="https://www.colgafas.com/co/comprar/gafas?men=yes">Hombre</a></li>
660            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
661                   href="https://www.colgafas.com/co/comprar/gafas?is_for_childs=1">Niños</a>
662            </li>
663
664            <li>
665                <h4 class="text-lg font-medium">FORMA</h4>
666            </li>
667                            <li>
668                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
669                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=64">5 Lados</a>
670                </li>
671                            <li>
672                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
673                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=1">Agatada</a>
674                </li>
675                            <li>
676                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
677                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=57">Clubmaster</a>
678                </li>
679                            <li>
680                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
681                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=2">Cuadradas</a>
682                </li>
683                            <li>
684                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
685                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=60">Hector Lavoe</a>
686                </li>
687                            <li>
688                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
689                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=61">Hexagonales</a>
690                </li>
691                            <li>
692                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
693                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=21">Ojo de cerradura</a>
694                </li>
695                            <li>
696                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
697                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=5">Ovalada</a>
698                </li>
699                            <li>
700                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
701                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=59">Piloto/Aviador</a>
702                </li>
703                            <li>
704                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
705                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=3">
705Rectangular</a>
706                </li>
707                            <li>
708                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
709                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=4">Redonda</a>
710                </li>
711                            <li>
712                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
713                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=62">Semiagatada</a>
714                </li>
715                            <li>
716                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
717                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=63">Trapecio</a>
718                </li>
719                            <li>
720                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
721                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=65">Vintage</a>
722                </li>
723                            <li>
724                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
725                       href="https://www.colgafas.com/co/comprar/gafas?selectedShapes%5B0%5D=24">Wayfarer</a>
726                </li>
727                    </ul>
728
729        <ul class="w-full md:w-1/4  border-0 border-red-500">
730            <li>
731                <h4 class="text-lg font-medium">GAFAS</h4>
732            </li>
733                            <li>
734                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
735                       href="https://www.colgafas.com/co/comprar/monturas-marcos-gafas">Catálogo de Gafas</a>
736                </li>
737                            <li>
738                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
739                       href="https://www.colgafas.com/co/comprar/gafas/mujer">Monturas y Gafas para Mujeres</a>
740                </li>
741                            <li>
742                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
743                       href="https://www.colgafas.com/co/comprar/gafas/hombre">Monturas para Hombres</a>
744                </li>
745                            <li>
746                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
747                       href="https://www.colgafas.com/co/comprar/gafas/ni%C3%B1os">Gafas para niños</a>
748                </li>
749                            <li>
750                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
751                       href="https://www.colgafas.com/co/comprar/gafas/novedades">Novedades en Monturas</a>
752                </li>
753                            <li>
754                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
755                       href="https://www.colgafas.com/co/comprar/gafas/acetato">Monturas en Acetato</a>
756                </li>
757                            <li>
758                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
759                       href="https://www.colgafas.com/co/comprar/gafas/pasta">Montura de Pasta Inyectada</a>
760                </li>
761                            <li>
762                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
763                       href="https://www.colgafas.com/co/comprar/gafas/metalicas">Monturas Metalicas</a>
764                </li>
765                            <li>
766                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
767                       href="https://www.colgafas.com/co/comprar/gafas/TR90">Monturas de TR90</a>
768                </li>
769                            <li>
770                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
771                       href="https://www.colgafas.com/co/comprar/gafas/mujer/cat-eye">Gafas Cat Eye y Agatadas</a>
772                </li>
773                            <li>
774                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
775                       href="https://www.colgafas.com/co/comprar/gafas/clubmaster">Gafas Clubmaster</a>
776                </li>
777                            <li>
778                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
779                       href="https://www.colgafas.com/co/comprar/gafas/marcos-cuadrados">Gafas Cuadradas</a>
780                </li>
781                            <li>
782                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
783                       href="https://www.colgafas.com/co/comprar/gafas/doble-puente">Monturas Doble Puente Estilo Lavoe</a>
784                </li>
785                            <li>
786                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
787                       href="https://www.colgafas.com/co/comprar/gafas/hexagonales">Marcos Hexagonales</a>
788                </li>
789                            <li>
790                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
791                       href="https://www.colgafas.com/co/comprar/gafas/keyhole">Marcos Estilo KeyHole</a>
792                </li>
793                            <li>
794                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
795                       href="https://www.colgafas.com/co/comprar/gafas/ovaladas">Marcos de Gafas Ovalados</a>
796                </li>
797                            <li>
798                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
799                       href="https://www.colgafas.com/co/comprar/gafas/piloto">Marcos tipo Piloto Aviador</a>
800                </li>
801                            <li>
802                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
803                       href="https://www.colgafas.com/co/comprar/gafas/rectangulares">Marcos Rectangulares</a>
804                </li>
805                            <li>
806                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
807                       href="https://www.colgafas.com/co/comprar/gafas/redondas">Marcos Redondos</a>
808                </li>
809                            <li>
810                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
811                       href="https://www.colgafas.com/co/comprar/gafas/wayfarer">Gafas Wayfarer</a>
812                </li>
813                            <li>
814                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
815                       href="https://www.colgafas.com/co/comprar/gafas/3-piezas">Gafas Al Aire 3 Piezas</a>
816                </li>
817                            <li>
818                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
819                       href="https://www.colgafas.com/co/comprar/gafas/media-montura">Marcos de Media Montura</a>
820                </li>
821                            <li>
822                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
823                       href="https://www.colgafas.com/co/comprar/gafas/rosadas">
823Monturas Rosadas</a>
824                </li>
825                            <li>
826                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
827                       href="https://www.colgafas.com/co/comprar/gafas/mas-vendidas">Best Sellers Colgafas</a>
828                </li>
829                            <li>
830                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
831                       href="https://www.colgafas.com/co/comprar/gafas-blancas">Gafas Blancas</a>
832                </li>
833                            <li>
834                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
835                       href="https://www.colgafas.com/co/comprar/lo-nuevo-montura-clipon">Monturas con lentes &quot;Clip-on&quot; o sobrepuesto polarizado. </a>
836                </li>
837                            <li>
838                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
839                       href="https://www.colgafas.com/co/comprar/gafas-de-colores">Monturas de colores </a>
840                </li>
841                            <li>
842                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
843                       href="https://www.colgafas.com/co/comprar/Gafa-%20para-cara-Ovalada">Gafas para cara Ovalada</a>
844                </li>
845                            <li>
846                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
847                       href="https://www.colgafas.com/co/comprar/Gafas-cara-redonda">
847Gafas para cara redonda </a>
848                </li>
849                            <li>
850                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
851                       href="https://www.colgafas.com/co/comprar/Gafas-para-cara-Cuadrada">Gafas para cara Cuadrada</a>
852                </li>
853                            <li>
854                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
855                       href="https://www.colgafas.com/co/comprar/gafas-de-marca-genuinas-en-remate">Gafas de marca, en remate</a>
856                </li>
857                            <li>
858                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
859                       href="https://www.colgafas.com/co/comprar/gafas-para-cara-ovalada-hombre">Gafas para cara ovalada hombre</a>
860                </li>
861                            <li>
862                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
863                       href="https://www.colgafas.com/co/comprar/gafas-de-viejito">Gafas de adulto mayor</a>
864                </li>
865                            <li>
866                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
867                       href="https://www.colgafas.com/co/comprar/gafas-oversized">MONTURAS GRANDES O TIPO OVERSIZE </a>
868                </li>
869                            <li>
870                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
871                       href="https://www.colgafas.com/co/comprar/gafas-de-sol">Gafas de sol</a>
872                </li>
873                            <li>
874                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
875                       href="https://www.colgafas.com/co/comprar/gafas-agatadas">Gafas agatadas</a>
876                </li>
877                            <li>
878                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
879                       href="https://www.colgafas.com/co/comprar/gafas-formuladas-para-casco-de-moto">Gafas con formula para el uso en cascos de moto</a>
880                </li>
881                            <li>
882                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
883                       href="https://www.colgafas.com/co/comprar/sale-gafas-abril-2026">⚡ GRAN SALE ⚡️</a>
884                </li>
885                            <li>
886                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
887                       href="https://www.colgafas.com/co/comprar/remate-de-gafas-colgafas-mayo-2026">Selección especial de monturas a $50.000</a>
888                </li>
889                            <li>
890                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
891                       href="https://www.colgafas.com/co/comprar/monturas-seleccionadas-50000-mayo-2026">Monturas seleccionadas a $50.000</a>
892                </li>
893                            <li>
894                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
895                       href="https://www.colgafas.com/co/comprar/Regalo-D%C3%ADa-Del-Padre">Oferta Día del Padre</a>
896                </li>
897                            <li>
898                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
899                       href="https://www.colgafas.com/co/comprar/https://www.colgafas.com/co/comprar/tu-voto-cuenta-gafas-con-60OFF">Monturas con 60% OFF</a>
900                </li>
901                            <li>
902                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
903                       href="https://www.colgafas.com/co/comprar/flash-sale-julio">Hasta 70% de descuento en marcos seleccionados</a>
904                </li>
905                            <li>
906                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
907                       href="https://www.colgafas.com/co/comprar/julio-flash-sale">Julio flash sale</a>
908                </li>
909                    </ul>
910
911        <ul class="w-full md:w-1/4  border-0 border-red-500">
912            <li>
913                <h4 class="text-lg font-medium">LENTES</h4>
914            </li>
915                            <li>
916                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
917                       href="https://www.colgafas.com/co/comprar/lentes/lentes-monofocales">Lentes Monofocales</a>
918                </li>
919                            <li>
920                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
921                       href="https://www.colgafas.com/co/comprar/lentes/lentes-monofocales-transitions">Lentes Monofocales Transitions</a>
922                </li>
923                            <li>
924                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
925                       href="https://www.colgafas.com/co/comprar/lentes/lentes-monofocales-tintados">Lentes Monofocales Tintados</a>
926                </li>
927                            <li>
928                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
929                       href="https://www.colgafas.com/co/comprar/lentes/lentes-monofocales-polarizados">Lentes Monofocales Polarizados</a>
930                </li>
931                            <li>
932                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
933                       href="https://www.colgafas.com/co/comprar/lentes/lentes-progresivos">Lentes Progresivos</a>
934                </li>
935                            <li>
936                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
937                       href="https://www.colgafas.com/co/comprar/lentes/lentes-progresivos-transitions">Lentes Progresivos Transitions</a>
938                </li>
939                            <li>
940                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
941                       href="https://www.colgafas.com/co/comprar/lentes/lentes-progresivos-tintados">Lentes Progresivos Tintados</a>
942                </li>
943                            <li>
944                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
945                       href="https://www.colgafas.com/co/comprar/lentes/lentes-progresivos-polarizados">Lentes Progresivos Polarizados</a>
946                </li>
947                            <li>
948                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
949                       href="https://www.colgafas.com/co/comprar/lentes/lentes-para-descanso">
949Lentes Para Descanso</a>
950                </li>
951                            <li>
952                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
953                       href="https://www.colgafas.com/co/comprar/lentes/lentes-para-descanso-transitions">Lentes Para Descanso Transitions</a>
954                </li>
955                            <li>
956                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
957                       href="https://www.colgafas.com/co/comprar/lentes/lentes-para-descanso-tintados">Lentes Para Descanso Tintados</a>
958                </li>
959                            <li>
960                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
961                       href="https://www.colgafas.com/co/comprar/lentes/lentes-para-descanso-polarizados">Lentes Para Descanso Polarizados</a>
962                </li>
963                            <li>
964                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
965                       href="https://www.colgafas.com/co/comprar/lentes/lentes-bifocales">Lentes Bifocales</a>
966                </li>
967                            <li>
968                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
969                       href="https://www.colgafas.com/co/comprar/lentes/lentes-bifocales-transitions">Lentes Bifocales Transitions</a>
970                </li>
971                            <li>
972                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
973                       href="https://www.colgafas.com/co/comprar/lentes/lentes-bifocales-tintados">Lentes Bifocales Tintados</a>
974                </li>
975                            <li>
976                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light whitespace-nowrap"
977                       href="https://www.colgafas.com/co/comprar/lentes/lentes-bifocales-polarizados">Lentes Bifocales Polarizados</a>
978                </li>
979                    </ul>
980
981        <ul class="w-full md:w-1/4  border-0 border-red-500">
982
983            <li>
984                <h4 class="text-lg font-medium">NOSOTROS</h4>
985            </li>
986
987            <li>
988                <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
989                   href="https://www.colgafas.com/co/ubicaciones">Nuestras tiendas</a>
990            </li>
991                            <li>
992                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light w-[360px] inline-block" href="https://www.colgafas.com/contenidos/4/gafas-70-mas-baratas-como-lo-hacemos">Gafas 70% Más baratas, ¡¿Cómo lo hacemos?!
993                    </a>
994                </li>
995                            <li>
996                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light w-[360px] inline-block" href="https://www.colgafas.com/contenidos/13/porque-deberias-escogernos">Porqué deberías escogernos 
997                    </a>
998                </li>
999                            <li>
1000                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light w-[360px] inline-block" href="https://www.colgafas.com/contenidos/30/promociones-vigentes">Promociones vigentes
1001                    </a>
1002                </li>
1003                        <li>
1004                <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1005                   href="https://www.colgafas.com/atribuciones">Atribuciones</a>
1006            </li>
1007            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1008                   href="/static/politica-de-privacidad">Politica de Privacidad</a></li>
1009            <li>
1010                <h4 class="text-lg font-medium">CONTACTO</h4>
1011            </li>
1012
1013                            <li>
1014                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/1/terminos-y-condiciones">Términos y condiciones
1015                    </a>
1016                </li>
1017                            <li>
1018                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/2/politicas-de-privacidad">Políticas de privacidad
1019                    </a>
1020                </li>
1021                            <li>
1022                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/5/transporte-y-entrega">Transporte y entrega
1023                    </a>
1024                </li>
1025                            <li>
1026                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/14/politica-de-devoluciones">Política de devoluciones 
1027                    </a>
1028                </li>
1029                            <li>
1030                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/16/quejas-peticiones-y-reclamos">Quejas, Peticiones y Reclamos
1031                    </a>
1032                </li>
1033                            <li>
1034                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/17/super-intendencia-de-industria-y-comercio-sic">Super Intendencia de Industria y Comercio - SIC
1035                    </a>
1036                </li>
1037            
1038            <li>
1039                <h4 class="text-lg font-medium">CUENTA</h4>
1040            </li>
1041            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1042                   href="https://www.colgafas.com/login">Ingresar</a></li>
1043            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1044                   href="https://www.colgafas.com/cuenta/pedidos">Pedidos</a></li>
1045            <li><a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1046                   href="https://www.colgafas.com/co/carrito-de-compras">Carrito</a></li>
1047        </ul>
1048
1049        <ul class="w-full md:w-1/4  border-0 border-red-500">
1050            <li>
1051                <h4 class="text-lg font-medium">PREGUNTAS FRECUENTES</h4>
1052            </li>
1053                            <li>
1054                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/3/preguntas-frecuentes">Preguntas frecuentes
1055                    </a>
1056                </li>
1057                            <li>
1058                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/7/hacer-un-pedido-en-linea">Hacer un pedido en línea
1059                    </a>
1060                </li>
1061                            <li>
1062                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/8/lentes-bifocales-y-progresivos">Lentes bifocales y progresivos
1063                    </a>
1064                </li>
1065                            <li>
1066                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/9/mejoras-para-los-lentes">Mejoras para los lentes
1067                    </a>
1068                </li>
1069                            <li>
1070                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/11/como-obtengo-mi-formula">Cómo obtengo mi fórmula
1071                    </a>
1072                </li>
1073                            <li>
1074                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/12/como-elegir-tu-marco">
1074Cómo elegir tu marco
1075                    </a>
1076                </li>
1077                            <li>
1078                    <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light" href="https://www.colgafas.com/contenidos/28/politica-de-tratamiento-de-datos">Política de Tratamiento de Datos
1079                    </a>
1080                </li>
1081                        <li>
1082                <a class="text-gray-700 max-w-full hover:underline leading-loose hover:text-gray-900 pl-2 font-light"
1083                   href="https://www.colgafas.com/co/contenidos/como-leer-tu-formula">Cómo leer tu fórmula
1084                </a>
1085            </li>
1086        </ul>
1087    </div>
1088
1089
1090</footer>
1091
1092<footer class="bg-gray-100 py-4 flex justify-center">
1093    <div class="max-w-screen-lg">
1094        
1095        
1096        
1097        
1098
1099        
1100        
1101        
1102        
1103        
1104
1105        <nav class="border-0 border-gray-300 py-4 px-2 flex flex-wrap">
1106            <div class="flex-shrink flex items-center px-2 text-lg font-bold w-full sm:w-48">
1107                Compra seguro
1108            </div>
1109
1110            <div class="flex-grow flex items-center px-2">
1111                Sitio seguro con criptografia (SSL). Blindado contra robo de información y clonación de tarjetas.
1112            </div>
1113        </nav>
1114    </div>
1115</footer>
1116
1117
1118<footer class="text-center py-12 pb-32 text-sm opacity-75">
1119
1120    &copy; COLGAFAS 2014 - 2026, Todos los derechos reservados <br>
1121    
1122        WhatsApp ventas: <a href="https://api.whatsapp.com/send?phone=573334333716&text=Hola+Colgafas%21"
1123                            onclick="event.preventDefault(); openWhatsAppChat(event.target, 'footer_sales')"
1124                            class="cg-link">
1125            333 433 3716
1126        </a><br>
1127        WhatsApp soporte: <a
1128                href="https://api.whatsapp.com/send?phone=573334333716&text=Hola%20Colgafas!"
1129                onclick="event.preventDefault(); openWhatsAppChat(event.target, 'footer_support')"
1130                class="cg-link">
1131            333 433 3716
1132        </a><br>
1133        E-mail: <a href="mailto:[email protected]?Subject=Hola colgafas!" class="cg-link">[email protected]</a>
1134        <br>
1135    
1136
1137    Horario: de lunes a viernes de 09:00 a.m a 6:00 p.m y sábados de 09:00 a.m a 12:00 p.m. jornada continua
1138</footer>
1139        <style>
1140    #floating-whatsapp {
1141        position: fixed;
1142        right: max(16px, env(safe-area-inset-right));
1143        bottom: calc(var(--whatsapp-bottom, 0px) + 16px + env(safe-area-inset-bottom));
1144        z-index: 40;
1145        display: flex;
1146        align-items: center;
1147        justify-content: center;
1148        gap: 8px;
1149        padding: 0 16px;
1150        height: 56px;
1151        border-radius: 28px;
1152        background: #00a884;
1153        color: #fff;
1154        font-size: 15px;
1155        font-weight: 600;
1156        line-height: 1;
1157        text-decoration: none;
1158        white-space: nowrap;
1159        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.24);
1160    }
1161
1162    #floating-whatsapp:hover {
1163        background: #008f70;
1164    }
1165
1166    #floating-whatsapp:focus-visible {
1167        outline: 3px solid #111827;
1168        outline-offset: 3px;
1169    }
1170
1171    #floating-whatsapp img {
1172        width: 34px;
1173        height: 34px;
1174    }
1175
1176    /* Reserve room for the catalog bar when it shares the button's corner. */
1177    @media (max-width: 1199px) {
1178        body:has(#open-filtes-mobile) #floating-whatsapp {
1179            --whatsapp-bottom: 106px;
1180        }
1181    }
1182
1183    @media (max-width: 639px) {
1184        body:has(#frame-purchase-bar) #floating-whatsapp {
1185            --whatsapp-bottom: 66px;
1186        }
1187
1188        body:has(#catalentes-selector-launcher:not(.hidden)) #floating-whatsapp {
1189            --whatsapp-bottom: 160px;
1190        }
1191    }
1192
1193    body:has([data-catalog-filters-open]) #floating-whatsapp,
1194    body:has(#email-harvester) #floating-whatsapp {
1195        visibility: hidden;
1196    }
1197</style>
1198
1199<a id="floating-whatsapp"
1200   href="https://api.whatsapp.com/send?phone=573334333716&amp;text=Hola+Colgafas%21"
1201   target="_blank"
1202   rel="noopener noreferrer"
1203   data-no-instant
1204   aria-label="Escríbenos por WhatsApp"
1205   title="Escríbenos por WhatsApp">
1206    <img src="/assets/WhatsApp.svg" alt="" width="34" height="34">
1207    <span>Escríbenos</span>
1208</a>
1209    
1209<script data-no-instant>
1210    function initLazyImages() {
1211        // Get all of the images that are marked up to lazy load
1212
1213        var config = {
1214            // If the image gets within 50px in the Y axis, start the download.
1215            rootMargin: '10px 0px',
1216            threshold: 0.01
1217        };
1218
1219        var self = this
1220
1221
1222
1223
1224        // The observer for the images on the page
1225        let onIntersection = function (entries) {
1226            // Loop through the entries
1227            entries.forEach(function (entry) {
1228                // Are we in viewport?
1229                if (entry.intersectionRatio > 0) {
1230
1231                    // Stop watching and load the image
1232                    self.observer.unobserve(entry.target);
1233                    var image = entry.target;
1234                    // console.log(image)
1235                    image.src = image.dataset.src;
1236                    if (image.dataset.srcset) {
1237                        image.srcset = image.dataset.srcset;
1238                    }
1239
1240                }
1241            });
1242        }
1243
1244
1245
1246        this.run = function (selector, callback) {
1247            var images = document.querySelectorAll('.js-lazy-image');
1248            if (!('IntersectionObserver' in window)) {
1249                images.forEach(function (image) {
1250                    image.src = image.dataset.src;
1251                    if (image.dataset.srcset) {
1252                        image.srcset = image.dataset.srcset;
1253                    }
1254                });
1255            } else {
1256                self.observer = new IntersectionObserver(callback || onIntersection, config);
1257                images.forEach(function (image) {
1258                    self.observer.observe(image);
1259                });
1260            }
1261        }
1262    }
1263
1264    var lazyImages = new initLazyImages();
1265
1266    function initSession() {
1267        var xhr = new XMLHttpRequest();
1268        xhr.open('GET', '/api/session');
1269        xhr.responseType = 'json';
1270        xhr.send();
1271        xhr.onload = function () {
1272            var responseObj = xhr.response;
1273            var tokenTag = document.head.querySelector('meta[name="csrf-token"]')
1274            tokenTag.content = responseObj['session_token'];
1275            deps.load('session')
1276        };
1277    }
1278
1279    initSession();
1280    lazyImages.run()
1281    deps.onload('InstantClick', function () {
1282        InstantClick.on('change', function () {
1283            lazyImages.run()
1284        })
1285    })
1286
1287</script>
1287
1288    
1288<script src="https://static-temp.colgafas.com/js/build/base.js?id=91e6c291d6a585e0dd576dd7391af82c" defer data-no-instant></script>
1288
1289                
1289<script src="https://static-temp.colgafas.com/js/build/harvester.js?id=b389c1ffe30a5793ac505c0a034f602d" async data-no-instant></script>
1289
1290    
1290<script data-no-instant>
1291
1292document.addEventListener("livewire:init", () => {
1293        deps.load('livewire')
1294        Livewire.on('NOTIFY', (payload) => {
1295            console.log(payload)
1296            switch (payload.type) {
1297                case 'warning':
1298                    alerts.warning(payload.message);
1299                    break;
1300                case 'info':
1301                    alerts.info(payload.message);
1302                    break;
1303                case 'error':
1304                    alerts.error(payload.message);
1305                    break;
1306            }
1307
1308        })
1309
1310
1311        Livewire.on('pageUpdated', function () {
1312            console.log('page updated! babay')
1313            setTimeout(() => {
1314                InstantClick.addCurrentToFetched(location.href)
1315                lazyImages.run()
1316                favorites.initFavHearts()
1317                favorites.getFavs()
1318            })
1319
1320
1321        })
1322        Livewire.on('filterCatalog', function () {
1323            colgafasEvents.trackCustom({
1324                event: "FilterCatalog",
1325                eventCategory: "funnel",
1326            })
1327            colgafasEvents.pageView(['ga'])
1328        })
1329        Livewire.on('couponAdded', message => {
1330            alerts.success(message)
1331        })
1332
1333        Livewire.on('couponNotAdded', message => {
1334            alerts.error(message)
1335        })
1336    });
1337</script>
1337
1338    
1339<script>
1340    function openWhatsAppChat(target, origin) {
1341        // window.dataLayer = window.dataLayer || [];
1342        // window.dataLayer.push({
1343        //     event: 'OpenWhatsAppChat',
1344        //     whatsapp_origin: origin
1345        // });
1346        window.open(target.href, '_blank');
1347    }
1348    deps.require("vue")
1349</script>
vendor: 1 bytes, line 1349
1349
1350<script src="https://www.colgafas.com/vendor/livewire/livewire.min.js?id=df3a17f2"   data-csrf="kTpE8LrUHlvNCSBAR64g9nxc685wCFDUOpgM02uj" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1350
1351</body>
1352</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.