{"id":21030,"date":"2024-03-13T19:42:31","date_gmt":"2024-03-13T18:42:31","guid":{"rendered":"https:\/\/iteracare.life\/produktpreisrechner-nach-land\/"},"modified":"2025-07-21T17:37:57","modified_gmt":"2025-07-21T15:37:57","slug":"kalkulator","status":"publish","type":"page","link":"https:\/\/iterahertz.life\/de\/kalkulator\/","title":{"rendered":"PRODUKTPREISRECHNER NACH LAND"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21030\" class=\"elementor elementor-21030 elementor-20354\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90df531 e-flex e-con-boxed e-con e-parent\" data-id=\"90df531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f1fa1d elementor-widget elementor-widget-wpml-language-switcher\" data-id=\"5f1fa1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpml-language-switcher.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpml-elementor-ls\">\n<div\n\t role=\"navigation\" aria-label=\"Sprachumschalter\" class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown\">\n\t<ul>\n\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-current-language wpml-ls-item-legacy-dropdown\">\n\t\t\t\t\t\t\t\t\t<a href=\"#\" hreflang=\"de\" lang=\"de\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" aria-current=\"page\" aria-expanded=\"false\" aria-controls=\"wpml-ls-submenu-default\" aria-label=\"Deutsch \u2013 Sprachumschalter, dr\u00fccken Sie Tab, um zu anderen Sprachen zu navigieren\" title=\"Wechseln zu Deutsch (Deutsch)\">\n\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/de.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">Deutsch<\/span><\/a>\n\n\t\t\t<ul id=\"wpml-ls-submenu-default\" class=\"wpml-ls-sub-menu\">\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-first-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/iterahertz.life\/en\/\" hreflang=\"en\" lang=\"en\" class=\"wpml-ls-link\" aria-label=\"Wechseln zu Englisch (English)\" title=\"Wechseln zu Englisch (English)\">\n\t\t\t\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/en.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">English<\/span><span class=\"wpml-ls-display\"><span class=\"wpml-ls-bracket\">(<\/span>Englisch<span class=\"wpml-ls-bracket\">)<\/span><\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-es\">\n\t\t\t\t\t\t<a href=\"https:\/\/iterahertz.life\/\" hreflang=\"es\" lang=\"es\" class=\"wpml-ls-link\" aria-label=\"Wechseln zu Spanisch (Espa\u00f1ol)\" title=\"Wechseln zu Spanisch (Espa\u00f1ol)\">\n\t\t\t\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/es.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">Espa\u00f1ol<\/span><span class=\"wpml-ls-display\"><span class=\"wpml-ls-bracket\">(<\/span>Spanisch<span class=\"wpml-ls-bracket\">)<\/span><\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr\">\n\t\t\t\t\t\t<a href=\"https:\/\/iterahertz.life\/fr\/\" hreflang=\"fr\" lang=\"fr\" class=\"wpml-ls-link\" aria-label=\"Wechseln zu Franz\u00f6sisch (Fran\u00e7ais)\" title=\"Wechseln zu Franz\u00f6sisch (Fran\u00e7ais)\">\n\t\t\t\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/fr.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">Fran\u00e7ais<\/span><span class=\"wpml-ls-display\"><span class=\"wpml-ls-bracket\">(<\/span>Franz\u00f6sisch<span class=\"wpml-ls-bracket\">)<\/span><\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-pt-br\">\n\t\t\t\t\t\t<a href=\"https:\/\/iterahertz.life\/pt-br\/\" hreflang=\"pt-br\" lang=\"pt-br\" class=\"wpml-ls-link\" aria-label=\"Wechseln zu Portugiesisch, Brasilien (Portugu\u00eas)\" title=\"Wechseln zu Portugiesisch, Brasilien (Portugu\u00eas)\">\n\t\t\t\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/pt-br.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">Portugu\u00eas<\/span><span class=\"wpml-ls-display\"><span class=\"wpml-ls-bracket\">(<\/span>Portugiesisch, Brasilien<span class=\"wpml-ls-bracket\">)<\/span><\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-it wpml-ls-last-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/iterahertz.life\/it\/\" hreflang=\"it\" lang=\"it\" class=\"wpml-ls-link\" aria-label=\"Wechseln zu Italienisch (Italiano)\" title=\"Wechseln zu Italienisch (Italiano)\">\n\t\t\t\t\t\t\t                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/iterahertz.life\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/it.svg\"\n            alt=\"\"\n            loading=\"lazy\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\">Italiano<\/span><span class=\"wpml-ls-display\"><span class=\"wpml-ls-bracket\">(<\/span>Italienisch<span class=\"wpml-ls-bracket\">)<\/span><\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t<\/ul>\n\n\t\t<\/li>\n\n\t<\/ul>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96a18be e-con-full e-flex e-con e-parent\" data-id=\"96a18be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aaed178 e-con-full e-flex e-con e-child\" data-id=\"aaed178\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0d72d6 elementor-widget elementor-widget-html\" data-id=\"a0d72d6\" 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<div>\r\n\r\n\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Interaktiver Preisrechner<\/title>\r\n  <meta name=\"description\" content=\"Berechnen Sie Produktpreise in verschiedenen L\u00e4ndern und W\u00e4hrungen. Einfach und visuell.\">\r\n  <style>\r\n    :root {\r\n      --primary: #0056b3;\r\n      --primary-dark: #003d80;\r\n      --secondary: #f8f9fa;\r\n      --card-bg: #fff;\r\n      --card-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n      --border: #e0e0e0;\r\n      --radius: 18px;\r\n      --focus: #8ac9ff;\r\n      --danger: #d7263d;\r\n      --transition: 0.23s cubic-bezier(.45,0,.55,1);\r\n    }\r\n    body {\r\n      min-height:100vh;\r\n      background: #fff;\r\n      color: #212529;\r\n    }\r\n    .calculator-app {\r\n      border-radius: 0;\r\n      box-shadow: none;\r\n    }\r\n    header {\r\n      text-align: center;\r\n      margin-bottom: 2em;\r\n      border-bottom: 2px solid var(--border);\r\n      padding-bottom: 0.8em;\r\n      user-select:none;\r\n    }\r\n    header h1 {\r\n      font-size: 2.3em;\r\n      font-weight: bold;\r\n      color: var(--primary);\r\n      margin:0;\r\n      letter-spacing:0.02em;\r\n    }\r\n    .selection-stage {\r\n      background: var(--card-bg);\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--card-shadow);\r\n      margin-bottom: 26px;\r\n      overflow: hidden;\r\n      transition: max-height .6s var(--transition), opacity .29s;\r\n      max-height: 1800px;\r\n      opacity:1;\r\n      display:block;\r\n      pointer-events:auto;\r\n    }\r\n    .selection-stage:not(.visible) {\r\n      opacity: 0;\r\n      max-height: 0 !important;\r\n      margin-bottom: 0;\r\n      box-shadow: none;\r\n      pointer-events: none;\r\n      border:none;\r\n      display: block;\r\n    }\r\n    .selection-stage.hide {\r\n      display: none !important;\r\n    }\r\n    .selection-stage h2 {\r\n      background: #ecf2fa;\r\n      color: var(--primary-dark);\r\n      font-size: 1.25em;\r\n      margin:0;\r\n      padding: 15px 20px;\r\n      border-bottom: 1px solid var(--border);\r\n      display: flex;\r\n      align-items: center;\r\n      gap:10px;\r\n      font-weight: 600;\r\n      letter-spacing: 0.02em;\r\n    }\r\n    .selected-item-header-text {\r\n      font-size: 0.88em;\r\n      color: #777;\r\n      font-weight: 400;\r\n    }\r\n    .search-input {\r\n      margin: 18px 0 0 0;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n    }\r\n    .search-input input {\r\n      width: 100%;\r\n      max-width: 320px;\r\n      padding: 9px 14px;\r\n      border: 1.5px solid var(--border);\r\n      border-radius: 14px;\r\n      font-size: 1em;\r\n      transition: border-color .2s;\r\n      outline: none;\r\n    }\r\n    .search-input input:focus {border-color: var(--focus);}\r\n    .item-list {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(120px,1fr));\r\n      gap: 18px;\r\n      padding: 22px;\r\n      padding-top: 16px;\r\n      background: transparent;\r\n    }\r\n    .list-item {\r\n      background: var(--card-bg);\r\n      border: 2px solid var(--border);\r\n      border-radius: 12px;\r\n      box-shadow: 0 0.5px 3px rgba(0,0,0,0.03);\r\n      padding: 16px 8px 12px;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      min-height: 130px;\r\n      transition: box-shadow .22s, border-color .18s, transform .18s;\r\n      outline: none;\r\n      position: relative;\r\n      user-select:none;\r\n    }\r\n    .list-item.selected, .list-item:focus-visible {\r\n      border-color: var(--primary);\r\n      box-shadow: 0 0 0 3px var(--focus), 0 2px 16px rgba(0, 86, 179, 0.12);\r\n      z-index:2;\r\n    }\r\n    .list-item.selected {background: #e9f6ff;}\r\n    .list-item:hover:not(.selected) {transform: translateY(-2px);}\r\n    .list-item img {\r\n      max-width: 85px;\r\n      border-radius: 8px;\r\n      margin-bottom: 9px;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.09);\r\n      background: #f3f3f3;\r\n      transition: filter .15s;\r\n      object-fit: contain;\r\n    }\r\n    .list-item span {\r\n      font-size: 0.96em;\r\n      color: #393939;\r\n      margin-bottom:2px;\r\n    }\r\n    .not-available {\r\n      opacity:.5;\r\n      filter: grayscale(1);\r\n      pointer-events: none;\r\n    }\r\n    \/* Result & output *\/\r\n    #price-result-stage h2 {background: var(--primary); color: #fff;}\r\n    #price-output {\r\n      padding: 28px 20px 16px;\r\n      text-align: center;\r\n      min-height: 105px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items:center;\r\n      justify-content: center;\r\n      font-size:1.07em;\r\n    }\r\n    #price-output .selection-summary {\r\n      font-size: 1.02em;\r\n      color: #666;\r\n      margin-bottom: 16px;\r\n      font-weight: 600;\r\n    }\r\n    #price-output .price-main {\r\n      font-size: 2em;\r\n      font-weight: bold;\r\n      color: var(--primary-dark);\r\n      margin-bottom: 8px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n    }\r\n    #price-output .flag-icon {\r\n      width: 34px;\r\n      border-radius: 6px;\r\n      box-shadow: 0 2px 5px rgba(0,0,0,0.07);\r\n      vertical-align: middle;\r\n    }\r\n    #price-output .price-local {\r\n      font-size: 1.15em;\r\n      color: #444;\r\n      margin-bottom: 6px;\r\n    }\r\n    #price-output.initial-message, #price-output.not-available-message {\r\n      color: #9b9b9b;\r\n      font-style: italic;\r\n    }\r\n    #price-output.not-available-message {\r\n      color: var(--danger);\r\n      font-weight: 600;\r\n      font-size:1.07em;\r\n    }\r\n    .reset-button-container {\r\n      position: fixed;\r\n      bottom: 18px; left:0; right:0;\r\n      text-align: center;\r\n      z-index: 99;\r\n      padding:0 12px;\r\n      pointer-events: none;\r\n    }\r\n    .reset-button {\r\n      padding: 14px 30px;\r\n      background: var(--primary);\r\n      color: #fff;\r\n      border: none;\r\n      border-radius: 28px;\r\n      font-size: 1.04em;\r\n      cursor: pointer;\r\n      box-shadow: 0 4px 16px rgba(0,86,179,0.10);\r\n      min-width: 180px;\r\n      max-width:340px;\r\n      font-weight: 600;\r\n      letter-spacing:.01em;\r\n      pointer-events: auto;\r\n      transition: background .17s, transform .17s;\r\n      outline:none;\r\n    }\r\n    .reset-button:focus, .reset-button:hover {background: var(--primary-dark);}\r\n    @media (max-width: 600px) {\r\n      .calculator-app {padding: 10px 0 85px;}\r\n      header h1 {font-size: 1.23em;}\r\n      .item-list {gap: 9px; padding:12px;}\r\n      .selection-stage h2 {font-size:1em; padding: 9px 9px;}\r\n      .list-item {min-height:100px; padding:8px 3px 8px;}\r\n      .list-item img {max-width: 65px;}\r\n      .reset-button {padding: 11px 12px; font-size:.99em;}\r\n      #price-output .price-main {font-size:1.23em;}\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <div class=\"calculator-app\" id=\"app\">\r\n    <header>\r\n      <h1>Interaktiver Preisrechner<\/h1>\r\n    <\/header>\r\n    <!-- Productos -->\r\n    <section id=\"product-selection-stage\" class=\"selection-stage visible\">\r\n      <h2>Schritt 1: Produkt ausw\u00e4hlen <span id=\"selected-product-name-header\" class=\"selected-item-header-text\"><\/span><\/h2>\r\n      <div class=\"search-input\"><input id=\"product-search\" type=\"search\" placeholder=\"Produkt suchen...\" autocomplete=\"off\"><\/div>\r\n      <div id=\"products-list\" class=\"item-list\" tabindex=\"0\"><\/div>\r\n    <\/section>\r\n    <!-- Pa\u00edses -->\r\n    <section id=\"country-selection-stage\" class=\"selection-stage\">\r\n      <h2>Schritt 2: W\u00e4hlen Sie ein Land <span id=\"selected-country-name-header\" class=\"selected-item-header-text\"><\/span><\/h2>\r\n      <div class=\"search-input\"><input id=\"country-search\" type=\"search\" placeholder=\"Land suchen...\" autocomplete=\"off\"><\/div>\r\n      <div id=\"countries-list\" class=\"item-list\" tabindex=\"0\"><\/div>\r\n    <\/section>\r\n    <!-- Resultado -->\r\n    <section id=\"price-result-stage\" class=\"selection-stage\">\r\n      <h2>Preisergebnis<\/h2>\r\n      <div id=\"price-output\" class=\"initial-message\">\r\n        <span>Bitte w\u00e4hlen Sie ein Produkt und ein Land aus.<\/span>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n  <div id=\"reset-button-container\" class=\"reset-button-container\" style=\"display:none;\">\r\n    <button id=\"reset-button\" class=\"reset-button\" tabindex=\"0\">Berechnen Sie eine andere<\/button>\r\n  <\/div>\r\n\r\n<script type=\"module\">\r\n  \/\/ ========== MISMA DATA QUE ANTES ==========\r\n  const priceData = {\r\n    \"AFR\": { name: \"\u00c1frica\", currency: \"USD\", rate: 1, flag: \"\/wp-content\/uploads\/2025\/05\/africa_placeholder.png\", products: { \"Classic 2.2\": 425, \"Premium Plus\": 800, \"iTeraPro\": 4250, \"ION Shield\": 380, \"iTera Bio Lite\": 1300, \"iTera Bio\": 4500, \"OxyTap\": 5500 ,\"7 Wonders\": 410 , \"Reloj Escalar\": 1100 }},\r\n    \"ASI\": { name: \"Asia\", currency: \"USD\", rate: 1, flag: \"\/wp-content\/uploads\/2025\/05\/asia_placeholder.png\", products: { \"Classic 2.2\": 380, \"Premium Plus\": 800, \"iTeraPro\": 3800, \"ION Shield\": 350, \"iTera Bio Lite\": 1300, \"iTera Bio\": 4500, \"OxyTap\": 5200,\"7 Wonders\": 320, \"Reloj Escalar\": 990 }},\r\n    \"AU\": { name: \"Australia\", currency: \"AUD\", rate: 1.53, flag: \"\/wp-content\/uploads\/2025\/05\/au.png\", products: { \"Classic 2.2\": 460, \"Premium Plus\": 940, \"iTeraPro\": 4900, \"ION Shield\": 460, \"iTera Bio Lite\": 1500, \"iTera Bio\": 5000, \"OxyTap\": 6160,\"7 Wonders\": 420, \"Reloj Escalar\": 1200 }},\r\n    \"CA\": { name: \"Canad\u00e1\", currency: \"CAD\", rate: 1.37, flag: \"\/wp-content\/uploads\/2025\/05\/ca.png\", products: { \"Classic 2.2\": 425, \"Premium Plus\": 890, \"iTeraPro\": 4550, \"ION Shield\": 405, \"iTera Bio Lite\": null, \"iTera Bio\": null, \"OxyTap\": 5500,\"7 Wonders\": 450, \"Reloj Escalar\": 1490 }},\r\n    \"CO\": { name: \"Colombia\", currency: \"COP\", rate: 3900, flag: \"\/wp-content\/uploads\/2025\/05\/co.png\", products: { \"Classic 2.2\": 450, \"Premium Plus\": 880, \"iTeraPro\": 4800, \"ION Shield\": null, \"iTera Bio Lite\": 1420, \"iTera Bio\": null, \"OxyTap\": 5600, \"7 Wonders\": 490,\"Reloj Escalar\": 1250 }},\r\n    \"EU\": { name: \"Europa\", currency: \"EUR\", rate: 0.93, flag: \"\/wp-content\/uploads\/2025\/05\/eu.png\", products: { \"Classic 2.2\": 536, \"Premium Plus\": 1005, \"iTeraPro\": 5359, \"ION Shield\": 536, \"iTera Bio Lite\": 1690, \"iTera Bio\": 5669, \"OxyTap\": 6600,\"7 Wonders\": 499, \"Reloj Escalar\": 1545 }},\r\n    \"NO\": { name: \"Noruega\", currency: \"NOK\", rate: 10.80, flag: \"\/wp-content\/uploads\/2025\/05\/no.png\", products: { \"Classic 2.2\": 536, \"Premium Plus\": 1005, \"iTeraPro\": 5359, \"ION Shield\": 536, \"iTera Bio Lite\": 1690, \"iTera Bio\": 5669, \"OxyTap\": 6600,\"7 Wonders\": 499, \"Reloj Escalar\": 1545 }},\r\n    \"IN\": { name: \"India\", currency: \"INR\", rate: 83.5, flag: \"\/wp-content\/uploads\/2025\/05\/in.png\", products: { \"Classic 2.2\": 461, \"Premium Plus\": 986, \"iTeraPro\": 4636, \"ION Shield\": 422, \"iTera Bio Lite\": 1600, \"iTera Bio\": null, \"OxyTap\": 3300,\"7 Wonders\": 490, \"Reloj Escalar\": 1500 }},\r\n    \"MX\": { name: \"M\u00e9xico\", currency: \"MXN\", rate: 17.0, flag: \"\/wp-content\/uploads\/2025\/05\/mx.png\", products: { \"Classic 2.2\": 430,  \"Premium Plus\": 890, \"iTeraPro\": 4530, \"ION Shield\": 395, \"iTera Bio Lite\": 1460, \"iTera Bio\": 4850, \"OxyTap\": 5540,\"7 Wonders\": 1275, \"Reloj Escalar\": 1500 }},\r\n    \"LAT\": { name: \"Latinoam\u00e9rica\", currency: \"USD\", rate: 1, flag: \"\/wp-content\/uploads\/2025\/05\/latam_placeholder.png\", products: { \"Classic 2.2\": 420, \"Premium Plus\": 880, \"iTeraPro\": 4500, \"ION Shield\": 390, \"iTera Bio Lite\": 1420, \"iTera Bio\": 4800, \"OxyTap\": 5600,\"7 Wonders\": 499, \"Reloj Escalar\": 1250 }},\r\n    \"GB\": { name: \"Reino Unido\", currency: \"GBP\", rate: 0.80, flag: \"\/wp-content\/uploads\/2025\/05\/gb.png\", products: { \"Classic 2.2\": 506, \"Premium Plus\": 972, \"iTeraPro\": 5060, \"ION Shield\": 506, \"iTera Bio Lite\": 1558, \"iTera Bio\": 5610, \"OxyTap\": 6600,\"7 Wonders\": 1275, \"Reloj Escalar\": 1500 }},\r\n    \"US\": { name: \"Estados Unidos\", currency: \"USD\", rate: 1, flag: \"\/wp-content\/uploads\/2025\/05\/us.png\", products: { \"Classic 2.2\": 420, \"Premium Plus\": 880, \"iTeraPro\": 4500, \"ION Shield\": 390, \"iTera Bio Lite\": 1420, \"iTera Bio\": 4800, \"OxyTap\": 5500,\"7 Wonders\": 499, \"Reloj Escalar\": 1545 }},\r\n    \"CH\": { name: \"Suiza\", currency: \"CHF\", rate: 0.91, flag: \"\/wp-content\/uploads\/2025\/05\/ch.png\", products: { \"Classic 2.2\": 536,  \"Premium Plus\": 1005, \"iTeraPro\": 5359, \"ION Shield\": 536, \"iTera Bio Lite\": 1690, \"iTera Bio\": 5669, \"OxyTap\": 5200,\"7 Wonders\": 1275, \"Reloj Escalar\": 1300 }},\r\n    \"MO\": { name: \"Marruecos\", currency: \"Dijan\", rate: 0.91, flag: \"\/wp-content\/uploads\/2025\/05\/maroc.png\", products: { \"Classic 2.2\": 465, \"Premium Plus\": 980, \"iTeraPro\": 3.945, \"ION Shield\": 465, \"iTera Bio Lite\": 1590, \"iTera Bio\": 4.159, \"OxyTap\": 5200,\"7 Wonders\": 1275, \"Reloj Escalar\": 1500 }},\r\n    \"ARG\": { name: \"Argentina\", currency: \"USD\", rate: 1, flag: \"\/wp-content\/uploads\/2025\/05\/arg.png\", products: { \"Classic 2.2\": 420, \"Premium Plus\": 880, \"iTeraPro\": 4500, \"ION Shield\": 390, \"iTera Bio Lite\": 1420, \"iTera Bio\": 4800, \"OxyTap\": 5600,\"7 Wonders\": 499, \"Reloj Escalar\": 1250 }},\r\n  };\r\n  const productImages = {\r\n    \"Classic 2.2\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2023\/10\/iteracare-classic-2.0-internacional-300x300.webp\",\r\n    \"Premium Plus\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/03\/itera-premium-plus-original-300x300.webp\",\r\n    \"iTeraPro\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/03\/iteracare-pro-certificado-original-300x300.webp\",\r\n    \"ION Shield\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/03\/IONShield-ITERACARE-e1697632244236-300x300.webp\",\r\n    \"iTera Bio Lite\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/03\/itera-bio-Lite-top-300x300.webp\",\r\n    \"iTera Bio\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2023\/10\/ITERA-BIO-4-e1696330261146.webp\",\r\n    \"OxyTap\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/11\/oxytup-oxigenar-el-agua-y-sus-celulas-2.webp\",\r\n    \"7 Wonders\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2024\/12\/7-wonders.webp\",\r\n    \"Reloj Escalar\": \"https:\/\/iterahertz.life\/wp-content\/uploads\/2025\/03\/Prife-International-Mans-Watch-S.webp\"\r\n  };\r\n  const productNames = Object.keys(productImages);\r\n  const countryCodes = Object.keys(priceData);\r\n\r\n  \/\/ ========== ELEMENTS ==========\r\n  const productSelectionStage = document.getElementById(\"product-selection-stage\");\r\n  const productsList = document.getElementById(\"products-list\");\r\n  const countrySelectionStage = document.getElementById(\"country-selection-stage\");\r\n  const countriesList = document.getElementById(\"countries-list\");\r\n  const priceResultStage = document.getElementById(\"price-result-stage\");\r\n  const priceOutput = document.getElementById(\"price-output\");\r\n  const selectedProductNameHeader = document.getElementById(\"selected-product-name-header\");\r\n  const selectedCountryNameHeader = document.getElementById(\"selected-country-name-header\");\r\n  const resetButtonContainer = document.getElementById(\"reset-button-container\");\r\n  const resetButton = document.getElementById(\"reset-button\");\r\n  const productSearchInput = document.getElementById(\"product-search\");\r\n  const countrySearchInput = document.getElementById(\"country-search\");\r\n\r\n  \/\/ ========== STATE ==========\r\n  let selectedProductName = null;\r\n  let selectedCountryCode = null;\r\n\r\n  \/\/ ========== HELPERS Y RENDER ==========\r\n  function ajustarAltura(section) {\r\n    section.style.maxHeight = 'none';\r\n    void section.offsetHeight; \/\/ Forzar reflow para la animaci\u00f3n\r\n    section.style.maxHeight = section.scrollHeight + 'px';\r\n  }\r\n\r\n  function setOnlyStageVisible(stage) {\r\n    [productSelectionStage, countrySelectionStage, priceResultStage].forEach(s => {\r\n      if (s === stage) {\r\n        s.classList.add('visible');\r\n        s.classList.remove('hide');\r\n        s.style.maxHeight = s.scrollHeight + 'px';\r\n        setTimeout(()=>s.scrollIntoView({behavior:'smooth',block:'start'}),200);\r\n      } else {\r\n        s.classList.remove('visible');\r\n        s.classList.add('hide');\r\n        s.style.maxHeight = '0px';\r\n      }\r\n    });\r\n  }\r\n  function formatCurrency(amount, currencyCode, locale='es-MX') {\r\n    if(!amount || isNaN(amount)) return '';\r\n    try {\r\n      return new Intl.NumberFormat(locale, {style:'currency',currency:currencyCode,minimumFractionDigits:0,maximumFractionDigits:0}).format(amount);\r\n    } catch {\r\n      return currencyCode+\" \"+parseFloat(amount).toLocaleString(locale,{minimumFractionDigits:0,maximumFractionDigits:0});\r\n    }\r\n  }\r\n  function getCountryLocale(countryCode) {\r\n    if (['MX','CO','LAT','ARG'].includes(countryCode)) return 'es-MX';\r\n    if (['EU','NO','CH'].includes(countryCode)) return 'de-DE';\r\n    if (countryCode === 'GB') return 'en-GB';\r\n    if (countryCode === 'AU') return 'en-AU';\r\n    if (countryCode === 'CA') return 'en-CA';\r\n    if (countryCode === 'IN') return 'en-IN';\r\n    return 'en-US';\r\n  }\r\n  function createListItem(type, id, name, imageUrl, disabled=false) {\r\n    const item = document.createElement('div');\r\n    item.className = `list-item ${type}-item`;\r\n    item.tabIndex = disabled ? -1 : 0;\r\n    item.setAttribute('role', 'button');\r\n    item.setAttribute('aria-disabled', disabled ? 'true' : 'false');\r\n    if (disabled) item.classList.add('not-available');\r\n    item.dataset.id = id;\r\n    item.innerHTML = `<img decoding=\"async\" src=\"${imageUrl}\" alt=\"${name}\"><span>${name}<\/span>`;\r\n    return item;\r\n  }\r\n  function filterAndShowProducts(query='') {\r\n    productsList.innerHTML = '';\r\n    const lower = query.trim().toLowerCase();\r\n    productNames.forEach(name => {\r\n      const item = createListItem('product', name, name, productImages[name]);\r\n      if(selectedProductName === name) item.classList.add('selected');\r\n      if (lower && !name.toLowerCase().includes(lower)) item.style.display = 'none';\r\n      productsList.appendChild(item);\r\n    });\r\n  }\r\n  function filterAndShowCountries(query='') {\r\n    countriesList.innerHTML = '';\r\n    const lower = query.trim().toLowerCase();\r\n    for(const code of countryCodes) {\r\n      const country = priceData[code];\r\n      let unavailable = false;\r\n      if (selectedProductName && (country.products[selectedProductName]==null || typeof country.products[selectedProductName] === 'undefined')) unavailable = true;\r\n      const item = createListItem('country', code, country.name, country.flag, unavailable);\r\n      if(selectedCountryCode === code) item.classList.add('selected');\r\n      if (lower && !country.name.toLowerCase().includes(lower)) item.style.display = 'none';\r\n      countriesList.appendChild(item);\r\n    }\r\n  }\r\n  function updateStageHeaders() {\r\n    selectedProductNameHeader.textContent = selectedProductName || '';\r\n    selectedCountryNameHeader.textContent = selectedCountryCode ? priceData[selectedCountryCode].name : '';\r\n  }\r\n\r\n  function displayPrice() {\r\n    priceOutput.classList.remove('initial-message','not-available-message');\r\n    resetButtonContainer.style.display = 'none';\r\n    if(!selectedProductName || !selectedCountryCode) {\r\n      priceOutput.innerHTML = '<span>Por favor, selecciona un producto y un pa\u00eds.<\/span>';\r\n      priceOutput.classList.add('initial-message');\r\n      ajustarAltura(priceResultStage);\r\n      return;\r\n    }\r\n    const country = priceData[selectedCountryCode];\r\n    const priceUSD = country.products[selectedProductName];\r\n    if(priceUSD==null) {\r\n      priceOutput.innerHTML = `<span class=\"selection-summary\">${selectedProductName} en ${country.name}:<\/span><span>Precio no disponible para esta combinaci\u00f3n.<\/span>`;\r\n      priceOutput.classList.add('not-available-message');\r\n      ajustarAltura(priceResultStage);\r\n      return;\r\n    }\r\n    const localPrice = priceUSD * country.rate;\r\n    const formattedUSD = formatCurrency(priceUSD, 'USD', 'en-US');\r\n    const formattedLocal = country.currency!=='USD' ? formatCurrency(localPrice, country.currency, getCountryLocale(selectedCountryCode)) : null;\r\n    let html = `<span class=\"selection-summary\">${selectedProductName} en ${country.name}:<\/span>`;\r\n    html += `<span class=\"price-main\"><img decoding=\"async\" src=\"${country.flag}\" alt=\"${country.name}\" class=\"flag-icon\">${formattedUSD}<\/span>`;\r\n    if(formattedLocal) html += `<span class=\"price-local\">(Aproximadamente ${formattedLocal})<\/span>`;\r\n    priceOutput.innerHTML = html;\r\n    resetButtonContainer.style.display = 'block';\r\n    setTimeout(()=>resetButtonContainer.scrollIntoView({behavior:'smooth',block:'nearest'}),200);\r\n    ajustarAltura(priceResultStage);\r\n  }\r\n\r\n  \/\/ ========== EVENTS ==========\r\n  productsList.addEventListener('click', e => {\r\n    const target = e.target.closest('.product-item');\r\n    if(!target || target.classList.contains('not-available')) return;\r\n    selectedProductName = target.dataset.id;\r\n    selectedCountryCode = null;\r\n    updateStageHeaders();\r\n    filterAndShowProducts(productSearchInput.value);\r\n    filterAndShowCountries(countrySearchInput.value);\r\n    setOnlyStageVisible(countrySelectionStage);\r\n    setTimeout(()=>countrySearchInput.focus(),350);\r\n  });\r\n  countriesList.addEventListener('click', e => {\r\n    const target = e.target.closest('.country-item');\r\n    if(!target || target.classList.contains('not-available')) return;\r\n    selectedCountryCode = target.dataset.id;\r\n    updateStageHeaders();\r\n    filterAndShowCountries(countrySearchInput.value);\r\n    setOnlyStageVisible(priceResultStage);\r\n    displayPrice();\r\n  });\r\n  resetButton.addEventListener('click', () => {\r\n    selectedProductName = null;\r\n    selectedCountryCode = null;\r\n    updateStageHeaders();\r\n    filterAndShowProducts('');\r\n    filterAndShowCountries('');\r\n    productSearchInput.value = '';\r\n    countrySearchInput.value = '';\r\n    setOnlyStageVisible(productSelectionStage);\r\n    setTimeout(()=>productSearchInput.focus(),300);\r\n    resetButtonContainer.style.display = 'none';\r\n  });\r\n  productSearchInput.addEventListener('input', e => filterAndShowProducts(e.target.value));\r\n  countrySearchInput.addEventListener('input', e => filterAndShowCountries(e.target.value));\r\n  [productsList, countriesList].forEach(list => {\r\n    list.addEventListener('keydown', e => {\r\n      if (e.key==='Enter'||e.key===' ') {e.preventDefault();e.target.click();}\r\n    });\r\n  });\r\n\r\n  \/\/ ========== INIT ==========\r\n  filterAndShowProducts('');\r\n  filterAndShowCountries('');\r\n  updateStageHeaders();\r\n  setOnlyStageVisible(productSelectionStage);\r\n<\/script>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Espa\u00f1ol English (Ingl\u00e9s) Fran\u00e7ais (Franc\u00e9s) Deutsch (Alem\u00e1n) Portugu\u00eas (Portugu\u00e9s, Brasil) Italiano Interaktiver Preisrechner Interaktiver Preisrechner Schritt 1: Produkt ausw\u00e4hlen Schritt 2: W\u00e4hlen Sie ein Land Preisergebnis Bitte w\u00e4hlen Sie ein Produkt und ein Land aus. Berechnen Sie eine andere<\/p>\n","protected":false},"author":1,"featured_media":27036,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","_joinchat":{"view":"no"},"footnotes":""},"categories":[],"tags":[],"class_list":["post-21030","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/pages\/21030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/comments?post=21030"}],"version-history":[{"count":0,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/pages\/21030\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/media\/27036"}],"wp:attachment":[{"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/media?parent=21030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/categories?post=21030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iterahertz.life\/de\/wp-json\/wp\/v2\/tags?post=21030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}