PageSourceSearch

https://2eboxcasilla.com/

html 2eboxcasilla.com collected 2026-10-06 07:19:23 UTC 105,891 bytes, 1,727 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <link rel="preconnect" href="https://fonts.googleapis.com">
5    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
6        <meta charset="UTF-8">
7        <meta name="robots"
8          content="index,follow"/>
9    <!--    <meta name="referrer" content="origin">-->
10    <meta name="viewport"
11          content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">
12            <!-- META tags -->
13        <title>▷ MEJOR Casilla Miami a Chile -【 2ebox 】</title>
14                    <meta name="description"
15                  content="¿Buscas Comprar desde USA a Chile?  ✔️ 2ebox es Tú Solución  ✔️ La Mejor Casilla del 2020 ✔️ Múltiples Tiendas ✔️ Envios rápidos ✔️ Millas LATAM">
16        
17        <!-- OpenGraph Meta Tags   -->
18        <meta property="og:title"
19              content="▷ MEJOR Casilla Miami a Chile -【 2ebox 】"/>
20        <meta property="og:type" content="website"/>
21        <meta property="og:url" content="https://2eboxcasilla.com/"/>
22        <meta property="og:image"
23              content="https://2eboxcasilla.com/files/media/2021/09/2ebox_compra_amazon.jpg"/>
24        <meta property="og:image:alt"
25              content="Imagen de ▷ MEJOR Casilla Miami a Chile -【 2ebox 】"/>
26                    <meta property="og:description"
27                  content="¿Buscas Comprar desde USA a Chile?  ✔️ 2ebox es Tú Solución  ✔️ La Mejor Casilla del 2020 ✔️ Múlt
27iples Tiendas ✔️ Envios rápidos ✔️ Millas LATAM">
28                <meta property="og:site_name" content="2ebox"/>
29
30        <!-- Twitter Meta Tags -->
31        <meta name="twitter:card" content="summary">
32        <meta property="twitter:domain" content="2eboxcasilla.com">
33        <meta property="twitter:url" content="https://2eboxcasilla.com/">
34        <meta name="twitter:title"
35              content="▷ MEJOR Casilla Miami a Chile -【 2ebox 】">
36                    <meta property="twitter:description"
37                  content="¿Buscas Comprar desde USA a Chile?  ✔️ 2ebox es Tú Solución  ✔️ La Mejor Casilla del 2020 ✔️ Múltiples Tiendas ✔️ Envios rápidos ✔️ Millas LATAM">
38                <meta name="twitter:image"
39              content="https://2eboxcasilla.com/files/media/2021/09/2ebox_compra_amazon.jpg">
40    
41            <!-- ld-video-corto -->
42        
42<script type="application/ld+json">
43            {
44                "@context": "https://schema.org",
45                "@type": "VideoObject",
46                "name": "Compra en Estados Unidos con tu Casilla Miami",
47                "description": "Regístrate en nuestra página y te entregaremos una dirección REAL en Estados Unidos para que compres en tus tiendas favoritas.",
48                "thumbnailUrl": "https://2eboxcasilla.com/files/media/2021/12/portada_video_casilla_miami.png",
49                "uploadDate": "2021-12-20T08:00:00+08:00",
50                "duration": "PT44S",
51                "contentUrl": "https://youtu.be/fgkA_93gglM",
52                "embedUrl": "https://www.youtube.com/embed/fgkA_93gglM",
53                "interactionStatistic": {
54                    "@type": "InteractionCounter",
55                    "interactionType": {
56                        "@type": "WatchAction"
57                    },
58                    "userInteractionCount": 5647018
59                },
60                "regionsAllowed": "CL"
61            }
62        </script>
62
63    
64                <!--ld-2-->
65        
65<script type="application/ld+json">
66             {
67    "@context": "https:\/\/schema.org\/",
68    "@type": "Organization",
69    "name": "2ebox",
70    "alternateName": "2ebox Casilla",
71    "description": "Buscas Comprar desde USA aChile? \u2714 2ebox es T\u00fa Soluci\u00f3n \u2714 LaMejor Casilla del 2020 \u2714 M\u00faltiples Tiendas \u2714 Enviosr\u00e1pidos \u2714 Millas LATAM.",
72    "url": "https:\/\/2eboxcasilla.com\/",
73    "logo": "https:\/\/2eboxcasilla.com\/view\/main2\/img\/logo_2ebox.png",
74    "sameAS": [
75        "https:\/\/www.instagram.com\/2ebox\/",
76        "https:\/\/www.facebook.com\/2ebox",
77        "https:\/\/twitter.com\/2eboxChile"
78    ],
79    "contactPoint": {
80        "@type": "ContactPoint",
81        "email": "[email protected]",
82        "telephone": "+56227500711",
83        "contactType": "customer service",
84        "areaServed": "CL",
85        "availableLanguage": "Spanish"
86    },
87    "address": [
88        {
89            "@type": "PostalAddress",
90            "addressCountry": "CL",
91            "addressLocality": "Huechuraba",
92            "addressRegion": "Regi\u00f3n Metropolitana",
93            "streetAddress": "Av. Las Torres 1278"
94        }
95    ]
96}
97
98        </script>
98
99            
100    <meta name="google-site-verification" content="-kxJdAHvQypPGOBcM0RSV-pzvXUDQR4aHMQyVQ0FEYQ"/>
101    <meta name="google-site-verification" content="wBgxYpEgiRWYIxefnaeNujOWXmjj7vPbk24TVZDz-6A"/>
102
103    
104    <link rel="alternate" href="https://www.2ebox.com" hreflang="x-default"/>
105            <link rel="alternate" href="https://www.2ebox.com/pe" hreflang="es-pe"/>
106            <link rel="alternate" href="https://2eboxcasilla.com/" hreflang="es-cl"/>
107        <link rel="canonical" href="https://2eboxcasilla.com/">
108
109    
110
111    <link rel="icon" type="image/png" href="https://2eboxcasilla.com/view/main2/favicon-96x96.png">
112    <link rel="icon" type="image/vnd.microsoft.icon" href="https://2eboxcasilla.com/view/main2/logo.ico">
113
114    
114<script>
115        var baseUrl = "https://2eboxcasilla.com/";
116        var viewUrl = "https://2eboxcasilla.com/view/main2/";
117    </script>
117
118
119    <link rel="stylesheet" href="https://2eboxcasilla.com/view/main2/main.css?_t=v1">
120    <!-- Carga de fuentes externas / Google Fonts -->
121    <!-- Russo One para títulos / Palanquin para texto regular -->
122    <link href="https://fonts.googleapis.com/css2?family=Palanquin:wght@400;600&family=Russo+One&display=swap"
123          rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
124    <noscript>
125        <link rel="stylesheet"
126              href="https://fonts.googleapis.com/css2?family=Palanquin:wght@400;600&family=Russo+One&display=swap">
127    </noscript>
128
129
130    <!-- Start of 2ebox Zendesk Widget script -->
131    <!--    
131<script defer id="ze-snippet"-->
132    <!--            src="https://static.zdassets.com/ekr/snippet.js?key=912e16d2-c31a-4882-a7a8-206a482f23d5"></script>
132-->
133    <!-- End of 2ebox Zendesk Widget script -->
134    
134<script type="text/javascript" defer>
135
136        document.addEventListener('DOMContentLoaded', () => {
137            setTimeout(function () {
138                var tag = document.createElement("script");
139                tag.src = "https://static.zdassets.com/ekr/snippet.js?key=912e16d2-c31a-4882-a7a8-206a482f23d5";
140                tag.id = "ze-snippet";
141                tag.onload= function (){
142                    carga_chat();
143                }
144                document.getElementsByTagName("head")[0].appendChild(tag);
145            }, 5000)
146
147            window.zESettings = {
148                webWidget: {
149                    launcher: {
150                        chatLabel: {
151                            '*': 'Chatea con un ejecutivo'
152                        },
153                        label: {
154                            '*': 'Chatea con un ejecutivo'
155                        }
156                    },
157                    contactOptions: {
158                        enabled: false,
159                        chatLabelOnline: {'*': 'Chatea con un ejecutivo'},
160                        chatLabelOffline: {'*': 'Déjanos un mensaje'}
161                    }
162                }
163            };
164        });
165    </script>
165
166            <!-- Google Tag Manager -->
167        
167<script type="text/javascript" defer>(function (w, d, s, l, i) {
168                w[l] = w[l] || [];
169                w[l].push({
170                    'gtm.start':
171                        new Date().getTime(), event: 'gtm.js'
172                });
173                var f = d.getElementsByTagName(s)[0],
174                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
175                j.async = true;
176                j.defer = true;
177                j.src =
178                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
179                f.parentNode.insertBefore(j, f);
180            })(window, document, 'script', 'dataLayer', 'GTM-NPTZQRV');</script>
180
181        <!-- End Google Tag Manager -->
182            <!-- Google tag (gtag.js) -->
vendor: 73 bytes, lines 182-183
182
183        <script async src="https://www.googletagmanager.com/gtag/js?id=
183G-EX02XVKEL6
vendor: 21 bytes, lines 183-184
183"></script>
184        
184<script>
185            
vendor: 178 bytes, lines 185-188
185window.dataLayer = window.dataLayer || [];
186            function gtag(){dataLayer.push(arguments);}
187            gtag('js', new Date());
188                        gtag('config', '
188G-EX02XVKEL6
vendor: 27 bytes, lines 188-190
188');
189            
190        
190</script>
190
191    
192        <!-- OpenPanel Tracking (PostHog) -->
193    
193<script>
194        window.op = window.op || function () {
195            var n = [];
196            return new Proxy(function () {
197                arguments.length && n.push([].slice.call(arguments))
198            }, {
199                get: function (t, r) {
200                    return "q" === r ? n : function () {
201                        n.push([r].concat([].slice.call(arguments)))
202                    }
203                }, has: function (t, r) {
204                    return "q" === r
205                }
206            })
207        }();
208        window.op('init', {
209            apiUrl: 'https://posthog.codemaker.cl/api',
210            clientId: '172dad62-97eb-4967-a743-b53ef7ea5843',
211            trackScreenViews: true,
212            trackOutgoingLinks: true,
213            trackAttributes: true,
214            // sessionReplay: {
215            //   enabled: true,
216            // },
217        });
218    </script>
218
219    
219<script src="https://openpanel.dev/op1.js" defer async></script>
219
220    <!-- End OpenPanel Tracking -->
221    
222    <!-- OpenPanel: helpers para enviar eventos de negocio -->
223    
223<script>
224        //Envia un evento de negocio a OpenPanel (no hace nada si el SDK aun no esta disponible)
225        window.opTrack = window.opTrack || function (name, properties) {
226            try {
227                if (typeof window.op === "function") {
228                    window.op("track", name, properties || {});
229                }
230            } catch (e) {
231                if (window.console && console.warn) { console.warn("[OpenPanel] " + name, e); }
232            }
233        };
234
235        //Vincula la sesion anonima con el usuario logueado
236        window.opIdentify = window.opIdentify || function (profileId, traits) {
237            try {
238                if (typeof window.op === "function" && profileId) {
239                    var data = {profileId: String(profileId)};
240                    for (var k in (traits || {})) {
241                        if (Object.prototype.hasOwnProperty.call(traits, k)) { data[k] = traits[k]; }
242                    }
243                    window.op("identify", data);
244                }
245            } catch (e) {
246                if (window.console && console.warn) { console.warn("[OpenPanel] identify", e); }
247            }
248        };
249
250        //Convierte un monto en texto ("$ 12.345") a entero
251        window.opClp = window.opClp || function (text) {
252            return parseInt(String(text == null ? "" : text).replace(/[^0-9]/g, ""), 10) || 0;
253        };
254    </script>
254
255        
256    <link href="https://fonts.googleapis.com/css2?family=Palanquin:wght@400;600&family=Russo+One&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
257    <noscript>
258        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Palanquin:wght@400;600&family=Russo+One&display=swap">
259    </noscript>
260    
260<script>
261        function getCookie(name) {
262            let cookieArray = document.cookie.split(';');
263            for(let i = 0; i < cookieArray.length; i++) {
264                let cookiePair = cookieArray[i].split('=');
265                if(name == cookiePair[0].trim()) {
266                    return decodeURIComponent(cookiePair[1]);
267                }
268            }
269            return null;
270        }
271        function sendGaCookieToServer(gaValue) {
272            let xhr = new XMLHttpRequest();
273            xhr.open('POST', `${baseUrl}usuario/ga`, true);
274            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
275            xhr.send('gaCookie=' + encodeURIComponent(gaValue));
276        }
277        let gaCookie = getCookie('_ga');
278        if (gaCookie) {
279            sendGaCookieToServer(gaCookie);
280        }
281    </script>
281
282            <div id="g_id_onload"
283             data-client_id="72888849920-aabqpijim4v3go15jfr8644bsmm7f3r4.apps.googleusercontent.com"
284             data-login_uri="https://2eboxcasilla.com/oauth/google"
285             data-auto_prompt="true"
286             data-skip_prompt_cookie="g_state">
287        </div>
288        
288<script src="https://accounts.google.com/gsi/client" async defer></script>
288
289    </head>
290
291
292<body id="component-home" class="bg-2e-doubledarkblue">
293    <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 293-295
293
294    <noscript>
295        <iframe src="https://www.googletagmanager.com/ns.html?id=
295GTM-NPTZQRV
vendor: 111 bytes, lines 295-298
295"
296                height="0" width="0" style="display:none;visibility:hidden"></iframe>
297    </noscript>
298    
298<!-- End Google Tag Manager (noscript) -->
299
300<!-- Inicio / Header -->
301<header
302    class="absolute top-0 z-40 w-[100%] bg-2e-red lg:fixed"
303>
304    <!-- Main header container-->
305    <div class="bg-2e-red w-[100%] py-8 px-5 flex flex-row justify-between lg:px-4 lg:max-w-[1400px] lg:mx-auto">
306        <figure id="burgerMenu" class="text-2e-white block w-8 h-[34px] translate-y-1 lg:hidden">
307            <!--Some spans to act as a hamburger.-->
308            <span class="bg-2e-white"></span>
309            <span class="bg-2e-white"></span>
310            <span class="bg-2e-white"></span>
311        </figure>
312        <a class="block my-auto" href="/">
313            <img class="block my-auto h-full" width="144" height="34" src="https://2eboxcasilla.com/view/main2//inc/img/logo-2ebox-header.svg" alt="Logo 2ebox">
314        </a>
315
316        <!-- Inicio / Esto sólo aparece en desktop -->
317        <span class="hidden lg:block text-2e-white text-xl font-Russo my-auto align-middle">Call Center: <a href="tel:+56227500737">+(56 2) 27500-737</a></span>
318        <a class="hidden lg:flex flex-row justify-center gap-x-4" href="https://web.whatsapp.com/send?phone=56939495478text=Hola">
319            <img width="34" height="34" src="https://2eboxcasilla.com/view/main2//inc/img/icon-light-wsp.svg" alt="Logo 2ebox">
320            <span class="text-2e-white text-xl font-Russo my-auto align-middle uppercase">+56 9 3949 5478</span>
321        </a>
322        <a class="hidden lg:flex flex-row justify-center gap-x-4"></a>
323        <span class="hidden lg:block bg-2e-darkblue py-4 px-6 rounded-3xl text-2e-white text-xl font-Russo my-auto align-middle uppercase"><a href="https://2eboxcasilla.com/usuario/registro">Regístrate</a></span>
324        <!-- Fin / Esto sólo aparece en desktop -->
325                <a class="flex flex-row justify-center gap-x-4" href="https://2eboxcasilla.com/usuario/login">
326            <img class="block" width="34" height="34" src="https://2eboxcasilla.com/view/main2//inc/img/ico-user-white.svg" alt="Logo 2ebox">
327            <span class="hidden lg:block text-2e-white text-xl font-Russo my-auto align-middle uppercase">Inicia Sesión</span>
328        </a>
329            </div>
330
331    <!-- Inicio / Menú Nav Desktop -->
332    <nav class="hidden lg:block bg-2e-darkblue text-2e-lightgrey w-full py-4 px-4">
333        <ul class="lg:max-w-[1300px] lg:mx-auto flex flex-row justify-between gap-3
334        [&>li]:uppercase [&>li]:font-Russo [&>li]:text-base [&>li]:text-2e-white [&>li]:my-auto [&>li]:align-middle">
335                        <li>
336                <a                                             href="https://2eboxcasilla.com/guias/como-comprar-con-casilla-miami"
337                                                        >Casilla Miami</a>
338            </li>
339                        <li>
340                <a                                             href="https://2eboxcasilla.com/guias/como-comprar-en-usa-desde-chile"
341                                                        >Guías compra en USA</a>
342            </li>
343                        <li>
344                <a                                             href="https://2eboxcasilla.com/tiendas"
345                                                        >Tiendas</a>
346            </li>
347                        <li>
348                <a                                             href="https://2eboxcasilla.com/cotizador"
349                                                        >Calculadora Envíos USA</a>
350            </li>
351                        <li>
352                <a                                             href="https://2eboxcasilla.com/blog/"
353                                                                target="_blank"
354                                    >Blog</a>
355            </li>
356                        <li>
357                <a                                             href="https://2eboxcasilla.com/contacto" tabindex="-1"
358                                                        >Contacto</a>
359            </li>
360            
361            <li>
362                <ul class="flex flex-row gap-3 justify-center">
363                    <li><a href="https://www.instagram.com/2ebox/" title="instagram"><img loading="lazy" width="20" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-instagram.svg" alt="icono instagram"></a></li>
364                    <li><a href="https://www.facebook.com/2ebox/" title="facebook"><img loading="lazy" width="20" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-facebook.svg" alt="icono facebook"></a></li>
365                    <li><a href="https://twitter.com/2eboxChile/" title="twitter"><img loading="lazy" width="20" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-twitter.svg" alt="icono twitter"></a></li>
366                    <li><a href="https://www.linkedin.com/company/2ebox/" title="linkedin"><img loading="lazy" width="20" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-linkedin.svg" alt="icono linkedin"></a></li>
367                </ul>
368            </li>
369        </ul>
370    </nav>
371    <!-- Fin / Menú Nav Desktop -->
372
373    <!-- Inicio / Barra de alertas -->
374    <div class="bg-2e-darkblue text-2e-lightgrey w-[100%] py-2 border-t border-t-2e-darkgrey hidden" style="display: none">
375        <span class="block text-2e-lightgrey text-xs text-center">Nuestro sitio realizará una mantención el día 00/00/00 a las 00:00hrs.</span>
376    </div>
377    <!-- Fin / Barra de alertas -->
378</header>
379<!-- Fin / Header -->
380
381
382<!-- Inicio / Menú Burger Móvil -->
383<div class="menuBurger fixed top-0 w-full h-screen pt-[20vh] pb-12 px-12 overflow-y-scroll bg-2e-red text-2e-white font-Russo uppercase z-20
384[&>nav>div]:mb-4
385[&>nav>div>span]:block [&>nav>div>span]:w-full [&>nav>div>span]:overflow-hidden [&>nav>div>span]:text-xl [&>nav>div>span]:pb-1 [&>nav>div>span]:border-b-[3px] [&>nav>div>span]:border-b-2e-white [&>nav>div>span>a]:block [&>nav>div>span>a]:pr-8
386[&>nav>div>ul]:pl-4 [&>nav>div>ul>li]:pr-8 [&>nav>div>ul>li]:ml-6 [&>nav>div>ul>li]:text-sm [&>nav>div>ul>li]:mb-4 [&>nav>div>ul>li]:list-outside [&>nav>div>ul>li]:list-image-checkmark [&>nav>div>ul>li>a]:block [&>nav>div>ul>li>a]:-translate-y-1">
387    <nav class="flex flex-col w-full">
388        
389        <div class="accordion-item group w-full">
390            <span class="accordion-header">
391                <a                                             href="https://2eboxcasilla.com/guias/como-comprar-con-casilla-miami"
392                                                        >Casilla Miami                </a>
393                                    <span class="expand-icon">▶️</span>
394                            </span>
395                        <ul class="accordion-content overflow-hidden">
396                                <li>
397                    <a                                                     href="https://2eboxcasilla.com/guias/como-comprar-con-casilla-miami"
398                                                                    >¿Cómo comprar con Casilla Miami?</a>
399                </li>
400                                <li>
401                    <a                                                     href="https://2eboxcasilla.com/tiendas/amazon-catalogo"
402                                                                    >Liberar catálogo Amazon</a>
403                </li>
404                                <li>
405                    <a                                                     href="https://2eboxcasilla.com/beneficios/programa-referidos"
406                                                                    >Programa referidos</a>
407                </li>
408                                <li>
409                    <a                                                     href="https://2eboxcasilla.com/beneficios"
410                                                                    >Beneficios 2ebox</a>
411                </li>
412                
413            </ul>
414                    </div>
415        
416        <div class="accordion-item group w-full">
417            <span class="accordion-header">
418                <a                                             href="https://2eboxcasilla.com/guias/como-comprar-en-usa-desde-chile"
419                                                        >Guías compra en USA                </a>
420                                    <span class="expand-icon">▶️</span>
421                            </span>
422                        <ul class="accordion-content overflow-hidden">
423                                <li>
424                    <a                                                     href="https://2eboxcasilla.com/guias/como-comprar-en-usa-desde-chile"
425                                                                    >¿Cómo importar desde USA?</a>
426                </li>
427                                <li>
428                    <a                                                     href="https://2eboxcasilla.com/guias/como-comprar-en-usa-desde-chile"
429                                                                    >Comprar en USA desde Chile</a>
430                </li>
431                                <li>
432                    <a                                                     href="https://2eboxcasilla.com/guias/comprar-amazon-chile"
433                                                                    >Amazon Chile</a>
434                </li>
435                                <li>
436                    <a                                                     href="https://2eboxcasilla.com/guias/comprar-ebay-chile"
437                                                                    >Ebay Chile</a>
438                </li>
439                                <li>
440                    <a                                                     href="https://2eboxcasilla.com/tiendas"
441                                                                    >Tiendas en USA para comprar</a>
442                </li>
443                                <li>
444                    <a                                                     href="https://2eboxcasilla.com/guias/outlet-miami"
445                                                                    >Comprar en Outlets de Miami</a>
446                </li>
447                                <li>
448                    <a                                                     href="https://2eboxcasilla.com/guias/comprar-en-el-black-friday-desde-chile"
449                                                                    >Black Friday desde Chile</a>
450                </li>
451                                <li>
452                    <a                                                     href="https://2eboxcasilla.com/guias/comprar-en-cyber-monday-desde-chile"
453                                                                    >Cyber Monday desde Chile</a>
454                </li>
455                
456            </ul>
457                    </div>
458        
459        <div class="accordion-item group w-full">
460            <span class="accordion-header">
461                <a                                             href="https://2eboxcasilla.com/tiendas"
462                                                        >Tiendas                </a>
463                                    <span class="expand-icon">▶️</span>
464                            </span>
465                        <ul class="accordion-content overflow-hidden">
466                                <li>
467                    <a                                                     href="https://2eboxcasilla.com/tiendas"
468                                                                    >Tienda eBay</a>
469                </li>
470                                <li>
471                    <a                                                     href="https://2eboxcasilla.com/tiendas/tienda-walmart-usa-chile"
472                                                                    >Tienda Walmart</a>
473                </li>
474                                <li>
475                    <a                                                     href="https://2eboxcasilla.com/tiendas/tienda-target-chile"
476                                                                    >Tienda Target</a>
477                </li>
478                                <li>
479                    <a                                                     href="https://2eboxcasilla.com/tiendas/tienda-amazon-chile"
480                                                                    >Tienda Amazon</a>
481                </li>
482                                <li>
483                    <a                                                     href="https://2eboxcasilla.com/tiendas/tienda-shein-chile"
484                                                                    >Tienda Shein</a>
485                </li>
486                
487            </ul>
488                    </div>
489        
490        <div class="accordion-item group w-full">
491            <span class="accordion-header">
492                <a                                             href="https://2eboxcasilla.com/cotizador"
493                                                        >Calculadora Envíos USA                </a>
494                            </span>
495                    </div>
496        
497        <div class="accordion-item group w-full">
498            <span class="accordion-header">
499                <a                                             href="https://2eboxcasilla.com/blog/"
500                                                                target="_blank"
501                                    >Blog                </a>
502                            </span>
503                    </div>
504        
505        <div class="accordion-item group w-full">
506            <span class="accordion-header">
507                <a                                             href="https://2eboxcasilla.com/contacto" tabindex="-1"
508                                                        >Contacto                </a>
509                            </span>
510                    </div>
511            </nav>
512</div>
513
514<!-- Inicio / script para activar .menuBurger -->
515<script defer>
516    document.getElementById("burgerMenu").addEventListener("click", function() {
517        let menu = document.querySelector(".menuBurger");
518        let body = document.body;
519
520        if (menu) {
521            menu.classList.toggle("menuBurgerActive");
522            body.classList.toggle("preventScroll");
523        } else {
524            console.log("No se encontró ningún elemento con la clase 'menuBurger'");
525        }
526    });
527
528    // Añadir funcionalidad para expandir/contraer submenús
529    let accordionHeaders = document.querySelectorAll('.accordion-header');
530
531    accordionHeaders.forEach(header => {
532        header.addEventListener('click', () => {
533            header.classList.toggle('expanded');
534        });
535    });
536
537</script>
537
538<!-- Fin / script para activar .menuBurger -->
539
540<!-- Fin / Menú Burger Móvil -->
541
542<style>
543    .accordion-header a {
544        float: left; /* Alinea a la derecha */
545    }
546    .accordion-header {
547        display: flex;
548        align-items: center;
549    }
550    .expand-icon{
551        float: right;
552
553    }
554</style>
555<!-- Inicio / Barra navegación móvil -->
556<nav id="navMobile" class="fixed z-50 bottom-0 md:hidden pt-6 pb-9 px-12 rounded-t-[50px] w-[100%] bg-2e-doubledarkblue text-2e-white flex flex-row justify-between">
557
558    <input id="option1" type="radio" name="option" class="option hidden" checked>
559    <label for="option1" class="optionLabel1 w-[50px] h-[60px]">
560        <a href="https://2eboxcasilla.com/">
561            <img class="mx-auto mb-3 ease duration-500 " width="30" height="30" src="https://2eboxcasilla.com/view/main2/inc/img/ico-home.svg" alt="ícono Home o Inicio">
562            <span class="block text-center text-2e-grey text-[10px] pb-1">Inicio</span>
563        </a>
564    </label>
565
566    <input id="option2" type="radio" name="option" class="option hidden">
567    <label for="option2" class="optionLabel2 w-[50px] h-[60px]">
568        <a href="https://2eboxcasilla.com/cotizador">
569            <img class="mx-auto mb-3 ease duration-500" width="30" height="30" src="https://2eboxcasilla.com/view/main2/inc/img/ico-calculator.svg" alt="ícono calculadora en menú móvil">
570            <span class="block text-center text-2e-grey text-[10px] pb-1">Cotizador</span>
571        </a>
572    </label>
573
574    <input id="option3" type="radio" name="option" class="option hidden">
575    <label for="option3" class="optionLabel3 w-[50px] h-[60px]">
576        <a href="https://2eboxcasilla.com/usuario/ordenes">
577            <img class="mx-auto mb-3 ease duration-500" width="30" height="30" src="https://2eboxcasilla.com/view/main2/inc/img/ico-seguimiento.svg" alt="ícono seguimiento o trackeo de pedido en menú móvil">
578            <span class="block text-center text-2e-grey text-[10px] pb-1">Pedidos</span>
579        </a>
580    </label>
581
582    <input id="option4" type="radio" name="option" class="option hidden">
583    <label for="option4" class="optionLabel4 w-[50px] h-[60px]" id="classayuda" >
584        <img class="mx-auto mb-3 ease duration-500" width="30" height="30" src="https://2eboxcasilla.com/view/main2/inc/img/ico-chatbox.svg" alt="ícono usuario en menú móvil">
585        <span class="block text-center text-2e-grey text-[10px] pb-1">Ayuda</span>
586    </label>
587
588    <input id="option5" type="radio" name="option" class="option hidden">
589    <label for="option5" class="optionLabel5 w-[50px] h-[60px]">
590        <a href="https://2eboxcasilla.com/usuario/dashboard">
591            <img class="mx-auto mb-3 ease duration-500" width="30" height="30" src="https://2eboxcasilla.com/view/main2/inc/img/ico-user.svg" alt="ícono usuario en menú móvil">
592            <span class="block text-center text-2e-grey text-[10px] pb-1">Usuario</span>
593        </a>
594    </label>
595</nav>
596<!-- Fin / Barra navegación móvil -->
597
598<script type="text/javascript">
599    // Para agregar un evento de cambio de tamaño a la ventana
600    window.addEventListener('resize', start);
601    window.onresize = start;
602
603    //Se agrega funcion para mostrar boton
604    function start(){
605        var X = screen.width;
606        if (X <= 425) {
607            if (document.getElementById('launcher')){
608                document.getElementById('launcher').style.display = "none";
609            }
610        }else{
611            if (document.getElementById('launcher')){
612                document.getElementById('launcher').style.display = "block";
613                document.getElementById('launcher').style.width = "48px";
614            }
615        }
616    }
617
618    function carga_chat(){
619        setTimeout(function () {
620            var boton = document.getElementById("classayuda");
621            boton.addEventListener("click", function() {
622                zE('webWidget', 'open');
623            });
624        }, 3000)
625    }
626
627</script>
627
628
629
630<style>
631    /* mostrar  el div solo en dispositivos con ancho minimo de 427px (típicamente móviles) */
632    @media (min-width: 427px) {
633        #launcher {
634            display: block !important;
635            width: 48px;
636        }
637    }
638
639    /* ocultar el div solo en dispositivos con ancho máximo de 767px (típicamente móviles) */
640    @media (max-width: 426px) {
641        #launcher {
642            display: none !important;
643            width: 48px;
644        }
645    }
646
647</style>
648<!-- Inicio / Main -->
649<main class="bg-2e-doubledarkblue">
650
651    <!-- Inicio / Bloque A001 / Home Hero -->
652<section
653    class="bg-cover bg-no-repeat relative"
654    style="background-image: url('https://2eboxcasilla.com/files/media/2020/07/2ebox_registro_1418.jpg');"
655>
656    <!-- Container para padding y background semi transparente  -->
657    <div class="relative bg-2e-black bg-opacity-70 px-12 pt-[25vh] pb-[20vh] lg:pt-[35vh] lg:pb-[25vh]">
658        <div class="lg:grid lg:grid-cols-2 lg:gap-28 lg:px-13 lg:max-w-[1200px] lg:mx-auto">
659            <!-- Caja título + botón -->
660            <div class="mx-auto">
661                <h1 class="uppercase text-2e-white text-2xl lg:text-[51px] lg:leading-[3.5rem] mb-4 lg:mb-12">Compra lo que quieras en USA y tráelo a Chile en donde quieras</h1>
662                <a
663                    href="https://2eboxcasilla.com/usuario/registro"
664                    class="bg-2e-red w-[100%] lg:w-[70%] lg:ml-0 rounded-2xl flex flex-row justify-between text-2e-white py-4 px-5 text-base lg:text-xl mb-4 ease duration-500 hover:bg-2e-darkblue hover:-translate-y-1"
665                >
666                    <span class="font-Russo uppercase">Regístrate gratis aquí</span>
667                    <img width="17" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-cursor.svg" alt="ícono cursor">
668                </a>
669            </div>
670
671            <!-- Caja Rastrea tu pedido -->
672            <form method="get" action="https://2eboxcasilla.com/orden/" id="form-rastrea-pedido"
673                  class="px-5 pt-8 pb-10 rounded-2xl text-2e-white bg-2e-darkblue lg:px-8 lg:pt-14 lg:pb-16 lg:h-fit lg:my-auto lg:max-w-[450px]"
674            >
675                <label for="rastreaPedido" class="font-Russo uppercase text-xs lg:text-xl opacity-90 mb-4">Rastrea tu pedido aquí</label>
676                <div class="relative">
677                    <input type="text" id="rastreaPedido" placeholder="Ingresa tu número de guía aquí." name="q"
678                           class="block w-[100%] bg-2e-darkblue text-2e-white border-b border-b-2e-lightgrey py-4 text-sm"
679                    >
680                    <button type="submit"
681                        class="absolute right-0 top-[16px] text-sm z-[2]"
682                    >Buscar <span class="px-1">></span></button>
683                </div>
684            </form>
685        </div>
686    </div>
687
688    <!-- Inicio / Bloque A001-B / Home SVG Transición -->
689    <div class="block absolute -bottom-[50px] w-full h-[150px] bg-separator z-20">
690        <figure class="my-auto w-full h-[150px] bg-no-repeat bg-blend-multiply bg-cover"
691        style="background-image: url('/inc/img/figure-curvas-rojas-desktop.svg');"
692        >
693        </figure>
694    </div>
695    <!-- Fin / Bloque A001-B / Home SVG Transición -->
696</section>
697<!-- Fin / Bloque A001 / Home Hero -->
698
699<!-- OpenPanel: seguimiento de pedido -->
700<script>
701    (function () {
702        var form = document.getElementById("form-rastrea-pedido");
703        if (!form) return;
704        form.addEventListener("submit", function () {
705            var input = document.getElementById("rastreaPedido");
706            var value = input && input.value ? input.value.trim() : "";
707            if (value === "") return;
708            opTrack("track_order", {tracking_number: value});
709        });
710    })();
711</script>
711
712<!-- Fin OpenPanel: seguimiento de pedido -->
713    <!-- Inicio / Bloque A002 / Home Caja principal + carrusel doble -->
714<section class="block bg-2e-doubledarkblue text-2e-white px-8 lg:px-28 pt-14 pb-14 lg:pt-20">
715    <h2 class="uppercase text-2xl lg:text-[42px] lg:mx-auto mb-7 lg:text-center lg:max-w-[1200px] lg:mb-12">¿Cómo comprar desde <span class="text-2e-red">USA</span>?</h2>
716    <p class="text-sm mb-4 lg:text-center lg:text-2xl lg:w-[800px] lg:mx-auto lg:mb-10 lg:max-w-[1200px]">Importar desde USA y recibir en Chile sin moverte de tu oficina y además podrás pagar tu servicio con factura.</p>
717    <div class="w-[100%] lg:max-w-[1200px] lg:mx-auto flex flex-col gap-3">
718        <article 
719            class="block bg-no-repeat bg-center bg-cover rounded-[20px] cursor-pointer"
720            style="background-image: url('#');"
721        >
722            <a href="https://www.youtube.com/watch?v=2IZpV0E7Wq8&amp;t=2s" target="_blank">
723                <div class="bg-degrade-blue px-8 py-6 rounded-[20px] text-center lg:py-28">
724                    <h3 class="mb-4 lg:text-2xl">Guía de cómo comprar en USA con 2EBOX</h3>
725                    <figure class="block h-[40px] w-[40px] mx-auto my-auto rounded-full border-2e-grey border-[3px]">
726                        <img loading="lazy" class="block w-[50%] h-[auto] mx-auto my-[7.5px]" width="16" height="16" src="https://2eboxcasilla.com/view/main2//inc/img/ico-playbutton.svg" alt="icono boton play o iniciar">
727                    </figure>
728                </div>
729            </a>
730        </article>
731        <div id="carouselMini01" class="block w-full relative">
732            <button id="arrow-left-carouselMini01" class="block arrow-left absolute top-[45%] -left-6 cursor-pointer">
733                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-left.svg" alt="Flecha dirección izquierda para carrusel">
734            </button>
735            <button id="arrow-right-carouselMini01" class="block arrow-right absolute top-[45%] -right-6 cursor-pointer">
736                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-right.svg" alt="Flecha dirección derecha para carrusel">
737            </button>
738            <ul class="carousel w-full overflow-x-scroll snap-x gap-3 flex flex-nowrap scroll-smooth rounded-[20px] cursor-pointer lg:[&>li]:w-[225px] lg:gap-5 scrollbar-hide lg:[&>li>div>h3]:text-lg"
739            >
740                                                    <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
741                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
742                            <h3 class="z-20 relative"><p>Crea una cuenta en 2ebox</p> </h3>
743                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icono_crearcuenta_v2.svg" alt=""
744                                 class="absolute bottom-2 right-2 z-0"/>
745                            <span class="absolute bottom-5 left-5 font-Russo text-2xl ">1.</span>
746                        </div>
747                    </li>
748                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
749                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
750                            <h3 class="z-20 relative"><p>Compra en cualquier tienda de USA</p> </h3>
751                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icono_tiendasusa_v2.svg" alt=""
752                                 class="absolute bottom-2 right-2 z-0"/>
753                            <span class="absolute bottom-5 left-5 font-Russo text-2xl ">2.</span>
754                        </div>
755                    </li>
756                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
757                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
758                            <h3 class="z-20 relative"><p>Paga la importaci&oacute;n en 2ebox</p> </h3>
759                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icono_pago_v2.svg" alt=""
760                                 class="absolute bottom-2 right-2 z-0"/>
761                            <span class="absolute bottom-5 left-5 font-Russo text-2xl ">3.</span>
762                        </div>
763                    </li>
764                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
765                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
766                            <h3 class="z-20 relative"><p>Sigue tu compra siempre</p> </h3>
767                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_seguimiento_en_vivo.svg" alt=""
768                                 class="absolute bottom-2 right-2 z-0"/>
769                            <span class="absolute bottom-5 left-5 font-Russo text-2xl ">4.</span>
770                        </div>
771                    </li>
772                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
773                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
774                            <h3 class="z-20 relative"><p>Recibe en tu hogar</p> </h3>
775                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icono_recibehogar_v2.svg" alt=""
776                                 class="absolute bottom-2 right-2 z-0"/>
777                            <span class="absolute bottom-5 left-5 font-Russo text-2xl ">5.</span>
778                        </div>
779                    </li>
780                                                </ul>              
781        </div>
782    </div>
783</section>
784
785<!-- Inicio / Script para que funcione el carrusel -->
786<script defer>
787// Configuramos la cantidad de desplazamiento en una variable.
788const scrollAmount = 100;
789
790// Creamos la función de desplazamiento.
791const scrollCarousel = direction => () => {
792    document.querySelector('.carousel').scrollBy({
793        top: 0,
794        left: direction * scrollAmount,
795        behavior: 'smooth'
796    });
797};
798
799// Asignamos los manejadores de eventos de clic de manera generalizada
800['arrow-right-carouselMini01', 'arrow-left-carouselMini01'].forEach((id, i) => {
801    document.getElementById(id).addEventListener('click', scrollCarousel(Math.pow(-1, i)));
802});
803</script>
803
804<!-- Fin / Script para que funcione el carrusel -->
805
806<!-- Fin / Bloque A002 / Home Caja principal + carrusel doble -->    <!-- Inicio / Bloque A003 / Home solo carrusel doble -->
807<section class="block bg-2e-doubledarkblue text-2e-white px-8 py-14 lg:px-28">
808    <h2 class="uppercase text-2xl lg:text-[42px] lg:mx-auto mb-7 lg:text-center lg:max-w-[1200px] lg:mb-12">Beneficios y ventajas de <span class="text-2e-red">2ebox</span></h2>
809    <p class="text-sm mb-4 lg:text-center lg:text-2xl lg:w-[800px] lg:mx-auto lg:mb-10 lg:max-w-[1200px]">¿Por qué debes comprar en USA desde Chile con 2EBOX casilla? Tenemos 9 razones que te lograrán convencer.</p>
810    <div class="w-[100%] flex flex-col gap-3 lg:max-w-[1200px] lg:mx-auto">
811        <div id="carouselMini02" class="block w-full relative">
812            <button id="arrow-left-carouselMini02" class="arrow-left block absolute top-[45%] -left-6 cursor-pointer">
813                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-left.svg" alt="Flecha dirección izquierda para carrusel">
814            </button>
815            <button id="arrow-right-carouselMini02" class="arrow-right block absolute top-[45%] -right-6 cursor-pointer">
816                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-right.svg" alt="Flecha dirección derecha para carrusel">
817            </button>
818            <ul class="carouselDos w-full overflow-x-scroll snap-x gap-3 flex flex-nowrap rounded-[20px] cursor-pointer scroll-smooth lg:[&>li]:w-[225px] lg:gap-5 scrollbar-hide lg:[&>li>div>h3]:text-lg">
819                                                    <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
820                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
821                            <h3 class="relative z-20"><p>Direcci&oacute;n en USA</p></h3>
822                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_direccion_usa.svg" alt=""
823                                 class="absolute bottom-2 right-2 z-0"/>
824                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">1.</span>
825                        </div>
826                    </li>
827                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
828                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
829                            <h3 class="relative z-20"><p>Sin cobro de volumen</p></h3>
830                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_sin_cobro_volumen_v2.svg" alt=""
831                                 class="absolute bottom-2 right-2 z-0"/>
832                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">2.</span>
833                        </div>
834                    </li>
835                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
836                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
837                            <h3 class="relative z-20"><p>Facilidades de pago</p></h3>
838                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_facilidades_de_pago.svg" alt=""
839                                 class="absolute bottom-2 right-2 z-0"/>
840                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">3.</span>
841                        </div>
842                    </li>
843                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
844                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
845                            <h3 class="relative z-20"><p>Consolida varias compras</p></h3>
846                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_consolida_varias_compras_v2.svg" alt=""
847                                 class="absolute bottom-2 right-2 z-0"/>
848                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">4.</span>
849                        </div>
850                    </li>
851                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
852                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
853                            <h3 class="relative z-20"><p>Prealerta tus compras</p></h3>
854                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_prealerta_compras.svg" alt=""
855                                 class="absolute bottom-2 right-2 z-0"/>
856                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">5.</span>
857                        </div>
858                    </li>
859                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
860                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
861                            <h3 class="relative z-20"><p>Cotiza antes y evita sorpresas</p></h3>
862                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_cotiza_antes_y_evita_sorpresas.svg" alt=""
863                                 class="absolute bottom-2 right-2 z-0"/>
864                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">6.</span>
865                        </div>
866                    </li>
867                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
868                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
869                            <h3 class="relative z-20"><p>Seguimiento en Vivo</p></h3>
870                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_seguimiento_en_vivo.svg" alt=""
871                                 class="absolute bottom-2 right-2 z-0"/>
872                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">7.</span>
873                        </div>
874                    </li>
875                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
876                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
877                            <h3 class="relative z-20"><p>Acumula Millas LATAM Pass</p></h3>
878                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_millas_latam_v2.svg" alt=""
879                                 class="absolute bottom-2 right-2 z-0"/>
880                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">8.</span>
881                        </div>
882                    </li>
883                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
884                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
885                            <h3 class="relative z-20"><p>Amazon integrado</p></h3>
886                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/07/icon_amazon_integrado.svg" alt=""
887                                 class="absolute bottom-2 right-2 z-0"/>
888                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">9.</span>
889                        </div>
890                    </li>
891                                                        <li class="relative slide w-[48%] lg:w-full snap-start h-40 bg-2e-darkblue text-white rounded-[20px] cursor-pointer">
892                        <div class="w-full h-full bg-degrade-blue rounded-[20px] p-5">
893                            <h3 class="relative z-20"><p>Refiere y gana plata</p></h3>
894                            <img loading="lazy" width="69" height="85" src="https://2eboxcasilla.com/files/media/2023/08/icon_referidos.svg" alt=""
895                                 class="absolute bottom-2 right-2 z-0"/>
896                            <span class="absolute bottom-5 left-5 font-Russo text-2xl">10.</span>
897                        </div>
898                    </li>
899                                    
900
901            </ul>              
902        </div>
903    </div>
904</section>
905
906<!-- Inicio / Script para que funcione el carrusel -->
907<script defer>
908// Configuramos la cantidad de desplazamiento en una variable.
909const scrollAmountDos = 100;
910
911// Creamos la función de desplazamiento.
912const scrollCarouselDos = direction => () => {
913    document.querySelector('.carouselDos').scrollBy({
914        top: 0,
915        left: direction * scrollAmountDos,
916        behavior: 'smooth'
917    });
918};
919
920// Asignamos los manejadores de eventos de clic de manera generalizada
921['arrow-right-carouselMini02', 'arrow-left-carouselMini02'].forEach((id, i) => {
922    document.getElementById(id).addEventListener('click', scrollCarouselDos(Math.pow(-1, i)));
923});
924</script>
924
925<!-- Fin / Script para que funcione el carrusel -->
926
927
928<!-- Fin / Bloque A003 / Home solo carrusel doble -->    <!-- Inicio / Bloque A004 / Home Calculadora -->
929<!--<section class="block bg-2e-doubledarkblue text-2e-white px-8 pt-14 pb-14 lg:px-0" >-->
930<section class="block text-2e-white px-8 pt-14 pb-14 lg:px-0">
931    <div class="lg:max-w-[1200px] lg:mx-auto">
932        <h2 class="uppercase text-2xl lg:text-[42px] lg:mx-auto mb-7 lg:text-center lg:max-w-[1200px] lg:mb-12">Calculadora de Envíos</h2>
933        <p class="text-sm mb-4 lg:text-center lg:text-2xl lg:w-[800px] lg:mx-auto lg:mb-10 lg:max-w-[1200px]">¿Cuánto cuestan los envíos desde Estados Unidos a Chile? Averígualo con nuestra calculadora 2EBOX.</p>
934        <div class="w-[100%] flex flex-col rounded-[20px] bg-blue-bottom-top py-8 px-4 border-l-[0.5px] border-t-[0.5px] border-2e-darkgrey border-opacity-10 lg:px-40">
935            <h3 class="text-center mb-6 lg:text-3xl">Calculadora 2EBOX</h3>
936            <!-- Main form calculadora -->
937            <form id="calculadora_home" action="#" class="block mb-6 [&>*>label]:font-Russo [&>*>*>label]:font-Russo lg:max-w-[800px] lg:mx-auto lg:[&>*>label]:text-xl lg:[&>*>*>label]:text-xl lg:[&>*>input]:text-xl [&>*>*>select]:text-xl lg:[&>*>*>*>select]:text-xl lg:[&>*>*>*>input]:text-xl lg:[&>*>*>input]:text-xl lg:[&>*>*>input]:text-xl">
938                <section>
939                    <label class="block text-2e-darkgrey text-base mb-2" for="tipo_select">Selecciona tipo de importación</label>
940                    <div class="w-full relative">
941                        <select name="tipo_select" id="tipo_select" type="text"
942                                class="w-full top-0 right-0 bg-2e-lightred rounded-xl py-3 text-2e-white focus:placeholder-transparent text-left font-Russo text-sm">
943                            <option value="persona">Persona</option>
944                            <option value="empresa">Empresa</option>
945                        </select>
946                    </div>
947                </section>
948                <section>
949                    <label class="block text-2e-darkgrey text-base mb-2" for="calculadora_usd">Valor del producto en USD</label>
950                    <div class="w-full relative">
951                        <input class="block mb-4 w-[95%] bg-2e-lightred rounded-xl px-3 py-3 font-Russo text-sm text-2e-white placeholder-2e-white lg:w-[98%]" type="number" name="value_usd" id="calculadora_usd" placeholder="0 USD" step="0.01">
952                        <img loading="lazy" class="absolute right-0 -top-4 lg:-top-3" width="64" height="68" src="https://2eboxcasilla.com/view/main2//inc/img/ico-box.svg" alt="icono caja de importación">
953                    </div>
954                </section>
955                <section class="grid grid-cols-2 gap-x-2">
956                    <div>
957                        <label class="block text-2e-darkgrey text-base mb-2" for="">Peso producto</label>
958                        <div class="w-full relative">
959                            <input type="number" name="peso" id="" placeholder="0" step="0.01" min="0"
960                                   class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
961                            >
962                            <select type="text" name="peso_unidad"
963                                    class="absolute top-0 right-0 bg-2e-lightred rounded-xl py-3 focus:placeholder-transparent text-right font-Russo text-sm"
964                            >
965                                <option class="px-3 text-center" value="kg">KG</option>
966                                <option class="px-3 text-center" value="lb">Lbs</option>
967                            </select>
968                        </div>
969                    </div>
970                    <div>
971                        <label class="block text-2e-darkgrey text-base mb-2" for="">Tipo de carga</label>
972                        <select type="text" name="tipo_carga"
973                                class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
974                        >
975                            <option value="" disabled selected>Seleccione</option>
976                                                            <option value="1">Carga general</option>
977                                                            <option value="2">Libros</option>
978                                                            <option value="3">Computadores y Partes</option>
979                                                            <option value="4">TLC-USA</option>
980                                                            <option value="5">Usado y reacondicionado</option>
981                                                            <option value="6">Productos Suntuarios</option>
982                                                    </select>
983                    </div>
984                </section>
985                <section class="grid grid-cols-2 gap-x-2">
986                    <div class="w-full relative">
987                        <label class="block text-2e-darkgrey text-base mb-2" for="">Región</label>
988                        <select type="text" name="region"
989                                class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
990                        >
991                            <option value="" disabled selected>Seleccione</option>
992                                                            <option value="15">ARICA Y PARINACOTA</option>
993                                                            <option value="1">TARAPACA</option>
994                                                            <option value="2">ANTOFAGASTA</option>
995                                                            <option value="3">ATACAMA</option>
996                                                            <option value="4">COQUIMBO</option>
997                                                            <option value="5">VALPARAISO</option>
998                                                            <option value="10">METROPOLITANA DE SANTIAGO</option>
999                                                            <option value="6">LIBERTADOR GRAL BERNARDO O HIGGINS</option>
1000                                                            <option value="7">MAULE</option>
1001                                                            <option value="16">NUBLE</option>
1002                                                            <option value="8">BIOBIO</option>
1003                                                            <option value="9">ARAUCANIA</option>
1004                                                            <option value="14">LOS RIOS</option>
1005                                                            <option value="11">LOS LAGOS</option>
1006                                                            <option value="12">AISEN DEL GRAL C IBANEZ DEL CAMPO</option>
1007                                                            <option value="13">MAGALLANES Y LA ANTARTICA CHILENA</option>
1008                                                    </select>
1009                    </div>
1010                    <div>
1011                        <label class="block text-2e-darkgrey text-base mb-2" for="">Comuna</label>
1012                        <select type="text" name="comuna"
1013                                class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
1014                        >
1015                            <option value="" disabled selected>Seleccione</option>
1016                        </select>
1017                    </div>
1018                </section>
1019                <section class="grid grid-cols-3 gap-x-2 mb-4">
1020                    <div>
1021                        <label class="block text-2e-darkgrey text-base mb-2" for="">Alto</label>
1022                        <div class="w-full relative">
1023                            <input type="number" name="alto" id="" placeholder="0" step="0.01" min="0"
1024                                   class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
1025                            >
1026                            <select type="text" name="medida_unidad"
1027                                    class="absolute text-right top-0 right-0 w-min bg-2e-lightred bg-opacity-50 rounded-xl py-3 focus:placeholder-transparent font-Russo text-sm"
1028                            >
1029                                <option class="bg-2e-lightred" value="cm" selected>CM</option>
1030                                <option class="bg-2e-lightred" value="pl">IN</option>
1031                            </select>
1032                        </div>
1033                    </div>
1034                    <div>
1035                        <label class="block text-2e-darkgrey text-base mb-2" for="">Ancho</label>
1036                        <div class="w-full relative">
1037                            <input type="number" name="ancho" id="" placeholder="0" step="0.01" min="0"
1038                                   class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
1039                            >
1040                            <select type="text" name="medida_unidad1"
1041                                    class="absolute text-right top-0 right-0 bg-2e-lightred bg-opacity-50 rounded-xl py-3 focus:placeholder-transparent font-Russo text-sm"
1042                            >
1043                                <option class="bg-2e-lightred" value="cm">CM</option>
1044                                <option class="bg-2e-lightred" value="pl">IN</option>
1045                            </select>
1046                        </div>
1047                    </div>
1048                    <div>
1049                        <label class="block text-2e-darkgrey text-base mb-2" for="">Largo</label>
1050                        <div class="w-full relative">
1051                            <input type="number" name="largo" id="" placeholder="0" step="0.01" min="0"
1052                                   class="block mb-4 w-full bg-2e-lightred rounded-xl px-3 py-3 text-2e-white placeholder-2e-white font-Russo text-sm"
1053                            >
1054                            <select type="text" name="medida_unidad2"
1055                                    class="absolute text-right top-0 right-0 bg-2e-lightred bg-opacity-50 rounded-xl py-3 focus:placeholder-transparent font-Russo text-sm"
1056                            >
1057                                <option class="bg-2e-lightred" value="cm">CM</option>
1058                                <option class="bg-2e-lightred" value="pl">IN</option>
1059                            </select>
1060                        </div>
1061                    </div>
1062                </section>
1063                <button type="submit"
1064                class="block mx-auto rounded-2xl py-3 px-12 bg-2e-lightred text-2e-white text-lg font-Russo uppercase transition duration-300 ease-in hover:bg-2e-blue hover:-translate-y-1 lg:text-xl"
1065                >
1066                Calcular</button>
1067            </form>
1068            <!--Box resultado precios-->
1069             <div class="flex flex-row justify-between mb-8 font-Russo lg:px-28">
1070                <div class="relative pl-3 py-1 border-l-[5px] rounded border-2e-blue lg:pl-8">
1071                    <span class="block text-sm text-2e-white mb-2 lg:text-base">Precio en CLP</span>
1072                    <span class="block text-left text-2xl lg:text-3xl" id="total_clp">$ 0</span>
1073                    <figure class="h-full w-full absolute top-0 -left-1 bg-blue-left-right blur-[2px]"></figure>
1074                </div>
1075                <div class="relative pr-3 py-1 text-right border-r-[5px] rounded border-2e-red lg:pr-8">
1076                    <span class="block text-sm text-2e-white mb-2 lg:text-base">Precio en USD</span>
1077                    <span class="block text-right text-2xl lg:text-3xl" id="total_usd">$ 0</span>
1078                    <figure class="h-full w-full absolute top-0 -right-1 bg-red-right-left blur-[2px]"></figure>
1079                </div>
1080            </div>
1081            <!--Box resultado millas LATAM Pass-->
1082            <div class="flex flex-row justify-center gap-3 text-sm font-Russo mb-8 lg:text-lg lg:px-28">
1083                <img loading="lazy" class="my-auto" width="27" height="27" src="https://2eboxcasilla.com/view/main2//inc/img/ico-avion.svg" alt="icono avión que representa millas LATAM Pass">
1084                <span class="block my-auto align-middle text-2e-blue">Millas LATAM Pass</span>
1085                <span class="block my-auto align-middle text-2e-grey" id="total_millas">- millas</span>
1086            </div>
1087            <!--Ver desglose-->
1088            <span class="block text-center text-2e-lightblue underline underline-offset-[0.25rem]">
1089                <button onclick="calculadoraDesglose()">Ver desglose</button>
1090            </span>
1091            <!--Inicio Desglose de calculadora-->
1092            <div
1093                id="desglose"
1094                class="mt-5 flex-col lg:px-28
1095                [&>table]:mb-5 [&_table]:text-base
1096                [&>th]:border-solid [&>th]:border-[1px] [&>th]:border-2e-white
1097                [&_table_th]:text-left [&_table_th]:px-4 [&_table_th]:py-2 [&_table_th]:font-Russo
1098                last:[&_table_th]:text-right
1099                [&_table_td]:px-4 [&_td]:py-2
1100                even:[&_table_td]:font-Russo even:[&_table_td]:text-right
1101                [&_table_tr]:border-b-[1px] [&_table_tr]:border-solid [&_table_tr]:border-2e-doubledarkblue
1102                first:[&_table_tr]:border-2e-white  first:[&_table_tr]:border-b-[1px]
1103                last:[&_table_tr]:border-b-2e-white last:[&_table_tr]:rounded-2xl last:[&_table_tr]:border-b-[0]
1104                "
1105                style="display: none;"
1106                >
1107                <table class="desglose-uno bg-2e-darkblue rounded-t-2xl">
1108                    <tr class="w-full bg-2e-darkblue rounded-t-2xl">
1109                        <th class="rounded-t-2xl text-white">Detalle</th>
1110                        <th class="rounded-t-2xl"></th>
1111                    </tr>
1112                    <tr class="bg-2e-lightblue text-2e-doubledarkblue">
1113                        <td>Transporte Internacional</td>
1114                        <td id="desglose-internacional">$ 0</td>
1115                    </tr>
1116                    <tr class="bg-2e-lightblue text-2e-doubledarkblue">
1117                        <td>Servicio logístico</td>
1118                        <td id="desglose-logistico">$ 0</td>
1119                    </tr>
1120                    <tr class="bg-2e-lightblue text-2e-doubledarkblue">
1121                        <td>Impuestos Chile</td>
1122                        <td id="desglose-impuestos">$ 0</td>
1123                    </tr>
1124                    <tr class="bg-2e-lightblue text-2e-doubledarkblue">
1125                        <td>Agente Aduana</td>
1126                        <td id="desglose-agente">$ 0</td>
1127                    </tr>
1128                    <tr class="bg-2e-lightblue text-2e-doubledarkblue rounded-b-2xl">
1129                        <td class="rounded-bl-2xl">Transporte Nacional</td>
1130                        <td class="rounded-br-2xl" id="desglose-nacional">$ 0</td>
1131                    </tr>
1132                </table>
1133                <table class="desglose-dos bg-2e-red rounded-t-2xl rounded-b-2xl">
1134                    <tr class="bg-2e-red w-full rounded-t-2xl">
1135                        <th class="rounded-t-2xl">Total (hasta tu casa)</th>
1136                        <th class="rounded-t-2xl" id="desglose-total">$ 0</th>
1137                    </tr>
1138                    <tr class="bg-2e-lightblue text-2e-doubledarkblue rounded-b-2xl">
1139                        <td class="rounded-bl-2xl">Millas LATAM Pass</td>
1140                        <td class="rounded-br-2xl" id="desglose-millas">$ 0</td>
1141                    </tr>
1142                </table>
1143            </div>
1144            <!--Fin Desglose de calculadora-->
1145        </div>
1146    </div>
1147</section>
1148<script defer>
1149    let selectRegion = document.querySelector("#calculadora_home select[name=region]");
1150    let selectComuna = document.querySelector("#calculadora_home select[name=comuna]");
1151    let inputMedida1 = document.querySelector("#calculadora_home select[name=medida_unidad]");
1152    let inputMedida2 = document.querySelector("#calculadora_home select[name=medida_unidad1]");
1153    let inputMedida3 = document.querySelector("#calculadora_home select[name=medida_unidad2]");
1154
1155    function fillComuna(data) {
1156        selectComuna.innerHTML = "";
1157        selectComuna.innerHTML += "<option value='' selected disabled>-- Seleccione --</option>";
1158        data.forEach(function (item) {
1159            selectComuna.innerHTML += "<option value='" + item.id + "'>" + item.nombre + "</option>";
1160        });
1161    }
1162
1163    selectRegion.addEventListener('change', function() {
1164
1165        if (this.value === "") {
1166            fillComuna([]);
1167            return;
1168        }
1169        let formData= new FormData();
1170        formData.set("idRegion",this.value);
1171
1172        fetch("https://2eboxcasilla.com/carro/getComunas", {
1173            method: "POST",
1174            // headers: {
1175            //     "Content-Type": "application/json"
1176            // },
1177            body: formData
1178        })
1179            .then(function(response) {
1180                return response.json();
1181            })
1182            .then(function(data) {
1183                if (data.status === "OK") {
1184                    fillComuna(data.comunas);
1185                }
1186            })
1187            .finally(function() {
1188
1189            });
1190    });
1191    selectRegion.dispatchEvent(new Event('change'));
1192
1193    let formCalc = document.querySelector("#calculadora_home");
1194    formCalc.addEventListener('submit', function(event) {
1195
1196        event.preventDefault();
1197        event.stopPropagation();
1198
1199        var formData = new FormData(formCalc);
1200        formData.append("newDesign",1);
1201        console.log(formData);
1202        fetch("https://2eboxcasilla.com/cotizador/do", {
1203            method: "POST",
1204            body: formData
1205        })
1206            .then(function(response) {
1207                return response.json();
1208            })
1209            .then(function(data) {
1210                if (data.status === "OK") {
1211                    opTrack('quote_calculated', {
1212                        tipo_importacion: formData.get('tipo_select') || null,
1213                        tipo_carga: formData.get('tipo_carga') || null,
1214                        value_usd: parseFloat(formData.get('value_usd')) || 0,
1215                        peso: parseFloat(formData.get('peso')) || 0,
1216                        peso_unidad: formData.get('peso_unidad') || null,
1217                        region: formData.get('region') || null,
1218                        comuna: formData.get('comuna') || null,
1219                        total_clp: data.CLP || 0,
1220                        total_usd: data.USD || 0,
1221                        millas: data.puntos || 0
1222                    });
1223
1224                    document.querySelector("#total_clp").innerHTML = "$ " + number_format(data.CLP??0,0,",",".");
1225                    document.querySelector("#total_usd").innerHTML = "$ " + number_format(data.USD??0,2,",",".");
1226                    document.querySelector("#total_millas").innerHTML = number_format(data.puntos??0,0,",",".") + " millas";
1227                    document.querySelector("#desglose-internacional").innerHTML ="$ " + number_format(data.P.TransporteCosto??0,0,",",".");
1228                    document.querySelector("#desglose-logistico").innerHTML ="$ " + number_format((data.P.TarifaClp-data.P.TransporteCosto+(data.P.HandlingFee||0))??0,0,",",".");
1229                    document.querySelector("#desglose-impuestos").innerHTML ="$ " + number_format(data.P.Aduana+data.P.IVA+data.P.ImpuestoCIF??0,0,",",".");
1230                    document.querySelector("#desglose-agente").innerHTML ="$ " + number_format(data.P.Agente??0,0,",",".");
1231                    document.querySelector("#desglose-nacional").innerHTML ="$ " + number_format(data.envioNacional??0,0,",",".");
1232                    document.querySelector("#desglose-total").innerHTML ="$ " + number_format(data.CLP??0,0,",",".");
1233                    document.querySelector("#desglose-millas").innerHTML =number_format(data.puntos??0,0,",",".") + " millas";
1234                    return;
1235                } else {
1236                    console.log(data.errores);
1237                    return;
1238                }
1239            })
1240            .finally(function() {
1241            });
1242
1243        return false;
1244    });
1245
1246    function number_format (number, decimals, dec_point, thousands_sep) {
1247        // Strip all characters but numerical ones.
1248        number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
1249        var n = !isFinite(+number) ? 0 : +number,
1250            prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
1251            sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
1252            dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
1253            s = '',
1254            toFixedFix = function (n, prec) {
1255                var k = Math.pow(10, prec);
1256                return '' + Math.round(n * k) / k;
1257            };
1258        // Fix for IE parseFloat(0.55).toFixed(0) = 0;
1259        s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
1260        if (s[0].length > 3) {
1261            s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
1262        }
1263        if ((s[1] || '').length < prec) {
1264            s[1] = s[1] || '';
1265            s[1] += new Array(prec - s[1].length + 1).join('0');
1266        }
1267        return s.join(dec);
1268    }
1269
1270    inputMedida1.addEventListener('change', onChangeMedida);
1271    inputMedida2.addEventListener('change', onChangeMedida);
1272    inputMedida3.addEventListener('change', onChangeMedida);
1273
1274    function onChangeMedida(event){
1275        changeMedida(this.value);
1276    }
1277
1278    function changeMedida(medida){
1279        inputMedida1.value=medida;
1280        inputMedida2.value=medida;
1281        inputMedida3.value=medida;
1282    }
1283</script>
1283
1284
1285
1286<script>
1287function calculadoraDesglose() {
1288  var desgloseDiv = document.getElementById('desglose');
1289  if (desgloseDiv.style.display === 'none') {
1290    desgloseDiv.style.display = 'flex';
1291  } else {
1292    desgloseDiv.style.display = 'none'; // Si quieres que sea un toggle y oculte el div de nuevo
1293  }
1294}  
1295</script>
1295
1296<!-- Fin / Bloque A004 / Home Calculadora -->
1297    <!-- Inicio / Bloque A005 / Home Mejores Tiendas -->
1298<section class="block bg-2e-doubledarkblue text-2e-white px-8 pt-14 pb-14 lg:px-28">
1299    <h2 class="uppercase text-2xl lg:text-[42px] lg:mx-auto mb-7 lg:text-center lg:max-w-[1200px] lg:mb-12 lg:leading-[3rem]">
1300        Las mejores tiendas de <span class="text-2e-red">USA</span> <br>están en <span class="text-white">2ebox</span>
1301    </h2>
1302    <p class="text-sm mb-4 lg:text-center lg:text-2xl lg:w-[800px] lg:mx-auto lg:mb-10 lg:max-w-[1200px]">
1303        Revisa las mejores tiendas de Estados Unidos donde podrás comprar por internet y traerlas con 2EBOX.
1304    </p>
1305    <ul class="flex flex-col gap-3 mb-8 lg:grid lg:grid-cols-2 lg:max-w-[1200px] lg:mx-auto lg:[&>li>a>div>h3]:text-2xl lg:[&>li>a>div>p]:text-lg">
1306                        <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-1 lg:col-end-2 lg:col-start-1">
1307            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1308                <div>
1309                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Autos y Repuestos</p></h3>
1310                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre todo lo que necesitas para tu veh&iacute;culo en las<br />mejores tiendas de USA.</p></p>
1311                </div>
1312                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_autos_y_repuestos.svg" alt="ícono auto o vehículos">
1313            </a>
1314        </li>
1315                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-1 lg:col-end-3 lg:col-start-2">
1316            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1317                <div>
1318                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Equipos electr&oacute;nicos</p></h3>
1319                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre los mejores productos electr&oacute;nicos en las tiendas de USA</p></p>
1320                </div>
1321                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_equipos_electronicos.svg" alt="ícono auto o vehículos">
1322            </a>
1323        </li>
1324                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-2 lg:col-end-2 lg:col-start-1">
1325            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1326                <div>
1327                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Ropa Mujer</p></h3>
1328                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores tiendas de ropa de mujer en USA</p></p>
1329                </div>
1330                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_mujer.svg" alt="ícono auto o vehículos">
1331            </a>
1332        </li>
1333                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-2 lg:col-end-3 lg:col-start-2">
1334            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1335                <div>
1336                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Ropa Hombre</p></h3>
1337                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores tiendas de ropa de hombre en USA</p></p>
1338                </div>
1339                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_hombre.svg" alt="ícono auto o vehículos">
1340            </a>
1341        </li>
1342                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-3 lg:col-end-2 lg:col-start-1">
1343            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1344                <div>
1345                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Deporte</p></h3>
1346                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores tiendas de deporte en USA</p></p>
1347                </div>
1348                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_deporte.svg" alt="ícono auto o vehículos">
1349            </a>
1350        </li>
1351                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-3 lg:col-end-3 lg:col-start-2">
1352            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1353                <div>
1354                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Beb&eacute;</p></h3>
1355                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores tiendas de beb&eacute; en USA</p></p>
1356                </div>
1357                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_bebes.svg" alt="ícono auto o vehículos">
1358            </a>
1359        </li>
1360                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-4 lg:col-end-2 lg:col-start-1">
1361            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1362                <div>
1363                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Multitiendas</p></h3>
1364                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores multitiendas en USA</p></p>
1365                </div>
1366                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_multitiendas.svg" alt="ícono auto o vehículos">
1367            </a>
1368        </li>
1369                            <li class="group bg-2e-darkblue text-white bg-opacity-90 rounded-3xl transition duration-300 ease-in hover:bg-2e-lightred hover:shadow-2e-red-glow   lg:row-start-4 lg:col-end-3 lg:col-start-2">
1370            <a class="flex flex-row justify-between py-4 px-6" href="https://2eboxcasilla.com/tiendas">
1371                <div>
1372                    <h3 class="text-lg transition duration-300 ease-in group-hover:text-2e-white"><p>Juguetes</p></h3>
1373                    <p class="w-[90%] text-xs transition duration-300 ease-in group-hover:text-2e-white"><p>Descubre las mejores tiendas de juguetes en USA</p></p>
1374                </div>
1375                <img loading="lazy" width="51" height="34" class="h-[55px] my-auto" src="https://2eboxcasilla.com/files/media/2023/08/icon_jugueteria.svg" alt="ícono auto o vehículos">
1376            </a>
1377        </li>
1378                        </ul>
1379    <span class="block mx-auto text-center hover:-translate-y-1 transition duration-300 ease-in">
1380        <a href="https://2eboxcasilla.com/tiendas/"
1381        class="rounded-2xl py-3 px-12 bg-2e-red text-2e-white text-lg font-Russo uppercase transition duration-300 ease-in hover:bg-2e-blue lg:text-xl"
1382        >
1383        Ver Más
1384        </a>
1385    </span>
1386</section>
1387<!-- Fin / Bloque A005 / Home Mejores Tiendas -->    <!-- Inicio / Bloque A006 / Home Retail.cl -->
1388<section class="block bg-2e-doubledarkblue text-2e-white px-8 pt-14 pb-14 lg:px-28">
1389<h2 class="uppercase text-2xl lg:text-[42px] lg:mx-auto mb-7 lg:text-center lg:max-w-[1200px] lg:mb-12 lg:leading-[3rem]">
1390        Visita nuestra nueva <br>tienda online <span class="text-2e-blue">Retail.cl</span>
1391    </h2>
1392    <p class="text-sm mb-4 lg:text-center lg:text-2xl lg:w-[800px] lg:mx-auto lg:mb-10 lg:max-w-[1200px]">
1393        Compra en USA y recibe en la puerta de tu casa con <a href="https://www.retail.cl/">Retail.cl</a>.
1394    </p>
1395    <!--Contenedor de Grid-->
1396    <div class="grid grid-cols-1 gap-3 lg:grid-cols-2 lg:max-w-[1200px] lg:mx-auto">
1397        <!--Bloque destacado grilla-->
1398        <div class="block w-full relative bg-2e-blue rounded-3xl">
1399            <a class="z-20 w-full h-full rounded-3xl" href="https://www.retail.cl/">
1400                <figure class="absolute top-0 left-0 w-full h-full z-0">
1401                    <div class="relative w-full h-full z-0">
1402                        <img class="absolute top-[10%] right-[5%] w-[40%] z-0 lg:w-[30%]" width="254" height="106" loading="lazy" src="https://2eboxcasilla.com/view/main2//inc/img/retail-oculus-electronica.png" alt="Oculus y electrónica en Retail.cl">
1403                        <img class="absolute bottom-[5%] right-[5%] z-0 lg:w-[15%]" loading="lazy" width="64" height="68" src="https://2eboxcasilla.com/view/main2//inc/img/ico-box.svg" alt="Ícono caja que representa importación">
1404                    </div>
1405                </figure>
1406                <div class="px-8 pt-12 pb-16 z-20 rounded-3xl bg-black-bottom-top h-full lg:flex lg:flex-col lg:justify-between">
1407                    <img class="z-30 block mb-10 lg:w-[35%]" width="109" height="27" loading="lazy" src="https://2eboxcasilla.com/view/main2//inc/img/logo-retail.svg" alt="Logo Retail.cl">
1408                    <p class="z-30 block w-[90%] lg:w-[60%] lg:pb-10 lg:text-2xl">En <a href="https://www.retail.cl/">Retail.cl</a> podrás encontrar los productos más innovadores en tendencia, al mejor precio.</p>
1409                </div>
1410            </a>
1411        </div>
1412        <!--Bloque con carrusel-->
1413        <div id="carouselRetail" class="block w-full relative">
1414            <button id="arrow-left-carouselRetail" class="arrow-left block lg:hidden absolute top-[45%] -left-6 cursor-pointer">
1415                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-left.svg" alt="Flecha dirección izquierda para carrusel">
1416            </button>
1417            <button id="arrow-right-carouselRetail" class="arrow-right block lg:hidden absolute top-[45%] -right-6 cursor-pointer">
1418                <img loading="lazy" width="15" height="28" src="https://2eboxcasilla.com/view/main2//inc/img/arrow-right.svg" alt="Flecha dirección derecha para carrusel">
1419            </button>
1420            <ul class="carouselRetail w-full overflow-x-scroll snap-x gap-3 flex flex-nowrap rounded-[20px] scroll-smooth cursor-pointer lg:grid lg:grid-cols-2 lg:overflow-x-hidden scrollbar-hide font-Russo lg:[&>li>a>figure>span]:text-xl lg:[&>li>a>figure>h3]:text-xl">
1421                                                <li class="relative slide w-[47%] lg:w-full snap-start h-48 rounded-3xl bg-center bg-cover bg-no-repeat cursor-pointer transition duration-300 ease-in hover:-translate-y-1"
1422                    style="background-image: url('https://2eboxcasilla.com/files/media/2023/08/seccion_electronicos.png');"
1423                >
1424                    <a href="https://www.retail.cl/collections/electronicos"
1425                    class="block w-full h-full rounded-3xl"
1426                    >
1427                        <figure class="flex flex-col justify-end w-full h-full rounded-3xl bg-blue-dos-bottom-top px-4 py-6 transition duration-300 ease-in hover:bg-red-bottom-top">
1428                            <span class="text-sm"><p>Categor&iacute;a <span style="color: #05f2f2;">Electr&oacute;nicos</span></p></span>
1429                            <h3 class="text-xl"></h3>
1430                        </figure>
1431                    </a>
1432                </li>
1433                                                    <li class="relative slide w-[47%] lg:w-full snap-start h-48 rounded-3xl bg-center bg-cover bg-no-repeat cursor-pointer transition duration-300 ease-in hover:-translate-y-1"
1434                    style="background-image: url('https://2eboxcasilla.com/files/media/2023/08/seccion_camarasdeseguridad_retail.png');"
1435                >
1436                    <a href="https://www.retail.cl/collections/hogar"
1437                    class="block w-full h-full rounded-3xl"
1438                    >
1439                        <figure class="flex flex-col justify-end w-full h-full rounded-3xl bg-blue-dos-bottom-top px-4 py-6 transition duration-300 ease-in hover:bg-red-bottom-top">
1440                            <span class="text-sm"><p>Categor&iacute;a <span style="color: #05f2f2;">Hogar</span></p></span>
1441                            <h3 class="text-xl"></h3>
1442                        </figure>
1443                    </a>
1444                </li>
1445                                                    <li class="relative slide w-[47%] lg:w-full snap-start h-48 rounded-3xl bg-center bg-cover bg-no-repeat cursor-pointer transition duration-300 ease-in hover:-translate-y-1"
1446                    style="background-image: url('https://2eboxcasilla.com/files/media/2023/08/seccion_deporte_retail.png');"
1447                >
1448                    <a href="https://www.retail.cl/collections/deporte"
1449                    class="block w-full h-full rounded-3xl"
1450                    >
1451                        <figure class="flex flex-col justify-end w-full h-full rounded-3xl bg-blue-dos-bottom-top px-4 py-6 transition duration-300 ease-in hover:bg-red-bottom-top">
1452                            <span class="text-sm"><p>Categor&iacute;a <span style="color: #05f2f2;">Deporte</span></p></span>
1453                            <h3 class="text-xl"></h3>
1454                        </figure>
1455                    </a>
1456                </li>
1457                                                    <li class="relative slide w-[47%] lg:w-full snap-start h-48 rounded-3xl bg-center bg-cover bg-no-repeat cursor-pointer transition duration-300 ease-in hover:-translate-y-1"
1458                    style="background-image: url('https://2eboxcasilla.com/files/media/2023/08/seccion_bebe_retail.png');"
1459                >
1460                    <a href="https://www.retail.cl/collections/bebe"
1461                    class="block w-full h-full rounded-3xl"
1462                    >
1463                        <figure class="flex flex-col justify-end w-full h-full rounded-3xl bg-blue-dos-bottom-top px-4 py-6 transition duration-300 ease-in hover:bg-red-bottom-top">
1464                            <span class="text-sm"><p>Categor&iacute;a <span style="color: #05f2f2;">Beb&eacute;</span></p></span>
1465                            <h3 class="text-xl"></h3>
1466                        </figure>
1467                    </a>
1468                </li>
1469                                                </ul>
1470        </div>
1471    </div>
1472</section>
1473
1474<!-- Inicio / Script para que funcione el carrusel Retail.cl -->
1475<script defer>
1476// Configuramos la cantidad de desplazamiento en una variable.
1477const scrollAmountRetail = 100;
1478
1479// Creamos la función de desplazamiento.
1480const scrollCarouselRetail = direction => () => {
1481    document.querySelector('.carouselRetail').scrollBy({
1482        top: 0,
1483        left: direction * scrollAmountRetail,
1484        behavior: 'smooth'
1485    });
1486};
1487
1488// Asignamos los manejadores de eventos de clic de manera generalizada
1489['arrow-right-carouselRetail', 'arrow-left-carouselRetail'].forEach((id, i) => {
1490    document.getElementById(id).addEventListener('click', scrollCarouselRetail(Math.pow(-1, i)));
1491});
1492</script>
1492
1493<!-- Fin / Script para que funcione el carrusel Retail.cl-->
1494
1495<!-- Fin / Bloque A006 / Home Retail.cl --></main>
1496    <div id="g_id_onload"
1497         data-client_id="72888849920-aabqpijim4v3go15jfr8644bsmm7f3r4.apps.googleusercontent.com"
1498         data-login_uri="https://2eboxcasilla.com/oauth/google"
1499         data-auto_prompt="true">
1500    </div>
1501    
1501<script src="https://accounts.google.com/gsi/client" async defer></script>
1501
1502<!-- Inicio / Footer -->
1503<footer class="block w-full px-8 pt-14 pb-40 bg-2e-doubledarkblue text-2e-white lg:pb-14 lg:px-28">
1504    <!--Container para links-->
1505    <div class="block w-full pt-0 pb-4 px-4 font-Russo uppercase lg:px-0
1506    [&>div>div]:mb-4
1507    [&>div>div>span]:block [&>div>div>span]:cursor-pointer [&>div>div>span]:w-full [&>div>div>span]:overflow-hidden [&>div>div>span]:text-xl [&>div>div>span]:pb-1 [&>div>div>span]:border-b-[3px] [&>div>div>span]:border-b-2e-white [&>div>div>span>a]:block [&>div>div>span>a]:pr-8
1508    [&>div>div>ul]:pl-4 [&>div>div>ul>li]:pr-8 [&>div>div>ul>li]:ml-6 [&>div>div>ul>li]:text-sm [&>div>div>ul>li]:mb-4 [&>div>div>ul>li]:list-outside [&>div>div>ul>li]:list-image-checkmark [&>div>div>ul>li>a]:block [&>div>div>ul>li>a]:-translate-y-1 lg:[&>div>div>ul>li]:text-2e-blue">
1509        <div class="flex flex-col w-full lg:grid lg:grid-cols-3 lg:gap-10 lg:mb-14 lg:max-w-[1200px] lg:mx-auto">
1510            <div class="accordion-item group w-full">
1511                <span class="accordion-header">Cómo funciona</span>
1512                <ul class="accordion-content overflow-hidden">
1513                    <li>
1514                        <a href="https://2eboxcasilla.com/guias/importar-usa-chile">Compra en USA en 3 pasos</a>
1515                    </li>
1516                    <li>
1517                        <a href="https://2eboxcasilla.com/faq">Preguntas frecuentes</a>
1518                    </li>
1519                </ul>
1520            </div>
1521            <div class="accordion-item group w-full">
1522                <span class="accordion-header">Tarifas</span>
1523                <ul class="accordion-content overflow-hidden">
1524                    <li>
1525                        <a href="https://2eboxcasilla.com/pagina/10/informaci-n-servicio-casilla-miami-2ebox">Información de Chile</a>
1526                    </li>
1527                    <li>
1528                        <a href="https://2eboxcasilla.com/cotizador">Calculadora</a>
1529                    </li>
1530                </ul>
1531            </div>
1532            <div class="accordion-item group w-full">
1533                <span class="accordion-header">Encargos</span>
1534                <ul class="accordion-content overflow-hidden">
1535                    <li>
1536                        <a <a href="https://2eboxcasilla.com/guias/importar-usa-chile">Como funciona</a>
1537                    </li>
1538                    <li>
1539                        <a href="aHR0cHM6Ly8yZWJveGNhc2lsbGEuY29tL3VzdWFyaW8vcHJlYWxlcnRh">Solicita tu encargo</a>
1540                    </li>
1541                    <li>
1542                        <a href="aHR0cHM6Ly8yZWJveGNhc2lsbGEuY29tL3VzdWFyaW8vb3JkZW5lcw==">Consulta estado de tu encargo</a>
1543                    </li>
1544                    <li>
1545                        <a href="aHR0cHM6Ly8yZWJveGNhc2lsbGEuY29tL2ZhcQ==">Preguntas frecuentes</a>
1546                    </li>
1547                </ul>
1548            </div>
1549            <div class="accordion-item group w-full">
1550                <span class="accordion-header">Links 2EBOX</span>
1551                <ul class="accordion-content overflow-hidden">
1552                    <li><a href="https://2eboxcasilla.com/pagina/3/empresa-de-servicio-casilla-usa">Quiénes somos</a></li>
1553                    <li><a href="https://2eboxcasilla.com/usuario/registro">Regístrate</a></li>
1554                    <li><a href="https://2eboxcasilla.com/contacto">Contáctanos</a></li>
1555                    <li><a href="https://2eboxcasilla.com/usuario/cuenta">Mi cuenta</a></li>
1556                    <li><a href="https://2eboxcasilla.com/pagina/5/terminos-y-condiciones-servicio-casillas">Términos y condiciones 2ebox</a></li>
1557                    <li><a href="https://2eboxcasilla.com/pagina/12/terminos-y-condiciones-tienda-retail-cl">Términos y condiciones Retail.cl</a></li>
1558                    <li><a href="https://2eboxcasilla.com/pagina/15/terminos-y-condiciones-programa-referidos-de-2ebox">Términos y condiciones Programa de Referidos</a></li>
1559                    <li><a href="https://2eboxcasilla.com/pagina/4/politicas-de-privacidad-servicio-de-casillas-usa">Política de privacidad</a></li>
1560                </ul>
1561            </div>
1562        </div>
1563    </div>
1564
1565    <!--Container Direcciones-->
1566    <div class="flex flex-col gap-4 py-4 lg:grid lg:grid-cols-2 lg:gap-10 lg:max-w-[1200px] lg:mx-auto">
1567        <!-- Box USA -->
1568        <div class="flex flex-col w-full py-4 px-8 border border-2e-grey rounded-3xl">
1569            <!-- Cabecera box -->
1570            <div class="flex flex-row gap-4 mb-4">
1571                <img loading="lazy" class="block w-[30px] h-[30px]" width="30" height="30" src="https://2eboxcasilla.com/view/main2//inc/img/ico-flag-usa.png" alt="Icono bandera USA">
1572                <h2 class="my-auto text-xl">Información de <span class="text-2e-blue">USA</span></h2>
1573            </div>
1574            <!-- Info box -->
1575            <div class="text-sm">
1576                <p><span class="text-2e-blue">Address Line 1: </span>1466 NW 78 AVE</p>
1577                <p><span class="text-2e-blue">Address Line 2: </span>Suite (insertar ecode personal)</p>
1578                <p><span class="text-2e-blue">City / Ciudad: </span>Doral</p>
1579                <p><span class="text-2e-blue">State / Estado: </span>Florida</p>
1580                <p><span class="text-2e-blue">
1580Postal Code / Código postal: </span>33126</p>
1581                <p><span class="text-2e-blue">Country / País: </span>United States of America</p>
1582                <p><span class="text-2e-blue">Phone / Teléfono: </span>786-334-5523</p>
1583            </div>
1584        </div>
1585        <!-- Box Chile -->
1586        <div class="flex flex-col w-full py-4 px-8 border border-2e-grey rounded-3xl">
1587            <!-- Cabecera box -->
1588            <div class="flex flex-row gap-4 mb-4">
1589                <img loading="lazy" class="block w-[30px] h-[30px] " width="30" height="30" src="https://2eboxcasilla.com/view/main2//inc/img/ico-flag-chile.png" alt="Icono bandera Chile">
1590                <h2 class="my-auto text-xl">Información de <span class="text-2e-blue">Chile</span></h2>
1591            </div>
1592            <!-- Info box -->
1593            <div class="text-sm">
1594                <p><span class="text-2e-blue">Oficina: </span>Av. Los Jardines 976, Ciudad Empresarial, Huechuraba.</p>
1595                <p><span class="text-2e-blue">Horario de atención: </span></p>
1596                <p><span class="text-2e-blue">Lunes a Viernes</span> <br>09:00 a 18:00hrs</p>
1597            </div>
1598            <hr>
1599            <div class="text-sm">
1600                <p><span class="text-2e-blue">Centro Logístico: </span>Hermanos Carrera Pinto 95, Colina.</p>
1601                <p><span class="text-2e-blue">Horario de atención: </span></p>
1602                <p><span class="text-2e-blue">Lunes a Jueves</span> <br>9:00 a 18:00hrs</p>
1603                <p><span class="text-2e-blue">Viernes</span> <br>09:00 a 14:00hrs</p>
1604
1605            </div>
1606        </div>
1607    </div>
1608
1609    <!-- Logo Footer -->
1610    <div class="block w-full my-6">
1611        <a class="block" href="/"><img class="mx-auto" loading="lazy" width="144" height="34" src="https://2eboxcasilla.com/view/main2//inc/img/logo-2ebox-header.svg" alt="Logo 2ebox"></a>
1612    </div>
1613
1614    <!-- RRSS Footer -->
1615    <div class="w-full my-10">
1616        <ul class="flex flex-row gap-6 justify-center">
1617            <li><a href="https://www.instagram.com/2ebox/" title="instagram"><img loading="lazy" width="25" height="25" src="https://2eboxcasilla.com/view/main2//inc/img/ico-instagram.svg" alt="icono instagram"></a></li>
1618            <li><a href="https://www.facebook.com/2ebox/" title="facebook"><img loading="lazy" width="25" height="25" src="https://2eboxcasilla.com/view/main2//inc/img/ico-facebook.svg" alt="icono facebook"></a></li>
1619            <li><a href="https://twitter.com/2eboxChile/" title="twitter"><img loading="lazy" width="25" height="25" src="https://2eboxcasilla.com/view/main2//inc/img/ico-twitter.svg" alt="icono twitter"></a></li>
1620            <li><a href="https://www.linkedin.com/company/2ebox/" title="linkedin"><img loading="lazy" width="25" height="25" src="https://2eboxcasilla.com/view/main2//inc/img/ico-linkedin.svg" alt="icono linkedin"></a></li>
1621        </ul>
1622    </div>
1623
1624    <!-- Disclaimer Footer -->
1625    <div class="block mt-6">
1626        <span class="block text-sm text-2e-grey text-center font-Russo">© 2023 2EBOX. Todos los derechos reservados.</span>
1627    </div>
1628</footer>
1629<!-- Fin / Footer -->
1630
1631
1632<!-- Inicio / Bloques manejados por Barra navegación móvil #navMobile -->
1633<div id="content5" class="navMobileItem fixed top-0 w-[100%] pt-[20vh] px-12 bg-2e-red text-2e-white z-20">
1634    <div class="flex flex-col">
1635        <h2 class="z-30 text-3xl mb-8">Crea tu cuenta 2ebox gratis aquí</h2>
1636        <form action="https://2eboxcasilla.com/usuario/registro" class="mb-8">
1637            <input type="email" placeholder="Ingresa tu correo electrónico" name="email" class="block rounded-2xl w-[100%] bg-2e-red text-2e-white text-sm placeholder:text-2e-white p-4 mb-4 border border-2e-lightgrey">
1638
1639            <button type="submit"
1640                    class="bg-2e-black w-[100%] rounded-2xl flex flex-row justify-between text-2e-white py-4 px-5 text-base mb-4 ease duration-500 hover:bg-2e-darkblue hover:-translate-y-1"
1641            >
1642                <span class="font-Russo uppercase">Regístrate gratis aquí</span>
1643                <img loading="lazy" width="17" height="20" src="https://2eboxcasilla.com/view/main2//inc/img/ico-cursor.svg" alt="ícono cursor">
1644            </button>
1645        </form>
1646        <span class="block w-[100%] border-b border-b-2e-lightgrey p-2 mb-4 text-xs"><a href="https://2eboxcasilla.com/usuario/login">Inicia sesión</a></span>
1647        <span class="block w-[100%] border-b border-b-2e-lightgrey p-2 mb-4 text-xs"><a href="https://2eboxcasilla.com/usuario/olvidado">¿Olvidaste tu contraseña?</a></span>
1648    </div>
1649</div>
1650
1651<div id="content3" class="navMobileItem fixed top-0 w-[100%] h-[100vh] pt-[40vh] px-12 bg-2e-doubledarkblue bg-opacity-95 text-2e-white z-20">
1652    <div class="flex flex-col">
1653        <form action="#">
1654            <input
1655                type="search"
1656                name=""
1657                id=""
1658                placeholder="¿Qué necesitas buscar?"
1659                class="block rounded-2xl w-[100%] bg-2e-doubledarkblue bg-opacity-5 text-2e-white text-sm placeholder:text-2e-white p-4 mb-4 border border-2e-lightgrey"
1660            >
1661        </form>
1662    </div>
1663</div>
1664<!-- Fin / Bloques manejados por Barra navegación móvil #navMobile -->
1665
1666<!-- Inicio / script para funciones de botones en Barra navegación móvil #navMobile -->
1667<script defer>
1668    window.onload = function() {
1669        let navOptions = document.getElementsByClassName("option");
1670
1671        for (let option of navOptions) {
1672            option.addEventListener("change", function() {
1673                let contentDivs = document.getElementsByClassName("navMobileItem");
1674                for (let div of contentDivs) {
1675                    if (div.id === "content" + this.id.substring(6)) {
1676                        div.style.display = "block";
1677                        div.style.height = "100%";
1678                    } else {
1679                        div.style.display = "none";
1680                    }
1681                }
1682            });
1683        }
1684    }
1685</script>
1685
1686<!-- Fin / script para funciones de botones en Barra navegación móvil #navMobile -->
1687
1688
1689<!-- Inicio / Script js para funcionamiento de acordiones -->
1690<script defer>
1691    document.querySelectorAll('.accordion-header').forEach(function(header) {
1692        header.addEventListener('click', function() {
1693            var item = this.parentNode;
1694            var isActive = item.classList.contains('active');
1695
1696            // Cerrar todos los elementos abiertos
1697            document.querySelectorAll('.accordion-item').forEach(function(item) {
1698                item.classList.remove('active');
1699            });
1700
1701            // Abrir el elemento seleccionado si no estaba activo
1702            if (!isActive) {
1703                item.classList.add('active');
1704            }
1705        });
1706    });
1707</script>
vendor: 2 bytes, line 1707
1707
1708<script defer>
1709    document.addEventListener("DOMContentLoaded", function() {
1710        document.body.addEventListener("click", function(event) {
1711            var target = event.target;
1712            if (target.matches("a[data-obscure]")) {
1713                event.preventDefault();
1714                let url=event.target.dataset.obscure;
1715                if(url==="" || url===undefined){
1716                    return;
1717                }
1718                location.href=atob(url);
1719            }
1720        });
1721    });
1722</script>
1722
1723<!-- Fin / Script js para funcionamiento de acordiones -->
1724<div id="fb-root"></div>
1725<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v3.2"></script>
1725
1726</body>
1727</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.