{"id":2492,"date":"2026-05-12T13:34:20","date_gmt":"2026-05-12T13:34:20","guid":{"rendered":"https:\/\/kaneshima.express\/?page_id=2492"},"modified":"2026-08-23T15:24:14","modified_gmt":"2026-08-23T15:24:14","slug":"inicio","status":"publish","type":"page","link":"https:\/\/kaneshima.express\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2492\" class=\"elementor elementor-2492\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f87c1ed elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f87c1ed\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dc92f55\" data-id=\"dc92f55\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ee91bf elementor-widget elementor-widget-image\" data-id=\"6ee91bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"249\" height=\"105\" src=\"https:\/\/kaneshima.express\/wp-content\/uploads\/2026\/05\/LOGO-KANEshima.png\" class=\"attachment-large size-large wp-image-2495\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-700dc36\" data-id=\"700dc36\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fa4152 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"4fa4152\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.link\/fpoiw8\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Consultar<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-151545c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"151545c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b774c1b\" data-id=\"b774c1b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a098dbb elementor-widget elementor-widget-html\" data-id=\"a098dbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\");\r\n@import url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\");\r\n\r\n.kaneshima-servicios,\r\n.kaneshima-servicios * {\r\n  box-sizing: border-box;\r\n}\r\n.kaneshima-servicios {\r\n  --k-ink: #12262b;\r\n  --k-teal-900: #083640;\r\n  --k-teal-800: #0c6478;\r\n  --k-teal-700: #0d7188;\r\n  --k-teal-600: #076a7f;\r\n  --k-teal-500: #1090a8;\r\n  --k-teal-100: #e6f3f5;\r\n  --k-teal-50: #f5fafb;\r\n  --k-orange-600: #df4222;\r\n  --k-orange-700: #c23a1d;\r\n  --k-gray-600: #5c6b6e;\r\n  --k-gray-300: #dfe6e7;\r\n  --k-gray-100: #f3f6f6;\r\n  --k-shadow-sm: 0 2px 10px rgba(8, 54, 64, .08);\r\n  --k-shadow-md: 0 10px 30px rgba(8, 54, 64, .12);\r\n  --k-shadow-lg: 0 24px 60px rgba(8, 54, 64, .2);\r\n  width: 100%;\r\n  overflow-x: hidden;\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  background: #f5f5f5;\r\n}\r\n\r\n\/* ============ INTRO ============ *\/\r\n.kaneshima-servicios .servicios-intro {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  padding: 68px 24px 42px;\r\n  text-align: center;\r\n}\r\n.kaneshima-servicios .servicios-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: var(--k-orange-600);\r\n  margin-bottom: 16px;\r\n}\r\n.kaneshima-servicios .servicios-kicker::before,\r\n.kaneshima-servicios .servicios-kicker::after {\r\n  content: \"\";\r\n  width: 22px;\r\n  height: 2px;\r\n  background: var(--k-orange-600);\r\n  border-radius: 2px;\r\n}\r\n.kaneshima-servicios .servicios-intro h2 {\r\n  font-size: clamp(1.9rem, 3.4vw, 2.6rem);\r\n  font-weight: 800;\r\n  color: var(--k-teal-900);\r\n  margin: 0 0 14px;\r\n  line-height: 1.15;\r\n  letter-spacing: -.01em;\r\n}\r\n.kaneshima-servicios .servicios-intro p {\r\n  font-size: 16.5px;\r\n  color: var(--k-gray-600);\r\n  line-height: 1.65;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============ HERO ============ *\/\r\n.kaneshima-servicios .hero-container {\r\n  display: flex;\r\n  min-height: 620px;\r\n  width: 100%;\r\n}\r\n.kaneshima-servicios .service-column {\r\n  flex: 1;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  background-color: var(--k-teal-800);\r\n  transition: flex .6s cubic-bezier(.22, .61, .36, 1);\r\n  overflow: hidden;\r\n  min-height: 620px;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  border-right: 1px solid rgba(255, 255, 255, .14);\r\n  outline-offset: -6px;\r\n}\r\n.kaneshima-servicios .service-column:last-child {\r\n  border-right: none;\r\n}\r\n.kaneshima-servicios .service-column:hover,\r\n.kaneshima-servicios .service-column:focus-visible {\r\n  flex: 1.65;\r\n}\r\n.kaneshima-servicios .service-column:focus-visible {\r\n  outline: 3px solid #fff;\r\n}\r\n\r\n\/* capa de foto separada: permite \"cover\" perfecto (sin huecos) + zoom suave al hover *\/\r\n.kaneshima-servicios .service-column::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  transform: scale(1.06);\r\n  transition: transform 1.4s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n.kaneshima-servicios .service-column:hover::before,\r\n.kaneshima-servicios .service-column:focus-visible::before {\r\n  transform: scale(1.16);\r\n}\r\n\r\n\/* foto real del cliente (se mantienen las mismas rutas) *\/\r\n.kaneshima-servicios .service-column:nth-child(1)::before {\r\n  background-image: url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/6-1.jpg\");\r\n}\r\n.kaneshima-servicios .service-column:nth-child(2)::before {\r\n  background-image: url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/5.jpg\");\r\n}\r\n.kaneshima-servicios .service-column:nth-child(3)::before {\r\n  background-image: url(\"https:\/\/kaneshima.express\/wp-content\/uploads\/2021\/12\/7.jpg\");\r\n}\r\n\r\n.kaneshima-servicios .overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background: linear-gradient(180deg, rgba(6, 42, 50, .35) 0%, rgba(6, 42, 50, .55) 45%, rgba(4, 26, 31, .88) 100%);\r\n  transition: background .5s ease;\r\n}\r\n.kaneshima-servicios .service-column:hover .overlay {\r\n  background: linear-gradient(180deg, rgba(6, 42, 50, .22) 0%, rgba(6, 42, 50, .42) 45%, rgba(4, 26, 31, .82) 100%);\r\n}\r\n\r\n.kaneshima-servicios .idx {\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 30px;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: .12em;\r\n  color: rgba(255, 255, 255, .78);\r\n}\r\n.kaneshima-servicios .idx::after {\r\n  content: \"\";\r\n  width: 26px;\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, .5);\r\n}\r\n\r\n.kaneshima-servicios .service-column::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  height: 4px;\r\n  width: 0%;\r\n  background: linear-gradient(90deg, var(--k-orange-600), #ff7a4d);\r\n  transition: width .5s cubic-bezier(.22, .61, .36, 1);\r\n  z-index: 3;\r\n}\r\n.kaneshima-servicios .service-column:hover::after {\r\n  width: 100%;\r\n}\r\n\r\n.kaneshima-servicios .content {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: white;\r\n  max-width: 380px;\r\n  padding: 30px 22px;\r\n}\r\n.kaneshima-servicios .icon-box {\r\n  width: 92px;\r\n  height: 92px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .78));\r\n  backdrop-filter: blur(6px);\r\n  border: 1px solid rgba(255, 255, 255, .6);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 32px;\r\n  color: var(--k-teal-700);\r\n  margin: 0 auto 22px;\r\n  box-shadow: 0 14px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .6);\r\n  transition: transform .5s cubic-bezier(.22, .61, .36, 1), box-shadow .5s;\r\n}\r\n.kaneshima-servicios .service-column:hover .icon-box {\r\n  transform: translateY(-6px) scale(1.06);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .6);\r\n}\r\n.kaneshima-servicios h2 {\r\n  font-size: clamp(1.45rem, 2.3vw, 1.9rem);\r\n  margin: 0 0 12px;\r\n  font-weight: 800;\r\n  letter-spacing: -.01em;\r\n  color: #fff;\r\n \r\n}\r\n.kaneshima-servicios .content > p {\r\n  font-size: 16.5px;\r\n  line-height: 1.6;\r\n  color: rgba(255, 255, 255, .9);\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: all .4s ease;\r\n  margin: 0;\r\n}\r\n.kaneshima-servicios .service-column:hover .content > p,\r\n.kaneshima-servicios .service-column:focus-visible .content > p {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n.kaneshima-servicios .cta-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 20px;\r\n  padding: 10px 20px;\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, .14);\r\n  border: 1px solid rgba(255, 255, 255, .4);\r\n  backdrop-filter: blur(4px);\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n  transition: opacity .4s ease, transform .4s ease, background .3s;\r\n}\r\n.kaneshima-servicios .service-column:hover .cta-pill,\r\n.kaneshima-servicios .service-column:focus-visible .cta-pill {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  background: rgba(255, 255, 255, .22);\r\n}\r\n.kaneshima-servicios .cta-pill i {\r\n  transition: transform .3s;\r\n}\r\n.kaneshima-servicios .service-column:hover .cta-pill i {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* ============ POPUP ============ *\/\r\n.kaneshima-servicios .popup {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(8, 38, 45, .55);\r\n  backdrop-filter: blur(6px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity .35s ease, visibility .35s;\r\n  z-index: 999999;\r\n  padding: 18px;\r\n}\r\n.kaneshima-servicios .popup.active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n.kaneshima-servicios .popup-content {\r\n  background: #fff;\r\n  border-radius: 26px;\r\n  padding: 38px 34px 30px;\r\n  width: 92%;\r\n  max-width: 760px;\r\n  max-height: 90vh;\r\n  overflow: auto;\r\n  position: relative;\r\n  box-shadow: 0 30px 80px rgba(8, 40, 48, .35);\r\n  animation: popupIn .4s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n@keyframes popupIn {\r\n  from { transform: translateY(18px) scale(.96); opacity: 0; }\r\n  to { transform: translateY(0) scale(1); opacity: 1; }\r\n}\r\n.kaneshima-servicios .close-popup {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 50%;\r\n  background: var(--k-gray-100);\r\n  color: var(--k-teal-900);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  font-size: 15px;\r\n  transition: .25s;\r\n  border: 1px solid var(--k-gray-300);\r\n  z-index: 5;\r\n}\r\n.kaneshima-servicios .close-popup:hover {\r\n  background: var(--k-orange-600);\r\n  color: #fff;\r\n  border-color: var(--k-orange-600);\r\n  transform: rotate(90deg);\r\n}\r\n\r\n\/* ============ FORMULARIO CONSULTA ============ *\/\r\n.kaneshima-servicios .consulta-box {\r\n  max-width: 540px;\r\n  margin: 4px auto 0;\r\n  padding: 16px 6px 5px;\r\n}\r\n.kaneshima-servicios .consulta-icon {\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(145deg, var(--k-teal-600), var(--k-teal-900));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 23px;\r\n  margin: 0 auto 18px;\r\n  box-shadow: var(--k-shadow-md);\r\n}\r\n.kaneshima-servicios .consulta-box h3 {\r\n  color: var(--k-teal-900) !important;\r\n  font-size: 30px;\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n  text-align: center;\r\n  margin: 0 0 8px;\r\n  letter-spacing: -.01em;\r\n}\r\n.kaneshima-servicios .consulta-sub {\r\n  text-align: center;\r\n  color: var(--k-gray-600);\r\n  font-size: 14.5px;\r\n  margin: 0 0 28px;\r\n}\r\n.kaneshima-servicios .consulta-field {\r\n  margin-bottom: 18px;\r\n}\r\n.kaneshima-servicios .consulta-field label {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-weight: 700;\r\n  color: var(--k-ink);\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .04em;\r\n}\r\n.kaneshima-servicios .consulta-input-wrap {\r\n  position: relative;\r\n}\r\n.kaneshima-servicios .consulta-input-wrap i {\r\n  position: absolute;\r\n  left: 18px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  color: var(--k-teal-600);\r\n  font-size: 16px;\r\n  pointer-events: none;\r\n}\r\n.kaneshima-servicios .consulta-field input {\r\n  width: 100%;\r\n  height: 58px;\r\n  border: 1.5px solid var(--k-gray-300);\r\n  background: var(--k-gray-100);\r\n  border-radius: 12px;\r\n  padding: 0 18px 0 48px;\r\n  font-size: 16px;\r\n  font-family: inherit;\r\n  color: var(--k-ink);\r\n  outline: none;\r\n  transition: border-color .2s, box-shadow .2s, background .2s;\r\n}\r\n.kaneshima-servicios .consulta-field input::placeholder {\r\n  color: #a7b3b5;\r\n}\r\n.kaneshima-servicios .consulta-field input:focus {\r\n  border-color: var(--k-teal-600);\r\n  box-shadow: 0 0 0 4px rgba(7, 106, 127, .14);\r\n  background: #fff;\r\n}\r\n.kaneshima-servicios .consulta-submit {\r\n  text-align: center;\r\n  margin-top: 20px;\r\n}\r\n.kaneshima-servicios .consulta-submit button {\r\n  height: 58px;\r\n  padding: 0 36px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, var(--k-orange-600), #ef5a36);\r\n  color: #fff;\r\n  border: 0;\r\n  font-weight: 800;\r\n  font-size: 15.5px;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  box-shadow: 0 12px 28px rgba(223, 66, 34, .32);\r\n  transition: transform .25s, box-shadow .25s;\r\n}\r\n.kaneshima-servicios .consulta-submit button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 16px 34px rgba(223, 66, 34, .4);\r\n}\r\n.kaneshima-servicios .consulta-submit button i {\r\n  transition: transform .25s;\r\n}\r\n.kaneshima-servicios .consulta-submit button:hover i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ============ CALENDARIO ============ *\/\r\n.kaneshima-servicios .mes-nav {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin: 6px 0 22px;\r\n}\r\n.kaneshima-servicios .nav-btn {\r\n  border: none;\r\n  background: var(--k-teal-100);\r\n  color: var(--k-teal-700);\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: .2s;\r\n}\r\n.kaneshima-servicios .nav-btn:hover {\r\n  background: var(--k-teal-600);\r\n  color: #fff;\r\n  transform: scale(1.08);\r\n}\r\n.kaneshima-servicios .mes-actual {\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n  color: var(--k-teal-900);\r\n  min-width: 190px;\r\n  text-align: center;\r\n  letter-spacing: -.01em;\r\n}\r\n.kaneshima-servicios .tabs-container {\r\n  display: flex;\r\n  gap: 6px;\r\n  justify-content: center;\r\n  margin: 0 auto 26px;\r\n  flex-wrap: wrap;\r\n  background: var(--k-gray-100);\r\n  padding: 6px;\r\n  border-radius: 14px;\r\n  max-width: 420px;\r\n}\r\n.kaneshima-servicios .tab-btn {\r\n  flex: 1;\r\n  padding: 12px 16px;\r\n  background: transparent;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  font-weight: 700;\r\n  font-size: 13.5px;\r\n  color: var(--k-gray-600);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  white-space: nowrap;\r\n  transition: .25s;\r\n}\r\n.kaneshima-servicios .tab-btn.active {\r\n  background: #fff;\r\n  color: var(--k-teal-800);\r\n  box-shadow: 0 4px 14px rgba(8, 54, 64, .14);\r\n}\r\n.kaneshima-servicios #contenedorCalendario {\r\n  min-height: 220px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* listado de salidas generado por JS *\/\r\n.kaneshima-servicios .salidas-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  width: 100%;\r\n}\r\n.kaneshima-servicios .salida-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  padding: 18px 22px;\r\n  border: 1px solid var(--k-gray-300);\r\n  border-radius: 16px;\r\n  background: #fff;\r\n  box-shadow: var(--k-shadow-sm);\r\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n}\r\n.kaneshima-servicios .salida-item:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: var(--k-shadow-md);\r\n  border-color: var(--k-teal-100);\r\n}\r\n.kaneshima-servicios .salida-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n.kaneshima-servicios .salida-date {\r\n  background: linear-gradient(150deg, var(--k-teal-600), var(--k-teal-900));\r\n  color: #fff;\r\n  border-radius: 14px;\r\n  width: 62px;\r\n  height: 62px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 8px 18px rgba(7, 106, 127, .28);\r\n}\r\n.kaneshima-servicios .salida-date .dia {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n}\r\n.kaneshima-servicios .salida-date .mes {\r\n  font-size: 10.5px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  letter-spacing: .06em;\r\n  margin-top: 3px;\r\n}\r\n.kaneshima-servicios .salida-info h4 {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: var(--k-ink);\r\n  font-weight: 700;\r\n}\r\n.kaneshima-servicios .salida-info p {\r\n  margin: 5px 0 0;\r\n  font-size: 14px;\r\n  color: var(--k-gray-600);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n.kaneshima-servicios .salida-info p i {\r\n  color: var(--k-teal-600);\r\n}\r\n.kaneshima-servicios .salida-badge {\r\n  background: var(--k-teal-100);\r\n  color: var(--k-teal-700);\r\n  padding: 7px 15px;\r\n  border-radius: 999px;\r\n  font-size: 12.5px;\r\n  font-weight: 800;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.kaneshima-servicios .salida-empty {\r\n  width: 100%;\r\n  padding: 48px 26px;\r\n  text-align: center;\r\n  border: 1px dashed var(--k-gray-300);\r\n  border-radius: 22px;\r\n  background: var(--k-teal-50);\r\n}\r\n.kaneshima-servicios .salida-empty .ico {\r\n  width: 84px;\r\n  height: 84px;\r\n  margin: 0 auto 20px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 32px;\r\n  color: var(--k-teal-500);\r\n  box-shadow: var(--k-shadow-sm);\r\n}\r\n.kaneshima-servicios .salida-empty h3 {\r\n  margin: 0;\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: var(--k-ink);\r\n}\r\n.kaneshima-servicios .salida-empty p {\r\n  margin-top: 10px;\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  color: var(--k-gray-600);\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}\r\n.kaneshima-servicios .salida-error {\r\n  width: 100%;\r\n  padding: 26px;\r\n  text-align: center;\r\n  color: #b3261e;\r\n  font-weight: 700;\r\n  border: 1px solid #ffd9d3;\r\n  border-radius: 18px;\r\n  background: #fff5f3;\r\n}\r\n.kaneshima-servicios .salida-loading {\r\n  text-align: center;\r\n  padding: 34px;\r\n  color: var(--k-gray-600);\r\n  font-weight: 600;\r\n}\r\n.kaneshima-servicios .salida-loading i {\r\n  margin-right: 8px;\r\n  color: var(--k-teal-600);\r\n}\r\n\r\n\/* accesibilidad: reduce motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kaneshima-servicios * {\r\n    transition-duration: .01ms !important;\r\n    animation-duration: .01ms !important;\r\n  }\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n@media (max-width: 768px) {\r\n  .kaneshima-servicios .servicios-intro {\r\n    padding: 48px 22px 30px;\r\n  }\r\n  .kaneshima-servicios .hero-container {\r\n    flex-direction: column;\r\n    min-height: auto;\r\n  }\r\n  .kaneshima-servicios .service-column {\r\n    min-height: 280px;\r\n    margin: 8px 14px;\r\n    border-radius: 20px;\r\n    border-right: none;\r\n    box-shadow: var(--k-shadow-md);\r\n  }\r\n  .kaneshima-servicios .service-column:hover,\r\n  .kaneshima-servicios .service-column:focus-visible {\r\n    flex: 1;\r\n  }\r\n  .kaneshima-servicios .idx {\r\n    top: 18px;\r\n    left: 20px;\r\n  }\r\n  .kaneshima-servicios .content > p,\r\n  .kaneshima-servicios .cta-pill {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n  .kaneshima-servicios .icon-box {\r\n    width: 72px;\r\n    height: 72px;\r\n    font-size: 27px;\r\n  }\r\n  .kaneshima-servicios h2 {\r\n    font-size: 1.55rem;\r\n  }\r\n  .kaneshima-servicios .popup-content {\r\n    padding: 30px 20px 22px;\r\n    border-radius: 20px;\r\n  }\r\n  .kaneshima-servicios .consulta-box h3 {\r\n    font-size: 24px;\r\n  }\r\n  .kaneshima-servicios .salida-item {\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"kaneshima-servicios\">\r\n  <div class=\"servicios-intro\">\r\n    <span class=\"servicios-kicker\">Kaneshima Express<\/span>\r\n    <h2>\u00bfEn qu\u00e9 podemos ayudarte hoy?<\/h2>\r\n    <p>Elige una opci\u00f3n y te llevamos directo a la informaci\u00f3n que necesitas, sin vueltas.<\/p>\r\n  <\/div>\r\n\r\n  <main class=\"hero-container\">\r\n    <section class=\"service-column\" id=\"btnPedidos\" tabindex=\"0\" role=\"button\" aria-haspopup=\"dialog\">\r\n      <span class=\"idx\">01<\/span>\r\n      <div class=\"overlay\"><\/div>\r\n      <div class=\"content\">\r\n        <div class=\"icon-box\">\r\n          <i class=\"fas fa-box\"><\/i>\r\n        <\/div>\r\n        <h2>Consultar Env\u00edo<\/h2>\r\n        <p>Consulta el estado actual de tu encomienda y realiza seguimiento.<\/p>\r\n        <span class=\"cta-pill\">Rastrear ahora <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"service-column\" id=\"btnSalidas\" tabindex=\"0\" role=\"button\" aria-haspopup=\"dialog\">\r\n      <span class=\"idx\">02<\/span>\r\n      <div class=\"overlay\"><\/div>\r\n      <div class=\"content\">\r\n        <div class=\"icon-box\">\r\n          <i class=\"fas fa-truck-fast\"><\/i>\r\n        <\/div>\r\n        <h2>Pr\u00f3ximas Salidas<\/h2>\r\n        <p>Revisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo.<\/p>\r\n        <span class=\"cta-pill\">Ver calendario <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <a href=\"https:\/\/wa.link\/fpoiw8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"service-column\">\r\n      <span class=\"idx\">03<\/span>\r\n      <div class=\"overlay\"><\/div>\r\n      <div class=\"content\">\r\n        <div class=\"icon-box\">\r\n          <i class=\"fas fa-comments\"><\/i>\r\n        <\/div>\r\n        <h2>Contacto<\/h2>\r\n        <p>Comun\u00edcate con nuestro equipo para resolver cualquier consulta.<\/p>\r\n        <span class=\"cta-pill\">Escribir por WhatsApp <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/main>\r\n\r\n  <div class=\"popup\" id=\"popupPedidos\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"tituloConsulta\">\r\n    <div class=\"popup-content\">\r\n      <div class=\"close-popup\" data-close=\"popupPedidos\" role=\"button\" tabindex=\"0\" aria-label=\"Cerrar\">\r\n        <i class=\"fas fa-times\"><\/i>\r\n      <\/div>\r\n      <div class=\"consulta-box\">\r\n        <div class=\"consulta-icon\"><i class=\"fas fa-box-open\"><\/i><\/div>\r\n        <form action=\"\/envios2\/busqueda.php\" method=\"post\" target=\"_blank\">\r\n          <h3 id=\"tituloConsulta\">Consulte el estado de su encomienda<\/h3>\r\n          <p class=\"consulta-sub\">Ingrese los datos exactamente como aparecen en su comprobante.<\/p>\r\n          <div class=\"consulta-field\">\r\n            <label for=\"kaneshima_codigo\">N\u00famero de gu\u00eda<\/label>\r\n            <div class=\"consulta-input-wrap\">\r\n              <i class=\"fas fa-hashtag\"><\/i>\r\n              <input id=\"kaneshima_codigo\" name=\"codigo\" type=\"number\" placeholder=\"Ej: 123456\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"consulta-field\">\r\n            <label for=\"kaneshima_documento\">N\u00famero de DNI<\/label>\r\n            <div class=\"consulta-input-wrap\">\r\n              <i class=\"fas fa-id-card\"><\/i>\r\n              <input id=\"kaneshima_documento\" name=\"numerodocumento\" type=\"number\" placeholder=\"Ej: 87654321\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"consulta-submit\">\r\n            <button type=\"submit\">Consultar <i class=\"fas fa-magnifying-glass\"><\/i><\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"popup\" id=\"popupSalidas\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"tituloSalidas\">\r\n    <div class=\"popup-content\">\r\n      <div class=\"close-popup\" data-close=\"popupSalidas\" role=\"button\" tabindex=\"0\" aria-label=\"Cerrar\">\r\n        <i class=\"fas fa-times\"><\/i>\r\n      <\/div>\r\n      <div class=\"calendario-wrapper\">\r\n        <h3 id=\"tituloSalidas\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);\">Pr\u00f3ximas salidas<\/h3>\r\n        <div class=\"mes-nav\">\r\n          <button class=\"nav-btn\" type=\"button\" id=\"btnMesAnterior\" aria-label=\"Mes anterior\">\r\n            <i class=\"fas fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <span class=\"mes-actual\" id=\"mesTitulo\">Cargando...<\/span>\r\n          <button class=\"nav-btn\" type=\"button\" id=\"btnMesSiguiente\" aria-label=\"Mes siguiente\">\r\n            <i class=\"fas fa-chevron-right\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"tabs-container\">\r\n          <div class=\"tab-btn active\" data-tab=\"peru\">\r\n            <i class=\"fas fa-plane-departure\"><\/i>\r\n            Per\u00fa \u2192 Jap\u00f3n\r\n          <\/div>\r\n          <div class=\"tab-btn\" data-tab=\"japon\">\r\n            <i class=\"fas fa-plane-arrival\"><\/i>\r\n            Jap\u00f3n \u2192 Per\u00fa\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"contenedorCalendario\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.querySelector(\".kaneshima-servicios\");\r\n  if (!root) return;\r\n  const btnPedidos = root.querySelector(\"#btnPedidos\");\r\n  const btnSalidas = root.querySelector(\"#btnSalidas\");\r\n  const popupPedidos = root.querySelector(\"#popupPedidos\");\r\n  const popupSalidas = root.querySelector(\"#popupSalidas\");\r\n  let mesGlobal = new Date().getMonth() + 1;\r\n  let anioGlobal = new Date().getFullYear();\r\n  let tabGlobal = \"peru\";\r\n  const URL_API = \"https:\/\/siteservice.kaneshima.express\/api\/guia\/contrato\";\r\n  const API_KEY = \"OenWjoWOL4jwbw705r7oEux4kmcc7m3SrT6RCos7lDA99zUvBER7cVRf1OFnXVZYUvIu8JBitZ4oCpFCl9SmVVlVI9lTS6VN6UCgpVQ9Bn1Va8ILz2v7qF4jYf6zzbLC\";\r\n  const NOMBRES_MESES = [\r\n    \"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\",\r\n    \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"\r\n  ];\r\n  function abrirPopup(popup) {\r\n    if (popup) popup.classList.add(\"active\");\r\n  }\r\n  function cerrarPopup(popup) {\r\n    if (popup) popup.classList.remove(\"active\");\r\n  }\r\n  if (btnPedidos) {\r\n    btnPedidos.addEventListener(\"click\", function () {\r\n      abrirPopup(popupPedidos);\r\n    });\r\n  }\r\n  if (btnSalidas) {\r\n    btnSalidas.addEventListener(\"click\", function () {\r\n      abrirPopup(popupSalidas);\r\n      cargarDatos();\r\n    });\r\n  }\r\n  \/\/ permite abrir las tarjetas con teclado (Enter \/ Espacio), igual que con click\r\n  root.querySelectorAll('[role=\"button\"]').forEach(function (el) {\r\n    el.addEventListener(\"keydown\", function (e) {\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        el.click();\r\n      }\r\n    });\r\n  });\r\n  root.querySelectorAll(\".close-popup\").forEach(function (btn) {\r\n    btn.addEventListener(\"click\", function () {\r\n      const id = btn.getAttribute(\"data-close\");\r\n      cerrarPopup(root.querySelector(\"#\" + id));\r\n    });\r\n  });\r\n  root.querySelectorAll(\".popup\").forEach(function (popup) {\r\n    popup.addEventListener(\"click\", function (e) {\r\n      if (e.target === popup) cerrarPopup(popup);\r\n    });\r\n  });\r\n  document.addEventListener(\"keydown\", function (e) {\r\n    if (e.key === \"Escape\") {\r\n      cerrarPopup(popupPedidos);\r\n      cerrarPopup(popupSalidas);\r\n    }\r\n  });\r\n  const btnMesAnterior = root.querySelector(\"#btnMesAnterior\");\r\n  const btnMesSiguiente = root.querySelector(\"#btnMesSiguiente\");\r\n  if (btnMesAnterior) {\r\n    btnMesAnterior.addEventListener(\"click\", function () {\r\n      cambiarMes(-1);\r\n    });\r\n  }\r\n  if (btnMesSiguiente) {\r\n    btnMesSiguiente.addEventListener(\"click\", function () {\r\n      cambiarMes(1);\r\n    });\r\n  }\r\n  root.addEventListener(\"click\", function (e) {\r\n    const btn = e.target.closest(\".tab-btn\");\r\n    if (!btn || !root.contains(btn)) return;\r\n    root.querySelectorAll(\".tab-btn\").forEach(function (b) {\r\n      b.classList.remove(\"active\");\r\n    });\r\n    btn.classList.add(\"active\");\r\n    tabGlobal = btn.dataset.tab;\r\n    cargarDatos();\r\n  });\r\n  function actualizarTextoMes() {\r\n    const titulo = root.querySelector(\"#mesTitulo\");\r\n    if (!titulo) return;\r\n    titulo.innerText = `${NOMBRES_MESES[mesGlobal - 1]} ${anioGlobal}`;\r\n  }\r\n  function cambiarMes(dir) {\r\n    mesGlobal += dir;\r\n    if (mesGlobal < 1) {\r\n      mesGlobal = 12;\r\n      anioGlobal--;\r\n    }\r\n    if (mesGlobal > 12) {\r\n      mesGlobal = 1;\r\n      anioGlobal++;\r\n    }\r\n    cargarDatos();\r\n  }\r\n  function cargarDatos() {\r\n    const contenedor = root.querySelector(\"#contenedorCalendario\");\r\n    if (!contenedor) return;\r\n    actualizarTextoMes();\r\n    contenedor.innerHTML = `\r\n      <div class=\"salida-loading\">\r\n        <i class=\"fas fa-spinner fa-spin\"><\/i>\r\n        Cargando salidas...\r\n      <\/div>\r\n    `;\r\n    fetch(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(function (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(function (data) {\r\n      const salidasFiltradas = data.filter(function (item) {\r\n        if (!item.fecha || !item.ruta) return false;\r\n        const partesFecha = item.fecha.split(\"\/\");\r\n        if (partesFecha.length !== 3) return false;\r\n        const mes = parseInt(partesFecha[1], 10);\r\n        const anio = parseInt(partesFecha[2], 10);\r\n        const esRutaCorrecta =\r\n          (tabGlobal === \"peru\" && String(item.ruta).endsWith(\"01\")) ||\r\n          (tabGlobal === \"japon\" && String(item.ruta).endsWith(\"02\"));\r\n        return esRutaCorrecta && mes === mesGlobal && anio === anioGlobal;\r\n      });\r\n      salidasFiltradas.sort(function (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      if (salidasFiltradas.length === 0) {\r\n        contenedor.innerHTML = `\r\n          <div class=\"salida-empty\">\r\n            <div class=\"ico\">\r\n              <i class=\"fas fa-calendar-xmark\"><\/i>\r\n            <\/div>\r\n            <h3>No se encontraron registros<\/h3>\r\n            <p>\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        return;\r\n      }\r\n      let htmlListado = `<div class=\"salidas-list\">`;\r\n      salidasFiltradas.forEach(function (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        htmlListado += `\r\n          <div class=\"salida-item\">\r\n            <div class=\"salida-left\">\r\n              <div class=\"salida-date\">\r\n                <span class=\"dia\">${diaStr}<\/span>\r\n                <span class=\"mes\">${mesNombreCorto}<\/span>\r\n              <\/div>\r\n              <div class=\"salida-info\">\r\n                <h4>Salida Confirmada<\/h4>\r\n                <p>\r\n                  <i class=\"fas ${iconoRuta}\"><\/i>\r\n                  Servicio ${textoRuta}\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"salida-badge\">\r\n              <i class=\"fas fa-circle-check\"><\/i>\r\n              Programado\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      });\r\n      htmlListado += `<\/div>`;\r\n      contenedor.innerHTML = htmlListado;\r\n    })\r\n    .catch(function (error) {\r\n      console.error(\"Detalle del error:\", error);\r\n      contenedor.innerHTML = `\r\n        <div class=\"salida-error\">\r\n          Error cargando calendario de la API\r\n        <\/div>\r\n      `;\r\n    });\r\n  }\r\n})();\r\n<\/script>\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>Consultar Kaneshima Express \u00bfEn qu\u00e9 podemos ayudarte hoy? Elige una opci\u00f3n y te llevamos directo a la informaci\u00f3n que necesitas, sin vueltas. 01 Consultar Env\u00edo Consulta el estado actual de tu encomienda y realiza seguimiento. Rastrear ahora 02 Pr\u00f3ximas Salidas Revisa el calendario actualizado con las pr\u00f3ximas fechas de env\u00edo. Ver calendario 03 Contacto Comun\u00edcate [&hellip;]<\/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":154,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions"}],"predecessor-version":[{"id":2672,"href":"https:\/\/kaneshima.express\/index.php\/wp-json\/wp\/v2\/pages\/2492\/revisions\/2672"}],"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}]}}