{"id":39442,"date":"2026-03-18T06:14:03","date_gmt":"2026-03-18T06:14:03","guid":{"rendered":"https:\/\/theeyesongroup.com\/vision-simulator\/"},"modified":"2026-04-13T07:28:45","modified_gmt":"2026-04-13T07:28:45","slug":"vision-simulator","status":"publish","type":"page","link":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/","title":{"rendered":"de visi\u00f3n Simulador"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39442\" class=\"elementor elementor-39442 elementor-39420\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10f791e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10f791e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-1a36771\" data-id=\"1a36771\" data-element_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-0db7fb0 elementor-widget elementor-widget-heading\" data-id=\"0db7fb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">de Visi\u00f3n <span style=\"color: #4268d2;\">Simulador<\/span><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09d845d elementor-widget elementor-widget-text-editor\" data-id=\"09d845d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<span style=\"font-weight: 400;\">Ajusta los deslizadores para ver c\u00f3mo las condiciones de visi\u00f3n cercana afectan la lectura o el enfoque en la pantalla.<\/span>\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-f5398ee elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f5398ee\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-ba730a2\" data-id=\"ba730a2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b1222bd elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b1222bd\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\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-inner-column elementor-element elementor-element-af623ee\" data-id=\"af623ee\" data-element_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-a990dd6 elementor-widget elementor-widget-html\" data-id=\"a990dd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.vsim-wrap {\r\n  width: 100%;\r\n}\r\n.vsim-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 420px;\r\n  overflow: hidden;\r\n  border-radius: 18px;\r\n  border: 1px solid rgba(0,0,0,0.1);\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.vsim-container img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: filter 0.25s ease;\r\n}\r\n\r\n.vsim-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transition: opacity 0.25s ease;\r\n}\r\n\r\n#vsim-glaucomaOv {\r\n  background: radial-gradient(circle at center, transparent 35%, rgba(0,0,0,0.96) 65%);\r\n}\r\n#vsim-amdOv {\r\n  background: radial-gradient(circle at center, rgba(0,0,0,0.92) 10%, rgba(0,0,0,0.45) 22%, transparent 36%);\r\n}\r\n#vsim-astigOv {\r\n  background: repeating-linear-gradient(\r\n    45deg,\r\n    transparent,\r\n    transparent 3px,\r\n    rgba(0,0,0,0.10) 3px,\r\n    rgba(0,0,0,0.10) 6px\r\n  );\r\n}\r\n\r\n\/* Section groups *\/\r\n.vsim-group {\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.vsim-group-title {\r\n  font-size: 1.1rem !important;\r\n  font-weight: 700 !important;\r\n  color: rgb(0 0 0 \/ 85%) !important;\r\n  margin: 15px 0 16px !important;\r\n  padding: 0 0 10px !important;\r\n  border: none !important;\r\n  border-bottom: 2px solid rgba(74,159,212,0.25) !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n.vsim-controls {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.vsim-slider-group label {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  align-items: center !important;\r\n  font-size: 15px !important;\r\n  font-weight: 500 !important;\r\n  color: rgb(0 0 0 \/ 88%) !important;\r\n  margin-bottom: 8px !important;\r\n  line-height: 1.4 !important;\r\n  float: none !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.vsim-slider-group label span {\r\n  color: #4a9fd4;\r\n  font-weight: 600;\r\n  font-size: 0.83rem;\r\n}\r\n\r\n\/* Range inputs *\/\r\ninput[type=\"range\"].vsim-range {\r\n  width: 100% !important;\r\n  -webkit-appearance: none !important;\r\n  appearance: none !important;\r\n  height: 4px !important;\r\n  min-height: 4px !important;\r\n  max-height: 4px !important;\r\n  border-radius: 2px !important;\r\n  background: rgb(0 0 0 \/ 25%) !important;\r\n  outline: none !important;\r\n  cursor: pointer !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n  vertical-align: middle !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range:focus {\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  border: none !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-webkit-slider-runnable-track {\r\n  height: 4px !important;\r\n  border-radius: 2px !important;\r\n  background: rgb(0 0 0 \/ 25%) !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-webkit-slider-thumb {\r\n  -webkit-appearance: none !important;\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border-radius: 50% !important;\r\n  background: linear-gradient(135deg, #4a9fd4, #0d9488) !important;\r\n  box-shadow: 0 2px 8px rgba(74,159,212,0.55) !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n  margin-top: -8px !important;\r\n  transition: transform 0.15s !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-webkit-slider-thumb:hover {\r\n  transform: scale(1.25) !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-moz-range-track {\r\n  height: 4px !important;\r\n  border-radius: 2px !important;\r\n  background: rgb(0 0 0 \/ 25%) !important;\r\n  border: none !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-moz-range-thumb {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border-radius: 50% !important;\r\n  border: none !important;\r\n  background: linear-gradient(135deg, #4a9fd4, #0d9488) !important;\r\n  cursor: pointer !important;\r\n  box-shadow: 0 2px 8px rgba(74,159,212,0.55) !important;\r\n}\r\n\r\ninput[type=\"range\"].vsim-range::-ms-thumb {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border-radius: 50% !important;\r\n  border: none !important;\r\n  background: linear-gradient(135deg, #4a9fd4, #0d9488) !important;\r\n}\r\n\r\n\/* Divider between groups *\/\r\n.vsim-group-divider {\r\n  border: none;\r\n  border-top: 1px solid rgba(0,0,0,0.08);\r\n  margin: 0 0 28px;\r\n}\r\n\r\n\/* Reset button *\/\r\n.vsim-reset-wrap {\r\n  text-align: center;\r\n  margin-top: 8px;\r\n}\r\n\r\n.vsim-reset-btn {\r\n  background: transparent;\r\n  color: #4d5153;\r\n  padding: 12px 32px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 0.92rem;\r\n  border: 2px solid #4d5153;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: border-color 0.25s, color 0.25s, transform 0.2s;\r\n}\r\n\r\n.vsim-reset-btn:hover {\r\n  border-color: #4a9fd4;\r\n  color: #4a9fd4;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Fade-in on scroll *\/\r\n.vsim-fade {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.vsim-fade.vsim-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .vsim-container { height: 260px; }\r\n  .vsim-group-title { font-size: 1rem !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vsim-wrap\">\r\n\r\n  <!-- Main image \u2013 Vision Conditions + Distance Vision only -->\r\n  <div class=\"vsim-container vsim-fade\">\r\n    <img decoding=\"async\" id=\"vsim-img\" src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80\" alt=\"Vision simulator\"\/>\r\n    <div id=\"vsim-glaucomaOv\" class=\"vsim-overlay\"><\/div>\r\n    <div id=\"vsim-amdOv\"      class=\"vsim-overlay\"><\/div>\r\n    <div id=\"vsim-astigOv\"    class=\"vsim-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- GROUP 1: Vision Conditions -->\r\n  <div class=\"vsim-group vsim-fade\">\r\n    <h3 class=\"vsim-group-title\">Condiciones de la visi\u00f3n<\/h3>\r\n    <div class=\"vsim-controls\">\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Degeneraci\u00f3n macular <span id=\"vsim-amdVal\">0%<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" id=\"vsim-amd\">\r\n      <\/div>\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Glaucoma <span id=\"vsim-glaucomaVal\">0%<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" id=\"vsim-glaucoma\">\r\n      <\/div>\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Cataratas <span id=\"vsim-cataractVal\">0%<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" id=\"vsim-cataract\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"vsim-reset-wrap\" style=\"margin-top:20px;\">\r\n      <button class=\"vsim-reset-btn\" id=\"vsim-resetConditions\">Reiniciar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <hr class=\"vsim-group-divider vsim-fade\">\r\n\r\n  <!-- GROUP 2: Distance Vision Simulator -->\r\n  <div class=\"vsim-group vsim-fade\">\r\n    <h3 class=\"vsim-group-title\">Simulador de visi\u00f3n lejana<\/h3>\r\n    <div class=\"vsim-controls\">\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Miop\u00eda (Miope) <span id=\"vsim-myopiaVal\">0<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"20\" value=\"0\" id=\"vsim-myopia\">\r\n      <\/div>\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Astigmatismo <span id=\"vsim-astigVal\">0<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"20\" value=\"0\" id=\"vsim-astig\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"vsim-reset-wrap\" style=\"margin-top:20px;\">\r\n      <button class=\"vsim-reset-btn\" id=\"vsim-resetDistance\">Reiniciar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <hr class=\"vsim-group-divider vsim-fade\">\r\n\r\n  <!-- Near Vision image \u2013 Presbyopia & Hyperopia only -->\r\n  <div class=\"vsim-fade\" style=\"margin-bottom: 28px; position:relative; border-radius:18px; overflow:hidden;\">\r\n    <img decoding=\"async\" id=\"vsim-near-img\"\r\n         src=\"https:\/\/theeyesongroup.com\/wp-content\/uploads\/2026\/04\/Near-Vision-Simulator-eye-test-with-letters.jpg\"\r\n         alt=\"Near vision eye test chart\"\r\n         style=\"width:100%; height:auto; display:block; transition: filter 0.25s ease;\">\r\n    <div id=\"vsim-near-presbyopiaOv\" style=\"position:absolute; inset:0; pointer-events:none; opacity:0; transition: opacity 0.25s ease; background: radial-gradient(circle at center, transparent 55%, rgba(0,0,0,0.92) 100%);\"><\/div>\r\n    <div id=\"vsim-near-hyperopiaOv\"  style=\"position:absolute; inset:0; pointer-events:none; opacity:0; transition: opacity 0.25s ease; background: radial-gradient(circle at center, transparent 65%, rgba(0,0,0,0.88) 100%);\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- GROUP 3: Near Vision Simulator -->\r\n  <div class=\"vsim-group vsim-fade\">\r\n    <h3 class=\"vsim-group-title\">Simulador de visi\u00f3n cercana<\/h3>\r\n    <div class=\"vsim-controls\">\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Presbicia <span id=\"vsim-presbyopiaVal\">0<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"20\" value=\"0\" id=\"vsim-presbyopia\">\r\n      <\/div>\r\n\r\n      <div class=\"vsim-slider-group\">\r\n        <label>Hipermetrop\u00eda (Hiperm\u00e9trope) <span id=\"vsim-hyperopiaVal\">0<\/span><\/label>\r\n        <input class=\"vsim-range\" type=\"range\" min=\"0\" max=\"20\" value=\"0\" id=\"vsim-hyperopia\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"vsim-reset-wrap\" style=\"margin-top:20px;\">\r\n      <button class=\"vsim-reset-btn\" id=\"vsim-resetNear\">Reiniciar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Reset All button -->\r\n  <div class=\"vsim-reset-wrap vsim-fade\">\r\n    <button class=\"vsim-reset-btn\" id=\"vsim-resetBtn\">Restablecer deslizadores<\/button>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n  var img        = document.getElementById('vsim-img');\r\n  var nearImg    = document.getElementById('vsim-near-img');\r\n  var nearPresOv = document.getElementById('vsim-near-presbyopiaOv');\r\n  var nearHypOv  = document.getElementById('vsim-near-hyperopiaOv');\r\n\r\n  \/* Top image overlays \u2013 NO presbyopia\/hyperopia here *\/\r\n  var overlays = {\r\n    glaucoma: document.getElementById('vsim-glaucomaOv'),\r\n    amd:      document.getElementById('vsim-amdOv'),\r\n    astig:    document.getElementById('vsim-astigOv')\r\n  };\r\n\r\n  var sliders = {\r\n    amd:        document.getElementById('vsim-amd'),\r\n    glaucoma:   document.getElementById('vsim-glaucoma'),\r\n    cataract:   document.getElementById('vsim-cataract'),\r\n    myopia:     document.getElementById('vsim-myopia'),\r\n    astig:      document.getElementById('vsim-astig'),\r\n    presbyopia: document.getElementById('vsim-presbyopia'),\r\n    hyperopia:  document.getElementById('vsim-hyperopia')\r\n  };\r\n\r\n  var labels = {\r\n    amd:        document.getElementById('vsim-amdVal'),\r\n    glaucoma:   document.getElementById('vsim-glaucomaVal'),\r\n    cataract:   document.getElementById('vsim-cataractVal'),\r\n    myopia:     document.getElementById('vsim-myopiaVal'),\r\n    astig:      document.getElementById('vsim-astigVal'),\r\n    presbyopia: document.getElementById('vsim-presbyopiaVal'),\r\n    hyperopia:  document.getElementById('vsim-hyperopiaVal')\r\n  };\r\n\r\n  function update() {\r\n    var amd  = parseFloat(sliders.amd.value);\r\n    var glau = parseFloat(sliders.glaucoma.value);\r\n    var cat  = parseFloat(sliders.cataract.value);\r\n    var myo  = parseFloat(sliders.myopia.value);\r\n    var ast  = parseFloat(sliders.astig.value);\r\n    var pres = parseFloat(sliders.presbyopia.value);\r\n    var hyp  = parseFloat(sliders.hyperopia.value);\r\n\r\n    \/* \u2500\u2500 TOP IMAGE: Vision Conditions + Distance Vision only \u2500\u2500 *\/\r\n    var topBlur    = Math.min(cat * 0.12 + myo * 0.5 + ast * 0.4, 22);\r\n    var brightness = Math.max(100 - cat * 0.35, 55);\r\n    var contrast   = Math.max(100 - cat * 0.45, 40);\r\n    var sepia      = Math.min(cat * 0.6, 60);\r\n\r\n    img.style.filter =\r\n      'blur('       + topBlur.toFixed(2)    + 'px) ' +\r\n      'brightness(' + brightness.toFixed(0) + '%) ' +\r\n      'contrast('   + contrast.toFixed(0)   + '%) ' +\r\n      'sepia('      + sepia.toFixed(0)      + '%)';\r\n\r\n    overlays.glaucoma.style.opacity = (glau \/ 100).toFixed(2);\r\n    overlays.amd.style.opacity      = (amd  \/ 100).toFixed(2);\r\n    overlays.astig.style.opacity    = (ast  \/ 20).toFixed(2);\r\n\r\n    \/* \u2500\u2500 NEAR VISION IMAGE: Presbyopia & Hyperopia only \u2500\u2500 *\/\r\n    var nearBlur         = Math.min(pres * 0.5 + hyp * 0.5, 22);\r\n    nearImg.style.filter = 'blur(' + nearBlur.toFixed(2) + 'px)';\r\n    nearPresOv.style.opacity = (pres \/ 20).toFixed(2);\r\n    nearHypOv.style.opacity  = (hyp  \/ 20).toFixed(2);\r\n\r\n    \/* Labels *\/\r\n    labels.amd.textContent        = amd  + '%';\r\n    labels.glaucoma.textContent   = glau + '%';\r\n    labels.cataract.textContent   = cat  + '%';\r\n    labels.myopia.textContent     = myo;\r\n    labels.astig.textContent      = ast;\r\n    labels.presbyopia.textContent = pres;\r\n    labels.hyperopia.textContent  = hyp;\r\n  }\r\n\r\n  Object.values(sliders).forEach(function(s) {\r\n    s.addEventListener('input', update);\r\n  });\r\n\r\n  document.getElementById('vsim-resetConditions').addEventListener('click', function () {\r\n    sliders.amd.value      = 0;\r\n    sliders.glaucoma.value = 0;\r\n    sliders.cataract.value = 0;\r\n    update();\r\n  });\r\n\r\n  document.getElementById('vsim-resetDistance').addEventListener('click', function () {\r\n    sliders.myopia.value = 0;\r\n    sliders.astig.value  = 0;\r\n    update();\r\n  });\r\n\r\n  document.getElementById('vsim-resetNear').addEventListener('click', function () {\r\n    sliders.presbyopia.value = 0;\r\n    sliders.hyperopia.value  = 0;\r\n    update();\r\n  });\r\n\r\n  document.getElementById('vsim-resetBtn').addEventListener('click', function () {\r\n    Object.values(sliders).forEach(function(s) { s.value = 0; });\r\n    update();\r\n  });\r\n\r\n  \/* Fade-in on scroll *\/\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(e) {\r\n        if (e.isIntersecting) e.target.classList.add('vsim-visible');\r\n      });\r\n    }, { threshold: 0.08 });\r\n\r\n    document.querySelectorAll('.vsim-fade').forEach(function(el) {\r\n      observer.observe(el);\r\n    });\r\n  } else {\r\n    document.querySelectorAll('.vsim-fade').forEach(function(el) {\r\n      el.classList.add('vsim-visible');\r\n    });\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\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\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>de Visi\u00f3n Simulador Ajusta los deslizadores para ver c\u00f3mo las condiciones de visi\u00f3n cercana afectan la lectura o el enfoque en la pantalla. Condiciones de la visi\u00f3n Degeneraci\u00f3n macular 0% Glaucoma 0% Cataratas 0% Reiniciar Simulador de visi\u00f3n lejana Miop\u00eda (Miope) 0 Astigmatismo 0 Reiniciar Simulador de visi\u00f3n cercana Presbicia 0 Hipermetrop\u00eda (Hiperm\u00e9trope) 0 Reiniciar [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width-page-without-header-title.php","meta":{"footnotes":""},"class_list":["post-39442","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>de visi\u00f3n Simulador - Eyes On<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"de visi\u00f3n Simulador - Eyes On\" \/>\n<meta property=\"og:description\" content=\"de Visi\u00f3n Simulador Ajusta los deslizadores para ver c\u00f3mo las condiciones de visi\u00f3n cercana afectan la lectura o el enfoque en la pantalla. Condiciones de la visi\u00f3n Degeneraci\u00f3n macular 0% Glaucoma 0% Cataratas 0% Reiniciar Simulador de visi\u00f3n lejana Miop\u00eda (Miope) 0 Astigmatismo 0 Reiniciar Simulador de visi\u00f3n cercana Presbicia 0 Hipermetrop\u00eda (Hiperm\u00e9trope) 0 Reiniciar [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/\" \/>\n<meta property=\"og:site_name\" content=\"Eyes On\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-13T07:28:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/\",\"url\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/\",\"name\":\"de visi\u00f3n Simulador - Eyes On\",\"isPartOf\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80\",\"datePublished\":\"2026-03-18T06:14:03+00:00\",\"dateModified\":\"2026-04-13T07:28:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeyesongroup.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"de visi\u00f3n Simulador\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/#website\",\"url\":\"https:\/\/theeyesongroup.com\/es\/\",\"name\":\"Eyes On\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeyesongroup.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/#organization\",\"name\":\"Eyes On\",\"url\":\"https:\/\/theeyesongroup.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/theeyesongroup.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/theeyesongroup.com\/wp-content\/uploads\/2024\/12\/website-header-logo.png\",\"contentUrl\":\"https:\/\/theeyesongroup.com\/wp-content\/uploads\/2024\/12\/website-header-logo.png\",\"width\":842,\"height\":304,\"caption\":\"Eyes On\"},\"image\":{\"@id\":\"https:\/\/theeyesongroup.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"de visi\u00f3n Simulador - Eyes On","robots":{"index":"noindex","follow":"follow"},"og_locale":"es_ES","og_type":"article","og_title":"de visi\u00f3n Simulador - Eyes On","og_description":"de Visi\u00f3n Simulador Ajusta los deslizadores para ver c\u00f3mo las condiciones de visi\u00f3n cercana afectan la lectura o el enfoque en la pantalla. Condiciones de la visi\u00f3n Degeneraci\u00f3n macular 0% Glaucoma 0% Cataratas 0% Reiniciar Simulador de visi\u00f3n lejana Miop\u00eda (Miope) 0 Astigmatismo 0 Reiniciar Simulador de visi\u00f3n cercana Presbicia 0 Hipermetrop\u00eda (Hiperm\u00e9trope) 0 Reiniciar [&hellip;]","og_url":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/","og_site_name":"Eyes On","article_modified_time":"2026-04-13T07:28:45+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/","url":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/","name":"de visi\u00f3n Simulador - Eyes On","isPartOf":{"@id":"https:\/\/theeyesongroup.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage"},"image":{"@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80","datePublished":"2026-03-18T06:14:03+00:00","dateModified":"2026-04-13T07:28:45+00:00","breadcrumb":{"@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeyesongroup.com\/es\/vision-simulator\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?w=1200&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/theeyesongroup.com\/es\/vision-simulator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeyesongroup.com\/es\/"},{"@type":"ListItem","position":2,"name":"de visi\u00f3n Simulador"}]},{"@type":"WebSite","@id":"https:\/\/theeyesongroup.com\/es\/#website","url":"https:\/\/theeyesongroup.com\/es\/","name":"Eyes On","description":"","publisher":{"@id":"https:\/\/theeyesongroup.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeyesongroup.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/theeyesongroup.com\/es\/#organization","name":"Eyes On","url":"https:\/\/theeyesongroup.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/theeyesongroup.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/theeyesongroup.com\/wp-content\/uploads\/2024\/12\/website-header-logo.png","contentUrl":"https:\/\/theeyesongroup.com\/wp-content\/uploads\/2024\/12\/website-header-logo.png","width":842,"height":304,"caption":"Eyes On"},"image":{"@id":"https:\/\/theeyesongroup.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/pages\/39442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/comments?post=39442"}],"version-history":[{"count":35,"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/pages\/39442\/revisions"}],"predecessor-version":[{"id":39598,"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/pages\/39442\/revisions\/39598"}],"wp:attachment":[{"href":"https:\/\/theeyesongroup.com\/es\/wp-json\/wp\/v2\/media?parent=39442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}