Servicios Kaneshima<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* HERO *\/\r\n\r\n.hero-container{\r\ndisplay:flex;\r\nheight:100vh;\r\nwidth:100%;\r\n}\r\n\r\n\/* COLUMNAS *\/\r\n\r\n.service-column{\r\nflex:1;\r\nposition:relative;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-align:center;\r\ncursor:pointer;\r\nbackground-size:cover;\r\nbackground-position:center;\r\ntransition:all .5s ease;\r\noverflow:hidden;\r\n}\r\n\r\n.service-column:hover{\r\nflex:1.6;\r\n}\r\n\r\n\/* IMAGENES *\/\r\n\r\n.service-column:nth-child(1){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/6-1.jpg\");\r\n}\r\n\r\n.service-column:nth-child(2){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/5.jpg\");\r\n}\r\n\r\n.service-column:nth-child(3){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/7.jpg\");\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.overlay{\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.75));\r\n}\r\n\r\n\/* CONTENIDO *\/\r\n\r\n.content{\r\nposition:relative;\r\nz-index:2;\r\ncolor:white;\r\nmax-width:420px;\r\npadding:30px;\r\n}\r\n\r\n\/* ICONO *\/\r\n\r\n.icon-box{\r\nwidth:90px;\r\nheight:90px;\r\nborder-radius:50%;\r\nbackground:white;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:34px;\r\ncolor:#333;\r\nmargin:0 auto 20px auto;\r\nbox-shadow:0 10px 25px rgba(0,0,0,.2);\r\n}\r\n\r\n\/* TITULO *\/\r\n\r\nh2{\r\nfont-size:1.8rem;\r\nmargin-bottom:10px;\r\nfont-weight:700;\r\nfont-family:'Poppins',sans-serif;\r\n}\r\n\r\n\/* TEXTO *\/\r\n\r\np{\r\nfont-family:'Poppins',sans-serif;\r\nfont-size:18px;\r\nopacity:0;\r\ntransform:translateY(10px);\r\ntransition:all .4s ease;\r\n}\r\n\r\n.service-column:hover p{\r\nopacity:1;\r\ntransform:translateY(0);\r\n}\r\n\r\n\/* POPUP *\/\r\n\r\n.popup{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:rgba(0,0,0,.7);\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nopacity:0;\r\nvisibility:hidden;\r\ntransition:.3s;\r\nz-index:9999;\r\n}\r\n\r\n.popup.active{\r\nopacity:1;\r\nvisibility:visible;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.popup-content{\r\nbackground:white;\r\nborder-radius:18px;\r\npadding:30px;\r\nwidth:90%;\r\nmax-width:700px;\r\nmax-height:90vh;\r\noverflow:auto;\r\nposition:relative;\r\nanimation:popupIn .3s ease;\r\n}\r\n\r\n@keyframes popupIn{\r\nfrom{\r\ntransform:scale(.9);\r\nopacity:0;\r\n}\r\nto{\r\ntransform:scale(1);\r\nopacity:1;\r\n}\r\n}\r\n\r\n\/* CLOSE *\/\r\n\r\n.close-popup{\r\nposition:absolute;\r\ntop:15px;\r\nright:15px;\r\nwidth:36px;\r\nheight:36px;\r\nborder-radius:50%;\r\nbackground:#eee;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ncursor:pointer;\r\nfont-size:16px;\r\ntransition:.2s;\r\n}\r\n\r\n.close-popup:hover{\r\nbackground:#ddd;\r\n}\r\n\r\n\/* NAV *\/\r\n\r\n.mes-nav{\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\ngap:20px;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.nav-btn{\r\nborder:none;\r\nbackground:#076A7F;\r\ncolor:white;\r\nwidth:40px;\r\nheight:40px;\r\nborder-radius:50%;\r\ncursor:pointer;\r\n}\r\n\r\n\/* TABS *\/\r\n\r\n.tabs-container{\r\ndisplay:flex;\r\ngap:10px;\r\njustify-content:center;\r\nmargin-bottom:20px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.tab-btn{\r\npadding:12px 18px;\r\nbackground:#f1f1f1;\r\nborder-radius:10px;\r\ncursor:pointer;\r\nfont-weight:600;\r\ntransition:.2s;\r\n}\r\n\r\n.tab-btn.active{\r\nbackground:#076A7F;\r\ncolor:white;\r\n}\r\n\r\n\/* CALENDARIO *\/\r\n\r\n#contenedorCalendario{\r\nmin-height:220px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.hero-container{\r\nflex-direction:column;\r\nheight:auto;\r\n}\r\n\r\n.service-column{\r\nmin-height:260px;\r\nmargin:10px 0;\r\n}\r\n\r\n.service-column:hover{\r\nflex:1;\r\n}\r\n\r\np{\r\nopacity:1;\r\ntransform:none;\r\n}\r\n\r\n.icon-box{\r\nwidth:70px;\r\nheight:70px;\r\nfont-size:26px;\r\n}\r\n\r\nh2{\r\nfont-size:1.8rem;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<main class=\"hero-container\">\r\n\r\n<section class=\"service-column\" id=\"btnPedidos\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-box\"><\/i>\r\n<\/div>\r\n\r\n<h2>Consultar Pedidos<\/h2>\r\n\r\n<p>\r\nConsulta el estado actual de tus env\u00edos y realiza seguimiento de tus pedidos.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<section class=\"service-column\" id=\"btnSalidas\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-truck-fast\"><\/i>\r\n<\/div>\r\n\r\n<h2>Pr\u00f3ximas Salidas<\/h2>\r\n\r\n<p>\r\nRevisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<section class=\"service-column\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-comments\"><\/i>\r\n<\/div>\r\n\r\n<h2>Contacto<\/h2>\r\n\r\n<p>\r\nComun\u00edcate con nuestro equipo para resolver cualquier consulta.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n<div class=\"popup\" id=\"popupPedidos\">\r\n\r\n<div class=\"popup-content\">\r\n\r\n<div class=\"close-popup\" onclick=\"cerrarPopup('popupPedidos')\">\r\n<i class=\"fas fa-times\"><\/i>\r\n<\/div>\r\n\r\n<div id=\"contenedor-formulario-externo\">\r\n\r\n<div style=\"text-align:center;padding:30px;color:#666;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando sistema de consulta...\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"popup\" id=\"popupSalidas\">\r\n\r\n<div class=\"popup-content\">\r\n\r\n<div class=\"close-popup\" onclick=\"cerrarPopup('popupSalidas')\">\r\n<i class=\"fas fa-times\"><\/i>\r\n<\/div>\r\n\r\n<div class=\"calendario-wrapper\">\r\n\r\n<div class=\"mes-nav\">\r\n\r\n<button class=\"nav-btn\" onclick=\"cambiarMes(-1)\">\r\n<i class=\"fas fa-chevron-left\"><\/i>\r\n<\/button>\r\n\r\n<span class=\"mes-actual\" id=\"mesTitulo\">\r\nCargando...\r\n<\/span>\r\n\r\n<button class=\"nav-btn\" onclick=\"cambiarMes(1)\">\r\n<i class=\"fas fa-chevron-right\"><\/i>\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<div class=\"tabs-container\">\r\n\r\n<div class=\"tab-btn active\" data-tab=\"peru\">\r\n<i class=\"fas fa-plane-departure\"><\/i>\r\nPer\u00fa \u2192 Jap\u00f3n\r\n<\/div>\r\n\r\n<div class=\"tab-btn\" data-tab=\"japon\">\r\n<i class=\"fas fa-plane-arrival\"><\/i>\r\nJap\u00f3n \u2192 Per\u00fa\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"contenedorCalendario\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* ELEMENTOS *\/\r\n\r\nconst btnPedidos = document.getElementById(\"btnPedidos\");\r\nconst btnSalidas = document.getElementById(\"btnSalidas\");\r\n\r\nconst popupPedidos = document.getElementById(\"popupPedidos\");\r\nconst popupSalidas = document.getElementById(\"popupSalidas\");\r\n\r\n\/* ABRIR PEDIDOS *\/\r\n\r\nif(btnPedidos){\r\n\r\nbtnPedidos.addEventListener(\"click\", () => {\r\n\r\npopupPedidos.classList.add(\"active\");\r\n\r\ncargarSistemaPedidos();\r\n\r\n});\r\n\r\n}\r\n\r\n\/* ABRIR SALIDAS *\/\r\n\r\nif(btnSalidas){\r\n\r\nbtnSalidas.addEventListener(\"click\", () => {\r\n\r\npopupSalidas.classList.add(\"active\");\r\n\r\ncargarDatos();\r\n\r\n});\r\n\r\n}\r\n\r\n\/* CERRAR *\/\r\n\r\nfunction cerrarPopup(id){\r\n\r\nconst popup = document.getElementById(id);\r\n\r\nif(popup){\r\npopup.classList.remove(\"active\");\r\n}\r\n\r\n}\r\n\r\n\/* CLICK FUERA *\/\r\n\r\ndocument.querySelectorAll(\".popup\").forEach(popup => {\r\n\r\npopup.addEventListener(\"click\", (e) => {\r\n\r\nif(e.target === popup){\r\npopup.classList.remove(\"active\");\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\n\/* ESC *\/\r\n\r\ndocument.addEventListener(\"keydown\", function(e){\r\n\r\nif(e.key === \"Escape\"){\r\n\r\ndocument.querySelectorAll(\".popup\").forEach(p => {\r\np.classList.remove(\"active\");\r\n});\r\n\r\n}\r\n\r\n});\r\n\r\n\/* CARGAR PEDIDOS *\/\r\n\r\nfunction cargarSistemaPedidos(){\r\n\r\nconst contenedor =\r\ndocument.getElementById(\"contenedor-formulario-externo\");\r\n\r\nif(!contenedor) return;\r\n\r\nconst urlFinal =\r\n\"https:\/\/kaneshima.express\/envios2\/intro-test.php\";\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"text-align:center;padding:30px;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando sistema de consulta...\r\n<\/div>\r\n`;\r\n\r\nfetch(urlFinal)\r\n\r\n.then(response => {\r\n\r\nif(!response.ok){\r\nthrow new Error(\"Error cargando sistema\");\r\n}\r\n\r\nreturn response.text();\r\n\r\n})\r\n\r\n.then(html => {\r\n\r\ncontenedor.innerHTML = html;\r\n\r\n\/* EVITAR REDIRECCIONES *\/\r\n\r\ncontenedor.querySelectorAll(\"button\").forEach(btn => {\r\n\r\nif(!btn.getAttribute(\"type\")){\r\n\r\nbtn.setAttribute(\"type\",\"button\");\r\n\r\n}\r\n\r\n});\r\n\r\n\/* EJECUTAR SCRIPTS *\/\r\n\r\nconst scripts = contenedor.querySelectorAll(\"script\");\r\n\r\nscripts.forEach(oldScript => {\r\n\r\nconst newScript = document.createElement(\"script\");\r\n\r\nArray.from(oldScript.attributes).forEach(attr => {\r\n\r\nnewScript.setAttribute(attr.name, attr.value);\r\n\r\n});\r\n\r\nnewScript.appendChild(\r\ndocument.createTextNode(oldScript.innerHTML)\r\n);\r\n\r\noldScript.parentNode.replaceChild(\r\nnewScript,\r\noldScript\r\n);\r\n\r\n});\r\n\r\n})\r\n\r\n.catch(error => {\r\n\r\nconsole.error(error);\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"\r\npadding:20px;\r\ntext-align:center;\r\ncolor:red;\r\nfont-weight:600;\r\n\">\r\nError cargando sistema de pedidos\r\n<\/div>\r\n`;\r\n\r\n});\r\n\r\n}\r\n\r\n\/* CALENDARIO Y NUEVA API CONSTANTES *\/\r\n\r\nlet mesGlobal = new Date().getMonth() + 1;\r\nlet anioGlobal = new Date().getFullYear();\r\nlet tabGlobal = \"peru\"; \/\/ \"peru\" o \"japon\"\r\n\r\nconst URL_API = \"https:\/\/siteservice.kaneshima.express\/api\/guia\/contrato\";\r\nconst API_KEY = \"OenWjoWOL4jwbw705r7oEux4kmcc7m3SrT6RCos7lDA99zUvBER7cVRf1OFnXVZYUvIu8JBitZ4oCpFCl9SmVVlVI9lTS6VN6UCgpVQ9Bn1Va8ILz2v7qF4jYf6zzbLC\"; \r\n\r\nconst NOMBRES_MESES = [\r\n\"Enero\",\"Febrero\",\"Marzo\",\"Abril\",\"Mayo\",\"Junio\",\r\n\"Julio\",\"Agosto\",\"Septiembre\",\"Octubre\",\"Noviembre\",\"Diciembre\"\r\n];\r\n\r\nfunction cargarDatos(){\r\n\r\nconst contenedor = document.getElementById(\"contenedorCalendario\");\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"text-align:center;padding:30px;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando salidas...\r\n<\/div>\r\n`;\r\n\r\nfetch(URL_API, {\r\n method: 'GET',\r\n headers: {\r\n 'x-api-key': API_KEY,\r\n 'Accept': 'application\/json'\r\n }\r\n})\r\n.then(response => {\r\n if(!response.ok){\r\n throw new Error(`Error HTTP ${response.status}`);\r\n }\r\n return response.json();\r\n})\r\n.then(data => {\r\n \r\n \/\/ Filtrar los resultados seg\u00fan las especificaciones de ruta, mes y a\u00f1o\r\n const salidasFiltradas = data.filter(item => {\r\n if (!item.fecha || !item.ruta) return false;\r\n \r\n \/\/ Formato esperado de fecha: \"DD\/MM\/YYYY\"\r\n const partesFecha = item.fecha.split('\/');\r\n if (partesFecha.length !== 3) return false;\r\n \r\n const mes = parseInt(partesFecha[1], 10);\r\n const anio = parseInt(partesFecha[2], 10);\r\n \r\n \/\/ Condicional basada en terminaci\u00f3n de ruta: termina en 01 = Per\u00fa->Jap\u00f3n, termina en 02 = Jap\u00f3n->Per\u00fa\r\n const esRutaCorrecta = (tabGlobal === \"peru\" && item.ruta.endsWith(\"01\")) || \r\n (tabGlobal === \"japon\" && item.ruta.endsWith(\"02\"));\r\n \r\n return esRutaCorrecta && mes === mesGlobal && anio === anioGlobal;\r\n });\r\n\r\n \/\/ Ordenar cronol\u00f3gicamente ascendente\r\n salidasFiltradas.sort((a, b) => {\r\n const pA = a.fecha.split('\/');\r\n const pB = b.fecha.split('\/');\r\n return new Date(pA[2], pA[1]-1, pA[0]) - new Date(pB[2], pB[1]-1, pB[0]);\r\n });\r\n\r\n \/\/ Renderizado\r\n if(salidasFiltradas.length === 0){\r\n \r\n contenedor.innerHTML = `\r\n <div style=\"\r\n width:100%;\r\n padding:45px 25px;\r\n text-align:center;\r\n border:1px solid #e8e8e8;\r\n border-radius:22px;\r\n background:linear-gradient(180deg,#ffffff,#fafafa);\r\n \">\r\n <div style=\"\r\n width:90px;\r\n height:90px;\r\n margin:0 auto 20px auto;\r\n border-radius:50%;\r\n background:#f3f3f3;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:34px;\r\n color:#999;\r\n \">\r\n <i class=\"fas fa-calendar-xmark\"><\/i>\r\n <\/div>\r\n <h3 style=\"\r\n margin:0;\r\n font-size:24px;\r\n font-weight:700;\r\n color:#222;\r\n font-family:'Poppins',sans-serif;\r\n \">\r\n No se encontraron registros\r\n <\/h3>\r\n <p style=\"\r\n margin-top:12px;\r\n font-size:15px;\r\n line-height:1.6;\r\n color:#777;\r\n max-width:420px;\r\n margin-left:auto;\r\n margin-right:auto;\r\n opacity:1;\r\n transform:none;\r\n font-family:'Poppins',sans-serif;\r\n \">\r\n No existen salidas programadas para este mes.\r\n Prueba cambiando el mes o seleccionando otra ruta.\r\n <\/p>\r\n <\/div>\r\n `;\r\n\r\n } else {\r\n \r\n let htmlListado = `<div style=\"display:flex; flex-direction:column; gap:15px; width:100%; font-family:'Poppins', sans-serif;\">`;\r\n \r\n salidasFiltradas.forEach(item => {\r\n const partes = item.fecha.split('\/');\r\n const diaStr = partes[0];\r\n const mesNombreCorto = NOMBRES_MESES[parseInt(partes[1], 10) - 1].substring(0, 3);\r\n const textoRuta = (tabGlobal === \"peru\") ? \"Per\u00fa \u2192 Jap\u00f3n\" : \"Jap\u00f3n \u2192 Per\u00fa\";\r\n const iconoRuta = (tabGlobal === \"peru\") ? \"fa-plane-departure\" : \"fa-plane-arrival\";\r\n\r\n htmlListado += `\r\n <div style=\"display:flex; align-items:center; padding:15px 20px; border:1px solid #e8e8e8; border-radius:14px; background:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.02); justify-content: space-between;\">\r\n <div style=\"display:flex; align-items:center; gap:20px;\">\r\n <div style=\"background:#076A7F; color:white; border-radius:10px; width:60px; height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center;\">\r\n <span style=\"font-size:22px; font-weight:700; line-height:1;\">${diaStr}<\/span>\r\n <span style=\"font-size:11px; text-transform:uppercase; font-weight:500; letter-spacing:0.5px;\">${mesNombreCorto}<\/span>\r\n <\/div>\r\n <div>\r\n <h4 style=\"margin:0; font-size:16px; color:#222; font-weight:600;\">Salida Confirmada<\/h4>\r\n <p style=\"margin:4px 0 0 0; font-size:14px; color:#666; opacity:1; transform:none;\"><i class=\"fas ${iconoRuta}\" style=\"color:#076A7F; margin-right:6px;\"><\/i> Servicio ${textoRuta}<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"background:#E6F3F5; color:#076A7F; padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; display:flex; align-items:center; gap:5px;\">\r\n <i class=\"fas fa-circle-check\"><\/i> Programado\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n htmlListado += `<\/div>`;\r\n contenedor.innerHTML = htmlListado;\r\n }\r\n\r\n actualizarTextoMes();\r\n\r\n})\r\n.catch(error => {\r\n console.error(\"Detalle del error:\", error);\r\n contenedor.innerHTML = `\r\n <div style=\"padding:20px; text-align:center; color:red; font-weight:600;\">\r\n Error cargando calendario de la API\r\n <\/div>\r\n `;\r\n});\r\n\r\n}\r\n\r\nfunction actualizarTextoMes(){\r\n\r\nconst titulo =\r\ndocument.getElementById(\"mesTitulo\");\r\n\r\ntitulo.innerText =\r\n`${NOMBRES_MESES[mesGlobal - 1]} ${anioGlobal}`;\r\n\r\n}\r\n\r\nfunction cambiarMes(dir){\r\n\r\nmesGlobal += dir;\r\n\r\nif(mesGlobal < 1){\r\nmesGlobal = 12;\r\nanioGlobal--;\r\n}\r\n\r\nif(mesGlobal > 12){\r\nmesGlobal = 1;\r\nanioGlobal++;\r\n}\r\n\r\ncargarDatos();\r\n\r\n}\r\n\r\n\/* CAMBIAR TAB *\/\r\n\r\ndocument.addEventListener(\"click\", function(e){\r\n\r\nconst btn = e.target.closest(\".tab-btn\");\r\n\r\nif(btn){\r\n\r\ndocument.querySelectorAll(\".tab-btn\").forEach(b => {\r\nb.classList.remove(\"active\");\r\n});\r\n\r\nbtn.classList.add(\"active\");\r\n\r\ntabGlobal = btn.dataset.tab;\r\n\r\ncargarDatos();\r\n\r\n}\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios Kaneshima Consultar Pedidos Consulta el estado actual de tus env\u00edos y realiza seguimiento de tus pedidos. Pr\u00f3ximas Salidas Revisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo. Contacto Comun\u00edcate con nuestro equipo para resolver cualquier consulta. Cargando sistema de consulta… Cargando… Per\u00fa \u2192 Jap\u00f3n Jap\u00f3n \u2192 Per\u00fa<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/comments?post=2492"}],"version-history":[{"count":67,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions"}],"predecessor-version":[{"id":2575,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions\/2575"}],"wp:attachment":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/media?parent=2492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\nServicios Kaneshima<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* HERO *\/\r\n\r\n.hero-container{\r\ndisplay:flex;\r\nheight:100vh;\r\nwidth:100%;\r\n}\r\n\r\n\/* COLUMNAS *\/\r\n\r\n.service-column{\r\nflex:1;\r\nposition:relative;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-align:center;\r\ncursor:pointer;\r\nbackground-size:cover;\r\nbackground-position:center;\r\ntransition:all .5s ease;\r\noverflow:hidden;\r\n}\r\n\r\n.service-column:hover{\r\nflex:1.6;\r\n}\r\n\r\n\/* IMAGENES *\/\r\n\r\n.service-column:nth-child(1){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/6-1.jpg\");\r\n}\r\n\r\n.service-column:nth-child(2){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/5.jpg\");\r\n}\r\n\r\n.service-column:nth-child(3){\r\nbackground-image:url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/7.jpg\");\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.overlay{\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.75));\r\n}\r\n\r\n\/* CONTENIDO *\/\r\n\r\n.content{\r\nposition:relative;\r\nz-index:2;\r\ncolor:white;\r\nmax-width:420px;\r\npadding:30px;\r\n}\r\n\r\n\/* ICONO *\/\r\n\r\n.icon-box{\r\nwidth:90px;\r\nheight:90px;\r\nborder-radius:50%;\r\nbackground:white;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:34px;\r\ncolor:#333;\r\nmargin:0 auto 20px auto;\r\nbox-shadow:0 10px 25px rgba(0,0,0,.2);\r\n}\r\n\r\n\/* TITULO *\/\r\n\r\nh2{\r\nfont-size:1.8rem;\r\nmargin-bottom:10px;\r\nfont-weight:700;\r\nfont-family:'Poppins',sans-serif;\r\n}\r\n\r\n\/* TEXTO *\/\r\n\r\np{\r\nfont-family:'Poppins',sans-serif;\r\nfont-size:18px;\r\nopacity:0;\r\ntransform:translateY(10px);\r\ntransition:all .4s ease;\r\n}\r\n\r\n.service-column:hover p{\r\nopacity:1;\r\ntransform:translateY(0);\r\n}\r\n\r\n\/* POPUP *\/\r\n\r\n.popup{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:rgba(0,0,0,.7);\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nopacity:0;\r\nvisibility:hidden;\r\ntransition:.3s;\r\nz-index:9999;\r\n}\r\n\r\n.popup.active{\r\nopacity:1;\r\nvisibility:visible;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.popup-content{\r\nbackground:white;\r\nborder-radius:18px;\r\npadding:30px;\r\nwidth:90%;\r\nmax-width:700px;\r\nmax-height:90vh;\r\noverflow:auto;\r\nposition:relative;\r\nanimation:popupIn .3s ease;\r\n}\r\n\r\n@keyframes popupIn{\r\nfrom{\r\ntransform:scale(.9);\r\nopacity:0;\r\n}\r\nto{\r\ntransform:scale(1);\r\nopacity:1;\r\n}\r\n}\r\n\r\n\/* CLOSE *\/\r\n\r\n.close-popup{\r\nposition:absolute;\r\ntop:15px;\r\nright:15px;\r\nwidth:36px;\r\nheight:36px;\r\nborder-radius:50%;\r\nbackground:#eee;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ncursor:pointer;\r\nfont-size:16px;\r\ntransition:.2s;\r\n}\r\n\r\n.close-popup:hover{\r\nbackground:#ddd;\r\n}\r\n\r\n\/* NAV *\/\r\n\r\n.mes-nav{\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\ngap:20px;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.nav-btn{\r\nborder:none;\r\nbackground:#076A7F;\r\ncolor:white;\r\nwidth:40px;\r\nheight:40px;\r\nborder-radius:50%;\r\ncursor:pointer;\r\n}\r\n\r\n\/* TABS *\/\r\n\r\n.tabs-container{\r\ndisplay:flex;\r\ngap:10px;\r\njustify-content:center;\r\nmargin-bottom:20px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.tab-btn{\r\npadding:12px 18px;\r\nbackground:#f1f1f1;\r\nborder-radius:10px;\r\ncursor:pointer;\r\nfont-weight:600;\r\ntransition:.2s;\r\n}\r\n\r\n.tab-btn.active{\r\nbackground:#076A7F;\r\ncolor:white;\r\n}\r\n\r\n\/* CALENDARIO *\/\r\n\r\n#contenedorCalendario{\r\nmin-height:220px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.hero-container{\r\nflex-direction:column;\r\nheight:auto;\r\n}\r\n\r\n.service-column{\r\nmin-height:260px;\r\nmargin:10px 0;\r\n}\r\n\r\n.service-column:hover{\r\nflex:1;\r\n}\r\n\r\np{\r\nopacity:1;\r\ntransform:none;\r\n}\r\n\r\n.icon-box{\r\nwidth:70px;\r\nheight:70px;\r\nfont-size:26px;\r\n}\r\n\r\nh2{\r\nfont-size:1.8rem;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<main class=\"hero-container\">\r\n\r\n<section class=\"service-column\" id=\"btnPedidos\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-box\"><\/i>\r\n<\/div>\r\n\r\n<h2>Consultar Pedidos<\/h2>\r\n\r\n<p>\r\nConsulta el estado actual de tus env\u00edos y realiza seguimiento de tus pedidos.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<section class=\"service-column\" id=\"btnSalidas\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-truck-fast\"><\/i>\r\n<\/div>\r\n\r\n<h2>Pr\u00f3ximas Salidas<\/h2>\r\n\r\n<p>\r\nRevisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<section class=\"service-column\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"icon-box\">\r\n<i class=\"fas fa-comments\"><\/i>\r\n<\/div>\r\n\r\n<h2>Contacto<\/h2>\r\n\r\n<p>\r\nComun\u00edcate con nuestro equipo para resolver cualquier consulta.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n<div class=\"popup\" id=\"popupPedidos\">\r\n\r\n<div class=\"popup-content\">\r\n\r\n<div class=\"close-popup\" onclick=\"cerrarPopup('popupPedidos')\">\r\n<i class=\"fas fa-times\"><\/i>\r\n<\/div>\r\n\r\n<div id=\"contenedor-formulario-externo\">\r\n\r\n<div style=\"text-align:center;padding:30px;color:#666;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando sistema de consulta...\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"popup\" id=\"popupSalidas\">\r\n\r\n<div class=\"popup-content\">\r\n\r\n<div class=\"close-popup\" onclick=\"cerrarPopup('popupSalidas')\">\r\n<i class=\"fas fa-times\"><\/i>\r\n<\/div>\r\n\r\n<div class=\"calendario-wrapper\">\r\n\r\n<div class=\"mes-nav\">\r\n\r\n<button class=\"nav-btn\" onclick=\"cambiarMes(-1)\">\r\n<i class=\"fas fa-chevron-left\"><\/i>\r\n<\/button>\r\n\r\n<span class=\"mes-actual\" id=\"mesTitulo\">\r\nCargando...\r\n<\/span>\r\n\r\n<button class=\"nav-btn\" onclick=\"cambiarMes(1)\">\r\n<i class=\"fas fa-chevron-right\"><\/i>\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<div class=\"tabs-container\">\r\n\r\n<div class=\"tab-btn active\" data-tab=\"peru\">\r\n<i class=\"fas fa-plane-departure\"><\/i>\r\nPer\u00fa \u2192 Jap\u00f3n\r\n<\/div>\r\n\r\n<div class=\"tab-btn\" data-tab=\"japon\">\r\n<i class=\"fas fa-plane-arrival\"><\/i>\r\nJap\u00f3n \u2192 Per\u00fa\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"contenedorCalendario\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* ELEMENTOS *\/\r\n\r\nconst btnPedidos = document.getElementById(\"btnPedidos\");\r\nconst btnSalidas = document.getElementById(\"btnSalidas\");\r\n\r\nconst popupPedidos = document.getElementById(\"popupPedidos\");\r\nconst popupSalidas = document.getElementById(\"popupSalidas\");\r\n\r\n\/* ABRIR PEDIDOS *\/\r\n\r\nif(btnPedidos){\r\n\r\nbtnPedidos.addEventListener(\"click\", () => {\r\n\r\npopupPedidos.classList.add(\"active\");\r\n\r\ncargarSistemaPedidos();\r\n\r\n});\r\n\r\n}\r\n\r\n\/* ABRIR SALIDAS *\/\r\n\r\nif(btnSalidas){\r\n\r\nbtnSalidas.addEventListener(\"click\", () => {\r\n\r\npopupSalidas.classList.add(\"active\");\r\n\r\ncargarDatos();\r\n\r\n});\r\n\r\n}\r\n\r\n\/* CERRAR *\/\r\n\r\nfunction cerrarPopup(id){\r\n\r\nconst popup = document.getElementById(id);\r\n\r\nif(popup){\r\npopup.classList.remove(\"active\");\r\n}\r\n\r\n}\r\n\r\n\/* CLICK FUERA *\/\r\n\r\ndocument.querySelectorAll(\".popup\").forEach(popup => {\r\n\r\npopup.addEventListener(\"click\", (e) => {\r\n\r\nif(e.target === popup){\r\npopup.classList.remove(\"active\");\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\n\/* ESC *\/\r\n\r\ndocument.addEventListener(\"keydown\", function(e){\r\n\r\nif(e.key === \"Escape\"){\r\n\r\ndocument.querySelectorAll(\".popup\").forEach(p => {\r\np.classList.remove(\"active\");\r\n});\r\n\r\n}\r\n\r\n});\r\n\r\n\/* CARGAR PEDIDOS *\/\r\n\r\nfunction cargarSistemaPedidos(){\r\n\r\nconst contenedor =\r\ndocument.getElementById(\"contenedor-formulario-externo\");\r\n\r\nif(!contenedor) return;\r\n\r\nconst urlFinal =\r\n\"https:\/\/kaneshima.express\/envios2\/intro-test.php\";\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"text-align:center;padding:30px;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando sistema de consulta...\r\n<\/div>\r\n`;\r\n\r\nfetch(urlFinal)\r\n\r\n.then(response => {\r\n\r\nif(!response.ok){\r\nthrow new Error(\"Error cargando sistema\");\r\n}\r\n\r\nreturn response.text();\r\n\r\n})\r\n\r\n.then(html => {\r\n\r\ncontenedor.innerHTML = html;\r\n\r\n\/* EVITAR REDIRECCIONES *\/\r\n\r\ncontenedor.querySelectorAll(\"button\").forEach(btn => {\r\n\r\nif(!btn.getAttribute(\"type\")){\r\n\r\nbtn.setAttribute(\"type\",\"button\");\r\n\r\n}\r\n\r\n});\r\n\r\n\/* EJECUTAR SCRIPTS *\/\r\n\r\nconst scripts = contenedor.querySelectorAll(\"script\");\r\n\r\nscripts.forEach(oldScript => {\r\n\r\nconst newScript = document.createElement(\"script\");\r\n\r\nArray.from(oldScript.attributes).forEach(attr => {\r\n\r\nnewScript.setAttribute(attr.name, attr.value);\r\n\r\n});\r\n\r\nnewScript.appendChild(\r\ndocument.createTextNode(oldScript.innerHTML)\r\n);\r\n\r\noldScript.parentNode.replaceChild(\r\nnewScript,\r\noldScript\r\n);\r\n\r\n});\r\n\r\n})\r\n\r\n.catch(error => {\r\n\r\nconsole.error(error);\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"\r\npadding:20px;\r\ntext-align:center;\r\ncolor:red;\r\nfont-weight:600;\r\n\">\r\nError cargando sistema de pedidos\r\n<\/div>\r\n`;\r\n\r\n});\r\n\r\n}\r\n\r\n\/* CALENDARIO Y NUEVA API CONSTANTES *\/\r\n\r\nlet mesGlobal = new Date().getMonth() + 1;\r\nlet anioGlobal = new Date().getFullYear();\r\nlet tabGlobal = \"peru\"; \/\/ \"peru\" o \"japon\"\r\n\r\nconst URL_API = \"https:\/\/siteservice.kaneshima.express\/api\/guia\/contrato\";\r\nconst API_KEY = \"OenWjoWOL4jwbw705r7oEux4kmcc7m3SrT6RCos7lDA99zUvBER7cVRf1OFnXVZYUvIu8JBitZ4oCpFCl9SmVVlVI9lTS6VN6UCgpVQ9Bn1Va8ILz2v7qF4jYf6zzbLC\"; \r\n\r\nconst NOMBRES_MESES = [\r\n\"Enero\",\"Febrero\",\"Marzo\",\"Abril\",\"Mayo\",\"Junio\",\r\n\"Julio\",\"Agosto\",\"Septiembre\",\"Octubre\",\"Noviembre\",\"Diciembre\"\r\n];\r\n\r\nfunction cargarDatos(){\r\n\r\nconst contenedor = document.getElementById(\"contenedorCalendario\");\r\n\r\ncontenedor.innerHTML = `\r\n<div style=\"text-align:center;padding:30px;\">\r\n<i class=\"fas fa-spinner fa-spin\"><\/i>\r\nCargando salidas...\r\n<\/div>\r\n`;\r\n\r\nfetch(URL_API, {\r\n method: 'GET',\r\n headers: {\r\n 'x-api-key': API_KEY,\r\n 'Accept': 'application\/json'\r\n }\r\n})\r\n.then(response => {\r\n if(!response.ok){\r\n throw new Error(`Error HTTP ${response.status}`);\r\n }\r\n return response.json();\r\n})\r\n.then(data => {\r\n \r\n \/\/ Filtrar los resultados seg\u00fan las especificaciones de ruta, mes y a\u00f1o\r\n const salidasFiltradas = data.filter(item => {\r\n if (!item.fecha || !item.ruta) return false;\r\n \r\n \/\/ Formato esperado de fecha: \"DD\/MM\/YYYY\"\r\n const partesFecha = item.fecha.split('\/');\r\n if (partesFecha.length !== 3) return false;\r\n \r\n const mes = parseInt(partesFecha[1], 10);\r\n const anio = parseInt(partesFecha[2], 10);\r\n \r\n \/\/ Condicional basada en terminaci\u00f3n de ruta: termina en 01 = Per\u00fa->Jap\u00f3n, termina en 02 = Jap\u00f3n->Per\u00fa\r\n const esRutaCorrecta = (tabGlobal === \"peru\" && item.ruta.endsWith(\"01\")) || \r\n (tabGlobal === \"japon\" && item.ruta.endsWith(\"02\"));\r\n \r\n return esRutaCorrecta && mes === mesGlobal && anio === anioGlobal;\r\n });\r\n\r\n \/\/ Ordenar cronol\u00f3gicamente ascendente\r\n salidasFiltradas.sort((a, b) => {\r\n const pA = a.fecha.split('\/');\r\n const pB = b.fecha.split('\/');\r\n return new Date(pA[2], pA[1]-1, pA[0]) - new Date(pB[2], pB[1]-1, pB[0]);\r\n });\r\n\r\n \/\/ Renderizado\r\n if(salidasFiltradas.length === 0){\r\n \r\n contenedor.innerHTML = `\r\n <div style=\"\r\n width:100%;\r\n padding:45px 25px;\r\n text-align:center;\r\n border:1px solid #e8e8e8;\r\n border-radius:22px;\r\n background:linear-gradient(180deg,#ffffff,#fafafa);\r\n \">\r\n <div style=\"\r\n width:90px;\r\n height:90px;\r\n margin:0 auto 20px auto;\r\n border-radius:50%;\r\n background:#f3f3f3;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:34px;\r\n color:#999;\r\n \">\r\n <i class=\"fas fa-calendar-xmark\"><\/i>\r\n <\/div>\r\n <h3 style=\"\r\n margin:0;\r\n font-size:24px;\r\n font-weight:700;\r\n color:#222;\r\n font-family:'Poppins',sans-serif;\r\n \">\r\n No se encontraron registros\r\n <\/h3>\r\n <p style=\"\r\n margin-top:12px;\r\n font-size:15px;\r\n line-height:1.6;\r\n color:#777;\r\n max-width:420px;\r\n margin-left:auto;\r\n margin-right:auto;\r\n opacity:1;\r\n transform:none;\r\n font-family:'Poppins',sans-serif;\r\n \">\r\n No existen salidas programadas para este mes.\r\n Prueba cambiando el mes o seleccionando otra ruta.\r\n <\/p>\r\n <\/div>\r\n `;\r\n\r\n } else {\r\n \r\n let htmlListado = `<div style=\"display:flex; flex-direction:column; gap:15px; width:100%; font-family:'Poppins', sans-serif;\">`;\r\n \r\n salidasFiltradas.forEach(item => {\r\n const partes = item.fecha.split('\/');\r\n const diaStr = partes[0];\r\n const mesNombreCorto = NOMBRES_MESES[parseInt(partes[1], 10) - 1].substring(0, 3);\r\n const textoRuta = (tabGlobal === \"peru\") ? \"Per\u00fa \u2192 Jap\u00f3n\" : \"Jap\u00f3n \u2192 Per\u00fa\";\r\n const iconoRuta = (tabGlobal === \"peru\") ? \"fa-plane-departure\" : \"fa-plane-arrival\";\r\n\r\n htmlListado += `\r\n <div style=\"display:flex; align-items:center; padding:15px 20px; border:1px solid #e8e8e8; border-radius:14px; background:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.02); justify-content: space-between;\">\r\n <div style=\"display:flex; align-items:center; gap:20px;\">\r\n <div style=\"background:#076A7F; color:white; border-radius:10px; width:60px; height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center;\">\r\n <span style=\"font-size:22px; font-weight:700; line-height:1;\">${diaStr}<\/span>\r\n <span style=\"font-size:11px; text-transform:uppercase; font-weight:500; letter-spacing:0.5px;\">${mesNombreCorto}<\/span>\r\n <\/div>\r\n <div>\r\n <h4 style=\"margin:0; font-size:16px; color:#222; font-weight:600;\">Salida Confirmada<\/h4>\r\n <p style=\"margin:4px 0 0 0; font-size:14px; color:#666; opacity:1; transform:none;\"><i class=\"fas ${iconoRuta}\" style=\"color:#076A7F; margin-right:6px;\"><\/i> Servicio ${textoRuta}<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"background:#E6F3F5; color:#076A7F; padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; display:flex; align-items:center; gap:5px;\">\r\n <i class=\"fas fa-circle-check\"><\/i> Programado\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n htmlListado += `<\/div>`;\r\n contenedor.innerHTML = htmlListado;\r\n }\r\n\r\n actualizarTextoMes();\r\n\r\n})\r\n.catch(error => {\r\n console.error(\"Detalle del error:\", error);\r\n contenedor.innerHTML = `\r\n <div style=\"padding:20px; text-align:center; color:red; font-weight:600;\">\r\n Error cargando calendario de la API\r\n <\/div>\r\n `;\r\n});\r\n\r\n}\r\n\r\nfunction actualizarTextoMes(){\r\n\r\nconst titulo =\r\ndocument.getElementById(\"mesTitulo\");\r\n\r\ntitulo.innerText =\r\n`${NOMBRES_MESES[mesGlobal - 1]} ${anioGlobal}`;\r\n\r\n}\r\n\r\nfunction cambiarMes(dir){\r\n\r\nmesGlobal += dir;\r\n\r\nif(mesGlobal < 1){\r\nmesGlobal = 12;\r\nanioGlobal--;\r\n}\r\n\r\nif(mesGlobal > 12){\r\nmesGlobal = 1;\r\nanioGlobal++;\r\n}\r\n\r\ncargarDatos();\r\n\r\n}\r\n\r\n\/* CAMBIAR TAB *\/\r\n\r\ndocument.addEventListener(\"click\", function(e){\r\n\r\nconst btn = e.target.closest(\".tab-btn\");\r\n\r\nif(btn){\r\n\r\ndocument.querySelectorAll(\".tab-btn\").forEach(b => {\r\nb.classList.remove(\"active\");\r\n});\r\n\r\nbtn.classList.add(\"active\");\r\n\r\ntabGlobal = btn.dataset.tab;\r\n\r\ncargarDatos();\r\n\r\n}\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios Kaneshima Consultar Pedidos Consulta el estado actual de tus env\u00edos y realiza seguimiento de tus pedidos. Pr\u00f3ximas Salidas Revisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo. Contacto Comun\u00edcate con nuestro equipo para resolver cualquier consulta. Cargando sistema de consulta… Cargando… Per\u00fa \u2192 Jap\u00f3n Jap\u00f3n \u2192 Per\u00fa<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/comments?post=2492"}],"version-history":[{"count":67,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions"}],"predecessor-version":[{"id":2575,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions\/2575"}],"wp:attachment":[{"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/media?parent=2492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}