{"id":1394,"date":"2026-02-06T07:04:00","date_gmt":"2026-02-06T07:04:00","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1394"},"modified":"2026-02-06T07:20:58","modified_gmt":"2026-02-06T07:20:58","slug":"glass-coating-selection-wizard","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/products\/af-glass\/glass-coating-selection-wizard\/","title":{"rendered":"Asistente de selecci\u00f3n de revestimientos de vidrio"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-a98e9d4\" data-block-id=\"a98e9d4\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a98e9d4-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9c276e1\" data-v=\"4\" data-block-id=\"9c276e1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9c276e1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9c276e1-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-72ac564\" data-block-id=\"72ac564\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-72ac564-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-dc506a4\" data-v=\"4\" data-block-id=\"dc506a4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-dc506a4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-dc506a4-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-793f52a\" data-block-id=\"793f52a\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-793f52a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-044ea0b\" data-v=\"4\" data-block-id=\"044ea0b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-044ea0b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-044ea0b-inner-blocks\">\n<!-- Glass Coating Selection Wizard -->\n<!-- Scoped Module for WordPress Gutenberg \/ Blocksy \/ Stackable -->\n<section id=\"afg-coating-wizard\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,400&display=swap');\n\n#afg-coating-wizard {\n  --wz-primary: #304890;\n  --wz-primary-deep: #1860A8;\n  --wz-primary-mid: #1878C0;\n  --wz-primary-light: #3048A8;\n  --wz-af: #1860A8;\n  --wz-ag: #0D7C5F;\n  --wz-ar: #8B5A2B;\n  --wz-combo: #7B3FA0;\n  --wz-bg: #F7F8FC;\n  --wz-surface: #FFFFFF;\n  --wz-text: #1A1F36;\n  --wz-text-sec: #545B77;\n  --wz-border: #E2E5F1;\n  --wz-radius: 12px;\n  --wz-font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  --wz-font-display: 'Fraunces', Georgia, serif;\n  --wz-success: #0D7C5F;\n  box-sizing: border-box !important;\n  font-family: var(--wz-font) !important;\n  color: var(--wz-text) !important;\n  width: 100% !important;\n  padding: 40px 20px !important;\n  background: var(--wz-bg) !important;\n  position: relative !important;\n}\n#afg-coating-wizard *,\n#afg-coating-wizard *::before,\n#afg-coating-wizard *::after {\n  box-sizing: border-box !important;\n  margin: 0; padding: 0;\n}\n#afg-coating-wizard .wz-inner {\n  max-width: 980px;\n  margin: 0 auto;\n}\n\/* Header *\/\n#afg-coating-wizard .wz-header {\n  text-align: center;\n  margin-bottom: 32px;\n}\n#afg-coating-wizard .wz-eyebrow {\n  font-family: var(--wz-font) !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  color: var(--wz-primary-mid) !important;\n  margin-bottom: 12px !important;\n  display: block !important;\n}\n#afg-coating-wizard .wz-title {\n  font-family: var(--wz-font-display) !important;\n  font-size: 32px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.25 !important;\n  margin-bottom: 10px !important;\n}\n#afg-coating-wizard .wz-subtitle {\n  font-size: 15px !important;\n  color: var(--wz-text-sec) !important;\n  line-height: 1.6 !important;\n  max-width: 560px;\n  margin: 0 auto;\n  font-family: var(--wz-font) !important;\n}\n\/* Progress *\/\n#afg-coating-wizard .wz-progress-wrap {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 28px;\n}\n#afg-coating-wizard .wz-progress-step {\n  flex: 1;\n  height: 4px;\n  background: var(--wz-border);\n  border-radius: 4px;\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n#afg-coating-wizard .wz-progress-step.active {\n  background: var(--wz-primary);\n}\n#afg-coating-wizard .wz-progress-step.completed {\n  background: var(--wz-success);\n}\n#afg-coating-wizard .wz-step-counter {\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  color: var(--wz-text-sec) !important;\n  font-family: var(--wz-font) !important;\n  white-space: nowrap;\n  min-width: 60px;\n  text-align: right;\n}\n\/* Step Card *\/\n#afg-coating-wizard .wz-step-card {\n  background: var(--wz-surface);\n  border-radius: var(--wz-radius);\n  border: 1px solid var(--wz-border);\n  padding: 32px 28px;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  animation: wzFadeIn 0.35s ease;\n}\n@keyframes wzFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n#afg-coating-wizard .wz-q-label {\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  color: var(--wz-primary-mid) !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 10px !important;\n  font-family: var(--wz-font) !important;\n  display: block !important;\n}\n#afg-coating-wizard .wz-q-text {\n  font-family: var(--wz-font-display) !important;\n  font-size: 22px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.35 !important;\n  margin-bottom: 24px !important;\n}\n\/* Options *\/\n#afg-coating-wizard .wz-options {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  flex: 1;\n}\n#afg-coating-wizard .wz-option {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 14px 18px;\n  border: 1.5px solid var(--wz-border);\n  border-radius: 10px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  background: transparent;\n  text-align: left;\n  font-family: var(--wz-font) !important;\n  width: 100%;\n}\n#afg-coating-wizard .wz-option:hover {\n  border-color: var(--wz-primary-mid);\n  background: rgba(48,72,144,0.02);\n}\n#afg-coating-wizard .wz-option.selected {\n  border-color: var(--wz-primary);\n  background: rgba(48,72,144,0.04);\n  box-shadow: 0 0 0 1px var(--wz-primary);\n}\n#afg-coating-wizard .wz-option-radio {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid var(--wz-border);\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n}\n#afg-coating-wizard .wz-option.selected .wz-option-radio {\n  border-color: var(--wz-primary);\n  background: var(--wz-primary);\n}\n#afg-coating-wizard .wz-option.selected .wz-option-radio::after {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #fff;\n}\n#afg-coating-wizard .wz-option-icon {\n  font-size: 20px;\n  flex-shrink: 0;\n}\n#afg-coating-wizard .wz-option-content {\n  flex: 1;\n}\n#afg-coating-wizard .wz-option-label {\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: var(--wz-text) !important;\n  display: block !important;\n  margin-bottom: 2px !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-option-desc {\n  font-size: 12.5px !important;\n  color: var(--wz-text-sec) !important;\n  line-height: 1.45 !important;\n  font-family: var(--wz-font) !important;\n}\n\/* Navigation *\/\n#afg-coating-wizard .wz-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 24px;\n}\n#afg-coating-wizard .wz-btn {\n  font-family: var(--wz-font) !important;\n  font-size: 13.5px !important;\n  font-weight: 600 !important;\n  padding: 11px 24px !important;\n  border-radius: 8px !important;\n  border: none !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n}\n#afg-coating-wizard .wz-btn-back {\n  background: transparent !important;\n  color: var(--wz-text-sec) !important;\n  padding-left: 12px !important;\n}\n#afg-coating-wizard .wz-btn-back:hover {\n  color: var(--wz-text) !important;\n}\n#afg-coating-wizard .wz-btn-next {\n  background: var(--wz-primary) !important;\n  color: #fff !important;\n  margin-left: auto !important;\n}\n#afg-coating-wizard .wz-btn-next:hover {\n  background: var(--wz-primary-deep) !important;\n  box-shadow: 0 4px 12px rgba(48,72,144,0.3) !important;\n}\n#afg-coating-wizard .wz-btn-next:disabled {\n  opacity: 0.4 !important;\n  cursor: not-allowed !important;\n  box-shadow: none !important;\n}\n#afg-coating-wizard .wz-btn-restart {\n  background: transparent !important;\n  color: var(--wz-primary-mid) !important;\n  border: 1.5px solid var(--wz-border) !important;\n}\n#afg-coating-wizard .wz-btn-restart:hover {\n  border-color: var(--wz-primary-mid) !important;\n  background: rgba(24,120,192,0.04) !important;\n}\n\n\/* === RESULT VIEW === *\/\n#afg-coating-wizard .wz-result { display: none; }\n#afg-coating-wizard .wz-result-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 16px;\n  border-radius: 24px;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  font-family: var(--wz-font) !important;\n  margin-bottom: 16px;\n}\n#afg-coating-wizard .wz-result-heading {\n  font-family: var(--wz-font-display) !important;\n  font-size: 26px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.3 !important;\n  margin-bottom: 14px !important;\n}\n#afg-coating-wizard .wz-result-desc {\n  font-size: 14px !important;\n  color: var(--wz-text-sec) !important;\n  line-height: 1.7 !important;\n  margin-bottom: 24px !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-result-specs {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin-bottom: 24px;\n}\n#afg-coating-wizard .wz-result-spec {\n  padding: 16px;\n  background: var(--wz-bg);\n  border-radius: 10px;\n}\n#afg-coating-wizard .wz-result-spec-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  color: var(--wz-text-sec) !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.8px !important;\n  margin-bottom: 5px !important;\n  display: block !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-result-spec-value {\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: var(--wz-text) !important;\n  display: block !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-result-why {\n  padding: 18px 20px;\n  border-radius: 10px;\n  border-left: 3px solid;\n  margin-bottom: 24px;\n  background: var(--wz-bg);\n}\n#afg-coating-wizard .wz-result-why-title {\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: var(--wz-text) !important;\n  margin-bottom: 8px !important;\n  display: block !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-result-why-text {\n  font-size: 13.5px !important;\n  color: var(--wz-text-sec) !important;\n  line-height: 1.7 !important;\n  font-family: var(--wz-font) !important;\n}\n#afg-coating-wizard .wz-result-cta {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n#afg-coating-wizard .wz-cta-primary {\n  background: var(--wz-primary) !important;\n  color: #fff !important;\n  text-decoration: none !important;\n}\n#afg-coating-wizard .wz-cta-primary:hover {\n  background: var(--wz-primary-deep) !important;\n  box-shadow: 0 4px 12px rgba(48,72,144,0.3) !important;\n}\n\/* Summary bar *\/\n#afg-coating-wizard .wz-summary-bar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 18px;\n  padding: 12px 16px;\n  background: rgba(48,72,144,0.03);\n  border-radius: 8px;\n}\n#afg-coating-wizard .wz-summary-chip {\n  font-size: 11.5px !important;\n  font-weight: 500 !important;\n  padding: 4px 12px !important;\n  border-radius: 6px !important;\n  background: var(--wz-surface) !important;\n  border: 1px solid var(--wz-border) !important;\n  color: var(--wz-text) !important;\n  font-family: var(--wz-font) !important;\n}\n\/* Heading resets to inherit wizard styles *\/\n#afg-coating-wizard h2.wz-title,\n#afg-coating-wizard h3.wz-q-text,\n#afg-coating-wizard h3.wz-result-heading,\n#afg-coating-wizard h4.wz-result-why-title {\n  all: unset;\n}\n#afg-coating-wizard h2.wz-title {\n  font-family: var(--wz-font-display) !important;\n  font-size: 32px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.25 !important;\n  margin-bottom: 10px !important;\n  display: block !important;\n}\n#afg-coating-wizard h3.wz-q-text {\n  font-family: var(--wz-font-display) !important;\n  font-size: 22px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.35 !important;\n  margin-bottom: 24px !important;\n  display: block !important;\n}\n#afg-coating-wizard h3.wz-result-heading {\n  font-family: var(--wz-font-display) !important;\n  font-size: 26px !important;\n  font-weight: 500 !important;\n  color: var(--wz-text) !important;\n  line-height: 1.3 !important;\n  margin-bottom: 14px !important;\n  display: block !important;\n}\n#afg-coating-wizard h4.wz-result-why-title {\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: var(--wz-text) !important;\n  margin-bottom: 8px !important;\n  display: block !important;\n  font-family: var(--wz-font) !important;\n}\n@media (max-width: 600px) {\n  #afg-coating-wizard { padding: 28px 14px !important; }\n  #afg-coating-wizard .wz-title,\n  #afg-coating-wizard h2.wz-title { font-size: 24px !important; }\n  #afg-coating-wizard .wz-q-text,\n  #afg-coating-wizard h3.wz-q-text { font-size: 18px !important; }\n  #afg-coating-wizard .wz-step-card { padding: 22px 18px; }\n  #afg-coating-wizard .wz-result-specs { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n\n<div class=\"wz-inner\">\n  <div class=\"wz-header\">\n    <span class=\"wz-eyebrow\">Interactive Selection Tool<\/span>\n    <h2 class=\"wz-title\">Glass Coating Selection Wizard<\/h2>\n    <div class=\"wz-subtitle\">Answer 4 quick questions about your application to get a personalized coating recommendation with technical specifications.<\/div>\n  <\/div>\n\n  <!-- Progress -->\n  <div class=\"wz-progress-wrap\">\n    <div class=\"wz-progress-step\" data-step=\"0\"><\/div>\n    <div class=\"wz-progress-step\" data-step=\"1\"><\/div>\n    <div class=\"wz-progress-step\" data-step=\"2\"><\/div>\n    <div class=\"wz-progress-step\" data-step=\"3\"><\/div>\n    <span class=\"wz-step-counter\" id=\"wzStepCounter\">Step 1 \/ 4<\/span>\n  <\/div>\n\n  <!-- Steps Container -->\n  <div id=\"wzStepsContainer\"><\/div>\n\n  <!-- Result -->\n  <div class=\"wz-result\" id=\"wzResult\"><\/div>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('afg-coating-wizard');\n  if (!root) return;\n\n  var questions = [\n    {\n      label: 'Application Industry',\n      question: 'What industry is your product designed for?',\n      options: [\n        { icon: '\ud83d\udcf1', label: 'Consumer Electronics', desc: 'Smartphones, tablets, laptops, wearables', value: 'consumer' },\n        { icon: '\ud83c\udfe5', label: 'Medical Devices', desc: 'Diagnostic displays, patient monitors, surgical equipment', value: 'medical' },\n        { icon: '\ud83d\ude97', label: 'Automotive \/ EV', desc: 'Dashboard displays, HUD, instrument clusters', value: 'automotive' },\n        { icon: '\ud83c\udfed', label: 'Industrial \/ Commercial', desc: 'HMI panels, kiosks, ATM, POS terminals', value: 'industrial' }\n      ]\n    },\n    {\n      label: 'Primary Concern',\n      question: 'What is the most important performance requirement?',\n      options: [\n        { icon: '\ud83d\udd90\ufe0f', label: 'Fingerprint Resistance', desc: 'Surface stays clean with frequent touch interactions', value: 'fingerprint' },\n        { icon: '\u2600\ufe0f', label: 'Glare Reduction', desc: 'Readable in bright sunlight or high ambient light', value: 'glare' },\n        { icon: '\ud83d\udd2c', label: 'Optical Clarity', desc: 'Maximum light transmission for precise color accuracy', value: 'clarity' },\n        { icon: '\ud83d\udee1\ufe0f', label: 'Surface Durability', desc: 'High scratch resistance for demanding environments', value: 'durability' }\n      ]\n    },\n    {\n      label: 'Usage Environment',\n      question: 'Where will the product be primarily used?',\n      options: [\n        { icon: '\ud83c\udfe0', label: 'Indoor \/ Controlled', desc: 'Office, home, clean-room, medical facility', value: 'indoor' },\n        { icon: '\ud83c\udf24\ufe0f', label: 'Outdoor \/ High-Light', desc: 'Direct sunlight, variable lighting, exposed', value: 'outdoor' },\n        { icon: '\ud83d\udc46', label: 'High-Touch Public', desc: 'Kiosks, ATMs, shared devices, retail', value: 'public' },\n        { icon: '\u2699\ufe0f', label: 'Harsh \/ Industrial', desc: 'Factory floor, extreme temps, chemicals, dust', value: 'harsh' }\n      ]\n    },\n    {\n      label: 'Budget & Volume',\n      question: 'What is your expected production scale?',\n      options: [\n        { icon: '\ud83d\udd2c', label: 'Prototype \/ Small Batch', desc: 'Under 500 units, R&D or pilot run', value: 'prototype' },\n        { icon: '\ud83d\udce6', label: 'Mid-Volume Production', desc: '500 \u2013 10,000 units per order', value: 'mid' },\n        { icon: '\ud83c\udfed', label: 'High-Volume Mass Production', desc: '10,000+ units, continuous supply needed', value: 'high' },\n        { icon: '\ud83c\udfaf', label: 'Custom \/ Mixed', desc: 'Multiple SKUs with different specs', value: 'custom' }\n      ]\n    }\n  ];\n\n  var answers = [];\n  var currentStep = 0;\n\n  function getRecommendation() {\n    var scores = { af: 0, ag: 0, ar: 0, combo_af_ar: 0, combo_ag_af: 0, combo_3a: 0 };\n    var a = answers;\n\n    \/* Industry scoring *\/\n    if (a[0] === 'consumer') { scores.af += 4; scores.combo_af_ar += 2; }\n    if (a[0] === 'medical') { scores.ar += 4; scores.combo_af_ar += 3; }\n    if (a[0] === 'automotive') { scores.combo_3a += 4; scores.combo_ag_af += 3; }\n    if (a[0] === 'industrial') { scores.ag += 3; scores.combo_ag_af += 3; }\n\n    \/* Primary concern *\/\n    if (a[1] === 'fingerprint') { scores.af += 5; scores.combo_af_ar += 3; scores.combo_ag_af += 2; }\n    if (a[1] === 'glare') { scores.ag += 5; scores.combo_ag_af += 3; scores.combo_3a += 2; }\n    if (a[1] === 'clarity') { scores.ar += 5; scores.combo_af_ar += 3; }\n    if (a[1] === 'durability') { scores.ag += 3; scores.combo_3a += 2; scores.af += 1; }\n\n    \/* Environment *\/\n    if (a[2] === 'indoor') { scores.ar += 3; scores.af += 2; }\n    if (a[2] === 'outdoor') { scores.ag += 4; scores.combo_ag_af += 3; scores.combo_3a += 2; }\n    if (a[2] === 'public') { scores.af += 4; scores.combo_ag_af += 3; }\n    if (a[2] === 'harsh') { scores.ag += 3; scores.combo_3a += 3; scores.combo_ag_af += 2; }\n\n    \/* Volume *\/\n    if (a[3] === 'prototype') { scores.af += 1; scores.ar += 1; }\n    if (a[3] === 'mid') { scores.combo_af_ar += 1; scores.combo_ag_af += 1; }\n    if (a[3] === 'high') { scores.af += 2; scores.ag += 1; }\n    if (a[3] === 'custom') { scores.combo_3a += 2; scores.combo_af_ar += 1; }\n\n    var best = Object.keys(scores).reduce(function(a, b){ return scores[a] >= scores[b] ? a : b; });\n    return best;\n  }\n\n  var recommendations = {\n    af: {\n      badge: { text: 'AF Coating Recommended', bg: 'rgba(24,96,168,0.08)', color: '#1860A8', border: '#1860A8' },\n      title: 'Anti-Fingerprint (AF) Glass',\n      desc: 'Based on your requirements, an AF (oleophobic) coating is the optimal choice. The nano-fluorosilane layer provides superior oil and water repellency, keeping your touch surface clean and responsive for end users.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 92%' },\n        { label: 'Contact Angle', value: '\u2265 110\u00b0' },\n        { label: 'Hardness', value: '4\u20136H' },\n        { label: 'Abrasion', value: '3K+ cycles' }\n      ],\n      why: 'AF coating is ideal when fingerprint resistance and easy-clean properties are the top priority. The oleophobic layer significantly reduces smudge visibility and makes cleaning effortless\u2014critical for consumer-facing touch devices.',\n      process: 'Vacuum evaporation deposition at 200\u2013300\u00b0C with fluorosilane precursor.'\n    },\n    ag: {\n      badge: { text: 'AG Treatment Recommended', bg: 'rgba(13,124,95,0.08)', color: '#0D7C5F', border: '#0D7C5F' },\n      title: 'Anti-Glare (AG) Glass',\n      desc: 'Your application benefits most from AG surface treatment. Chemical etching creates a micro-textured surface that scatters reflected light, ensuring screen readability even in direct sunlight or high ambient lighting.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 88%' },\n        { label: 'Gloss', value: '80\u2013120 GU' },\n        { label: 'Hardness', value: '6\u20137H' },\n        { label: 'Haze', value: '5\u201325%' }\n      ],\n      why: 'AG treatment excels in bright environments where reflections degrade readability. The etched surface distributes light uniformly, making it the go-to choice for outdoor, industrial, and automotive displays.',\n      process: 'Chemical etching with HF-based solution or silica spray coating at controlled roughness.'\n    },\n    ar: {\n      badge: { text: 'AR Coating Recommended', bg: 'rgba(139,90,43,0.08)', color: '#8B5A2B', border: '#8B5A2B' },\n      title: 'Anti-Reflective (AR) Glass',\n      desc: 'Maximum optical clarity is essential for your use case. Multi-layer AR coating reduces surface reflectance to below 0.5%, achieving over 97% light transmission for the most accurate color reproduction and image quality.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 97%' },\n        { label: 'Reflectance', value: '\u2264 0.5%' },\n        { label: 'Hardness', value: '5\u20137H' },\n        { label: 'Layers', value: '4\u20138 layers' }\n      ],\n      why: 'AR coating is the best choice when optical performance is non-negotiable. Medical imaging, high-end displays, and precision instruments demand the lowest possible reflectance and highest light throughput.',\n      process: 'Multi-layer magnetron sputtering with alternating TiO\u2082\/SiO\u2082\/MgF\u2082 thin films.'\n    },\n    combo_af_ar: {\n      badge: { text: 'AF + AR Combination Recommended', bg: 'rgba(123,63,160,0.08)', color: '#7B3FA0', border: '#7B3FA0' },\n      title: 'AF + AR Dual-Coating Glass',\n      desc: 'Your application demands both exceptional clarity and fingerprint resistance. We recommend a dual-coating approach: AR multi-layer sputtering as the base for optical performance, topped with an AF oleophobic layer for touch usability.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 95%' },\n        { label: 'Reflectance', value: '\u2264 1%' },\n        { label: 'Contact Angle', value: '\u2265 105\u00b0' },\n        { label: 'Hardness', value: '5\u20137H' }\n      ],\n      why: 'The AF+AR combination delivers the best of both worlds: near-zero reflection for display clarity, plus oil-repellent surface for clean touch interaction. Ideal for medical displays and high-end consumer devices where both factors are critical.',\n      process: 'Multi-layer AR sputtering + top-layer AF vacuum evaporation in sequential process.'\n    },\n    combo_ag_af: {\n      badge: { text: 'AG + AF Combination Recommended', bg: 'rgba(123,63,160,0.08)', color: '#7B3FA0', border: '#7B3FA0' },\n      title: 'AG + AF Dual-Treatment Glass',\n      desc: 'Your requirements call for both glare control and fingerprint resistance. We recommend AG etching to handle ambient light, with an AF topcoat to maintain touch cleanliness in high-interaction environments.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 88%' },\n        { label: 'Gloss', value: '80\u2013120 GU' },\n        { label: 'Contact Angle', value: '\u2265 100\u00b0' },\n        { label: 'Hardness', value: '6\u20137H' }\n      ],\n      why: 'AG+AF is the proven choice for public-facing and industrial touch devices. The matte AG surface eliminates glare while the AF topcoat resists fingerprints from constant use\u2014perfect for kiosks, ATMs, and factory HMI panels.',\n      process: 'Chemical AG etching first, followed by AF oleophobic coating deposition.'\n    },\n    combo_3a: {\n      badge: { text: 'AG + AR + AF (3A) Recommended', bg: 'rgba(123,63,160,0.08)', color: '#7B3FA0', border: '#7B3FA0' },\n      title: 'Triple-Coating (3A) Glass Solution',\n      desc: 'Your demanding application requires the full performance spectrum. The 3A solution combines anti-glare, anti-reflective, and anti-fingerprint treatments for maximum versatility across varying conditions.',\n      specs: [\n        { label: 'Transmittance', value: '\u2265 92%' },\n        { label: 'Reflectance', value: '\u2264 1.5%' },\n        { label: 'Contact Angle', value: '\u2265 100\u00b0' },\n        { label: 'Haze', value: '3\u201310%' }\n      ],\n      why: 'The 3A combination is engineered for automotive and multi-environment applications where the display must perform under sunlight, artificial light, and constant touch. EV dashboards and advanced HMI systems are the primary use case for this premium treatment.',\n      process: 'Sequential processing: AG etch \u2192 AR multi-layer sputtering \u2192 AF top-coat evaporation.'\n    }\n  };\n\n  function renderStep(idx) {\n    var q = questions[idx];\n    var container = root.querySelector('#wzStepsContainer');\n    var html = '<div class=\"wz-step-card\">';\n    html += '<span class=\"wz-q-label\">' + q.label + '<\/span>';\n    html += '<h3 class=\"wz-q-text\">' + q.question + '<\/h3>';\n\n    \/* Summary of previous answers *\/\n    if (idx > 0) {\n      html += '<div class=\"wz-summary-bar\">';\n      for (var i = 0; i < idx; i++) {\n        var prev = questions[i];\n        var chosen = prev.options.find(function(o){ return o.value === answers[i]; });\n        if (chosen) html += '<span class=\"wz-summary-chip\">' + chosen.icon + ' ' + chosen.label + '<\/span>';\n      }\n      html += '<\/div>';\n    }\n\n    html += '<div class=\"wz-options\">';\n    q.options.forEach(function(opt){\n      var sel = answers[idx] === opt.value ? ' selected' : '';\n      html += '<button class=\"wz-option' + sel + '\" data-value=\"' + opt.value + '\">';\n      html += '<div class=\"wz-option-radio\"><\/div>';\n      html += '<span class=\"wz-option-icon\">' + opt.icon + '<\/span>';\n      html += '<div class=\"wz-option-content\"><span class=\"wz-option-label\">' + opt.label + '<\/span>';\n      html += '<span class=\"wz-option-desc\">' + opt.desc + '<\/span><\/div><\/button>';\n    });\n    html += '<\/div>';\n\n    html += '<div class=\"wz-nav\">';\n    if (idx > 0) html += '<button class=\"wz-btn wz-btn-back\" type=\"button\">\u2190 Back<\/button>';\n    else html += '<div><\/div>';\n    var isLast = idx === questions.length - 1;\n    html += '<button class=\"wz-btn wz-btn-next\" type=\"button\"' + (!answers[idx] ? ' disabled' : '') + '>' + (isLast ? 'Get Recommendation \u2192' : 'Next \u2192') + '<\/button>';\n    html += '<\/div><\/div>';\n\n    container.innerHTML = html;\n    updateProgress(idx);\n\n    \/* Event bindings *\/\n    container.querySelectorAll('.wz-option').forEach(function(btn){\n      btn.addEventListener('click', function(){\n        container.querySelectorAll('.wz-option').forEach(function(b){ b.classList.remove('selected'); });\n        this.classList.add('selected');\n        answers[idx] = this.getAttribute('data-value');\n        container.querySelector('.wz-btn-next').disabled = false;\n      });\n    });\n\n    var backBtn = container.querySelector('.wz-btn-back');\n    if (backBtn) backBtn.addEventListener('click', function(){ currentStep--; renderStep(currentStep); });\n\n    container.querySelector('.wz-btn-next').addEventListener('click', function(){\n      if (!answers[idx]) return;\n      if (isLast) { showResult(); }\n      else { currentStep++; renderStep(currentStep); }\n    });\n  }\n\n  function updateProgress(idx) {\n    root.querySelectorAll('.wz-progress-step').forEach(function(el){\n      var s = parseInt(el.getAttribute('data-step'));\n      el.classList.remove('active','completed');\n      if (s < idx) el.classList.add('completed');\n      else if (s === idx) el.classList.add('active');\n    });\n    root.querySelector('#wzStepCounter').textContent = 'Step ' + (idx + 1) + ' \/ ' + questions.length;\n  }\n\n  function showResult() {\n    var key = getRecommendation();\n    var rec = recommendations[key];\n    root.querySelector('#wzStepsContainer').style.display = 'none';\n    root.querySelector('.wz-progress-wrap').style.display = 'none';\n\n    var resultEl = root.querySelector('#wzResult');\n    var html = '<div class=\"wz-step-card\" style=\"animation:wzFadeIn 0.4s ease;\">';\n\n    \/* Summary chips *\/\n    html += '<div class=\"wz-summary-bar\">';\n    for (var i = 0; i < questions.length; i++) {\n      var chosen = questions[i].options.find(function(o){ return o.value === answers[i]; });\n      if (chosen) html += '<span class=\"wz-summary-chip\">' + chosen.icon + ' ' + chosen.label + '<\/span>';\n    }\n    html += '<\/div>';\n\n    html += '<div class=\"wz-result-badge\" style=\"background:' + rec.badge.bg + ';color:' + rec.badge.color + ';\">\u2713 ' + rec.badge.text + '<\/div>';\n    html += '<h3 class=\"wz-result-heading\">' + rec.title + '<\/h3>';\n    html += '<div class=\"wz-result-desc\">' + rec.desc + '<\/div>';\n\n    html += '<div class=\"wz-result-specs\">';\n    rec.specs.forEach(function(s){\n      html += '<div class=\"wz-result-spec\"><span class=\"wz-result-spec-label\">' + s.label + '<\/span><span class=\"wz-result-spec-value\">' + s.value + '<\/span><\/div>';\n    });\n    html += '<\/div>';\n\n    html += '<div class=\"wz-result-why\" style=\"border-color:' + rec.badge.border + ';\">';\n    html += '<h4 class=\"wz-result-why-title\">Why This Recommendation?<\/h4>';\n    html += '<span class=\"wz-result-why-text\">' + rec.why + '<\/span>';\n    html += '<\/div>';\n\n    html += '<div style=\"padding:12px 16px;background:var(--wz-bg);border-radius:8px;margin-bottom:20px;\">';\n    html += '<span style=\"font-size:11px;font-weight:600;color:var(--wz-text-sec);text-transform:uppercase;letter-spacing:0.8px;display:block;margin-bottom:4px;font-family:var(--wz-font);\">Manufacturing Process<\/span>';\n    html += '<span style=\"font-size:13px;color:var(--wz-text);font-family:var(--wz-font);line-height:1.6;\">' + rec.process + '<\/span>';\n    html += '<\/div>';\n\n    html += '<div class=\"wz-result-cta\">';\n    html += '<button class=\"wz-btn wz-cta-primary\" type=\"button\" id=\"wzRequestQuote\">Request a Quote \u2192<\/button>';\n    html += '<button class=\"wz-btn wz-btn-restart\" type=\"button\" id=\"wzRestart\">\u21bb Start Over<\/button>';\n    html += '<\/div>';\n\n    html += '<\/div>';\n    resultEl.innerHTML = html;\n    resultEl.style.display = 'block';\n\n    \/* Bind Request a Quote \u2192 open #ct-popup-787 with proper close handling *\/\n    root.querySelector('#wzRequestQuote').addEventListener('click', function(e) {\n      e.preventDefault();\n      var popup = document.querySelector('#ct-popup-787');\n      if (!popup) return;\n\n      popup.classList.add('active');\n      document.body.classList.add('ct-popup-active');\n\n      var closePopup = function() {\n        popup.classList.remove('active');\n        document.body.classList.remove('ct-popup-active');\n        document.removeEventListener('keydown', escHandler);\n      };\n\n      \/* Close on ESC key *\/\n      var escHandler = function(ev) {\n        if (ev.key === 'Escape') closePopup();\n      };\n      document.addEventListener('keydown', escHandler);\n\n      \/* Close on overlay \/ background click *\/\n      popup.addEventListener('click', function overlayHandler(ev) {\n        if (ev.target === popup || ev.target.classList.contains('ct-popup-overlay')) {\n          closePopup();\n          popup.removeEventListener('click', overlayHandler);\n        }\n      });\n\n      \/* Close on any close button inside the popup *\/\n      popup.querySelectorAll('[class*=\"close\"], .ct-toggle-close, [data-dismiss]').forEach(function(btn) {\n        btn.addEventListener('click', closePopup, { once: true });\n      });\n    });\n\n    root.querySelector('#wzRestart').addEventListener('click', function(){\n      answers = [];\n      currentStep = 0;\n      resultEl.style.display = 'none';\n      resultEl.innerHTML = '';\n      root.querySelector('#wzStepsContainer').style.display = 'block';\n      root.querySelector('.wz-progress-wrap').style.display = 'flex';\n      renderStep(0);\n    });\n  }\n\n  renderStep(0);\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Herramienta de selecci\u00f3n interactiva Asistente de selecci\u00f3n de revestimiento de vidrio Responda 4 preguntas r\u00e1pidas sobre su aplicaci\u00f3n para obtener una recomendaci\u00f3n de recubrimiento personalizada con especificaciones t\u00e9cnicas. Paso 1\/4<\/p>","protected":false},"author":3,"featured_media":0,"parent":1054,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1394","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=1394"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1394\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1054"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=1394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}