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&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ó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ó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í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ó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ó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é</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é 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ía <span style="color: #05f2f2;">Electró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í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í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ía <span style="color: #05f2f2;">Bebé</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.