{"id":1155,"date":"2026-02-05T08:09:45","date_gmt":"2026-02-05T08:09:45","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1155"},"modified":"2026-02-06T08:33:26","modified_gmt":"2026-02-06T08:33:26","slug":"cover-glass-material-selector","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/products\/custom-cover-glass\/cover-glass-material-selector\/","title":{"rendered":"Selector de material de vidrio de cubierta"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-afeffc8\" data-block-id=\"afeffc8\"><style>.stk-afeffc8 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-afeffc8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6511d6a\" data-v=\"4\" data-block-id=\"6511d6a\"><style>.stk-6511d6a-container{margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-right:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--40, 1rem) !important;margin-left:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6511d6a-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-6511d6a-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);\"><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-21371a6\" data-block-id=\"21371a6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-21371a6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9601f7c\" data-v=\"4\" data-block-id=\"9601f7c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9601f7c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9601f7c-inner-blocks\">\n<!-- \n=====================================================\nCOVER GLASS MATERIAL SELECTOR & COMPARISON TOOL\nVersion: 2.0 - Semantic headings & Blocksy popup #ct-popup-787\n=====================================================\n-->\n\n<section id=\"cg-material-selector-2024\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n#cg-material-selector-2024 {\n  --cg-primary: #304890;\n  --cg-primary-light: #4a62a8;\n  --cg-accent: #00a8e8;\n  --cg-success: #10b981;\n  --cg-bg: #f8fafc;\n  --cg-card: #ffffff;\n  --cg-text: #1e293b;\n  --cg-text-secondary: #64748b;\n  --cg-border: #e2e8f0;\n  --cg-shadow: 0 4px 24px rgba(48,72,144,0.08);\n  --cg-shadow-hover: 0 8px 32px rgba(48,72,144,0.15);\n  --cg-radius: 16px;\n  --cg-transition: all 0.3s cubic-bezier(0.4,0,0.2,1);\n  font-family: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  width: 100% !important; max-width: 100% !important; margin: 0 !important;\n  padding: 60px 24px !important; background: linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%) !important;\n  box-sizing: border-box !important;\n}\n#cg-material-selector-2024 *, #cg-material-selector-2024 *::before, #cg-material-selector-2024 *::after { box-sizing: border-box !important; margin: 0; padding: 0; }\n#cg-material-selector-2024 .cg-container { max-width: 1200px !important; margin: 0 auto !important; }\n#cg-material-selector-2024 .cg-header { text-align: center !important; margin-bottom: 48px !important; }\n#cg-material-selector-2024 .cg-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 8px 16px !important; background: linear-gradient(135deg,var(--cg-primary) 0%,var(--cg-primary-light) 100%) !important; color: #fff !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; border-radius: 100px !important; margin-bottom: 20px !important; }\n\n\/* H2 Title *\/\n#cg-material-selector-2024 h2 { font-family: inherit !important; font-size: 32px !important; font-weight: 700 !important; color: var(--cg-text) !important; line-height: 1.2 !important; margin: 0 0 16px 0 !important; padding: 0 !important; border: none !important; background: none !important; }\n#cg-material-selector-2024 .cg-subtitle { font-size: 16px !important; color: var(--cg-text-secondary) !important; max-width: 600px !important; margin: 0 auto !important; line-height: 1.6 !important; }\n\n\/* Cards Grid *\/\n#cg-material-selector-2024 .cg-materials-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)) !important; gap: 24px !important; margin-bottom: 48px !important; }\n#cg-material-selector-2024 .cg-material-card { background: var(--cg-card) !important; border-radius: var(--cg-radius) !important; padding: 28px !important; border: 2px solid transparent !important; box-shadow: var(--cg-shadow) !important; cursor: pointer !important; transition: var(--cg-transition) !important; position: relative !important; overflow: hidden !important; }\n#cg-material-selector-2024 .cg-material-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: linear-gradient(90deg,var(--cg-primary) 0%,var(--cg-accent) 100%) !important; opacity: 0 !important; transition: var(--cg-transition) !important; }\n#cg-material-selector-2024 .cg-material-card:hover { transform: translateY(-4px) !important; box-shadow: var(--cg-shadow-hover) !important; border-color: var(--cg-primary) !important; }\n#cg-material-selector-2024 .cg-material-card:hover::before, #cg-material-selector-2024 .cg-material-card.selected::before { opacity: 1 !important; }\n#cg-material-selector-2024 .cg-material-card.selected { border-color: var(--cg-primary) !important; background: linear-gradient(180deg,#fff 0%,#f0f4ff 100%) !important; }\n#cg-material-selector-2024 .cg-card-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; margin-bottom: 20px !important; }\n#cg-material-selector-2024 .cg-material-icon { width: 48px !important; height: 48px !important; background: linear-gradient(135deg,var(--cg-bg) 0%,#e0e7ff 100%) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; }\n#cg-material-selector-2024 .cg-material-icon svg { width: 24px !important; height: 24px !important; color: var(--cg-primary) !important; }\n#cg-material-selector-2024 .cg-check-circle { width: 24px !important; height: 24px !important; border-radius: 50% !important; border: 2px solid var(--cg-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: var(--cg-transition) !important; }\n#cg-material-selector-2024 .cg-material-card.selected .cg-check-circle { background: var(--cg-primary) !important; border-color: var(--cg-primary) !important; }\n#cg-material-selector-2024 .cg-check-circle svg { width: 14px !important; height: 14px !important; color: #fff !important; opacity: 0 !important; }\n#cg-material-selector-2024 .cg-material-card.selected .cg-check-circle svg { opacity: 1 !important; }\n\n\/* H3 Material Name *\/\n#cg-material-selector-2024 h3 { font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; color: var(--cg-text) !important; margin: 0 0 4px 0 !important; padding: 0 !important; border: none !important; background: none !important; line-height: 1.3 !important; }\n#cg-material-selector-2024 .cg-material-brand { font-size: 13px !important; color: var(--cg-text-secondary) !important; margin-bottom: 16px !important; }\n#cg-material-selector-2024 .cg-specs-list { display: flex !important; flex-direction: column !important; gap: 10px !important; }\n#cg-material-selector-2024 .cg-spec-item { display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13px !important; padding: 8px 12px !important; background: var(--cg-bg) !important; border-radius: 8px !important; }\n#cg-material-selector-2024 .cg-spec-label { color: var(--cg-text-secondary) !important; }\n#cg-material-selector-2024 .cg-spec-value { font-weight: 600 !important; color: var(--cg-text) !important; }\n#cg-material-selector-2024 .cg-spec-bar { width: 60px !important; height: 6px !important; background: var(--cg-border) !important; border-radius: 3px !important; overflow: hidden !important; }\n#cg-material-selector-2024 .cg-spec-bar-fill { height: 100% !important; background: linear-gradient(90deg,var(--cg-primary) 0%,var(--cg-accent) 100%) !important; border-radius: 3px !important; }\n\n\/* Comparison Panel *\/\n#cg-material-selector-2024 .cg-comparison-panel { background: var(--cg-card) !important; border-radius: var(--cg-radius) !important; padding: 32px !important; box-shadow: var(--cg-shadow) !important; display: none !important; }\n#cg-material-selector-2024 .cg-comparison-panel.visible { display: block !important; animation: cgFadeIn 0.4s ease !important; }\n@keyframes cgFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n#cg-material-selector-2024 .cg-panel-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 28px !important; padding-bottom: 20px !important; border-bottom: 1px solid var(--cg-border) !important; }\n\n\/* H3 Panel Title *\/\n#cg-material-selector-2024 .cg-panel-header h3 { font-size: 20px !important; }\n#cg-material-selector-2024 .cg-clear-btn { padding: 10px 18px !important; background: transparent !important; border: 1px solid var(--cg-border) !important; border-radius: 8px !important; color: var(--cg-text-secondary) !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; transition: var(--cg-transition) !important; font-family: inherit !important; min-height: 44px !important; }\n#cg-material-selector-2024 .cg-clear-btn:hover { background: var(--cg-bg) !important; color: var(--cg-text) !important; }\n\n\/* Table *\/\n#cg-material-selector-2024 .cg-comparison-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; font-size: 14px !important; }\n#cg-material-selector-2024 .cg-comparison-table thead th { background: var(--cg-bg) !important; padding: 16px !important; text-align: left !important; font-weight: 600 !important; color: var(--cg-text) !important; border-bottom: 2px solid var(--cg-primary) !important; }\n#cg-material-selector-2024 .cg-comparison-table thead th:first-child { border-radius: 8px 0 0 0 !important; }\n#cg-material-selector-2024 .cg-comparison-table thead th:last-child { border-radius: 0 8px 0 0 !important; }\n#cg-material-selector-2024 .cg-comparison-table tbody td { padding: 14px 16px !important; border-bottom: 1px solid var(--cg-border) !important; color: var(--cg-text) !important; vertical-align: middle !important; }\n#cg-material-selector-2024 .cg-comparison-table tbody tr:hover td { background: var(--cg-bg) !important; }\n#cg-material-selector-2024 .cg-comparison-table tbody td:first-child { font-weight: 500 !important; color: var(--cg-text-secondary) !important; }\n#cg-material-selector-2024 .cg-highlight { background: linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%) !important; color: #059669 !important; padding: 4px 10px !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 13px !important; display: inline-block !important; }\n\n\/* H4 Recommendation *\/\n#cg-material-selector-2024 .cg-recommendation { margin-top: 28px !important; padding: 24px !important; background: linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%) !important; border-radius: 12px !important; border-left: 4px solid var(--cg-primary) !important; }\n#cg-material-selector-2024 h4 { font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; color: var(--cg-primary) !important; margin: 0 0 10px 0 !important; padding: 0 !important; border: none !important; background: none !important; display: flex !important; align-items: center !important; gap: 8px !important; }\n#cg-material-selector-2024 .cg-rec-text { font-size: 14px !important; color: var(--cg-text) !important; line-height: 1.6 !important; }\n\n\/* CTA Buttons *\/\n#cg-material-selector-2024 .cg-cta-section { margin-top: 32px !important; display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }\n#cg-material-selector-2024 .cg-cta-btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 14px 28px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer !important; transition: var(--cg-transition) !important; text-decoration: none !important; border: none !important; font-family: inherit !important; min-height: 50px !important; }\n#cg-material-selector-2024 .cg-cta-primary { background: linear-gradient(135deg,var(--cg-primary) 0%,var(--cg-primary-light) 100%) !important; color: #fff !important; box-shadow: 0 4px 16px rgba(48,72,144,0.3) !important; }\n#cg-material-selector-2024 .cg-cta-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 24px rgba(48,72,144,0.4) !important; }\n#cg-material-selector-2024 .cg-cta-secondary { background: #fff !important; color: var(--cg-primary) !important; border: 2px solid var(--cg-primary) !important; }\n#cg-material-selector-2024 .cg-cta-secondary:hover { background: var(--cg-bg) !important; }\n\n#cg-material-selector-2024 .cg-instruction { text-align: center !important; padding: 40px 20px !important; color: var(--cg-text-secondary) !important; font-size: 15px !important; }\n#cg-material-selector-2024 .cg-instruction svg { display: block !important; margin: 0 auto 16px !important; color: var(--cg-border) !important; }\n\n@media (max-width:690px) {\n  #cg-material-selector-2024 { padding: 40px 16px !important; }\n  #cg-material-selector-2024 h2 { font-size: 24px !important; }\n  #cg-material-selector-2024 .cg-materials-grid { grid-template-columns: 1fr !important; gap: 16px !important; }\n  #cg-material-selector-2024 .cg-comparison-panel { padding: 20px !important; overflow-x: auto !important; }\n  #cg-material-selector-2024 .cg-comparison-table { min-width: 500px !important; }\n  #cg-material-selector-2024 .cg-cta-section { flex-direction: column !important; }\n  #cg-material-selector-2024 .cg-cta-btn { width: 100% !important; justify-content: center !important; }\n}\n<\/style>\n\n<div class=\"cg-container\">\n  <div class=\"cg-header\">\n    <div class=\"cg-badge\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>Interactive Tool<\/div>\n    <h2>Cover Glass Material Selector<\/h2>\n    <div class=\"cg-subtitle\">Select up to 3 materials to compare their properties and find the perfect match for your application<\/div>\n  <\/div>\n\n  <div class=\"cg-materials-grid\">\n    <div class=\"cg-material-card\" data-material=\"gorilla\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M12 8v8M8 12h8\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>Corning\u00ae Gorilla\u00ae Glass<\/h3>\n      <div class=\"cg-material-brand\">Premium Aluminosilicate Glass<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:95%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:92%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Scratch Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:90%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$$$<\/span><\/div><\/div>\n    <\/div>\n    <div class=\"cg-material-card\" data-material=\"dragontrail\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>AGC Dragontrail\u2122<\/h3>\n      <div class=\"cg-material-brand\">Japanese High-Strength Glass<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:90%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:88%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Scratch Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:88%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$$<\/span><\/div><\/div>\n    <\/div>\n    <div class=\"cg-material-card\" data-material=\"panda\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>Panda Glass<\/h3>\n      <div class=\"cg-material-brand\">Cost-Effective Aluminosilicate<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:85%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:82%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Scratch Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:83%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$<\/span><\/div><\/div>\n    <\/div>\n    <div class=\"cg-material-card\" data-material=\"sodalime\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>Soda-Lime Tempered<\/h3>\n      <div class=\"cg-material-brand\">Standard Strengthened Glass<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:70%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:65%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Scratch Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:60%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$<\/span><\/div><\/div>\n    <\/div>\n    <div class=\"cg-material-card\" data-material=\"schott\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>SCHOTT Xensation\u00ae<\/h3>\n      <div class=\"cg-material-brand\">German Precision Glass<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:93%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:90%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Scratch Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:91%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$$$<\/span><\/div><\/div>\n    <\/div>\n    <div class=\"cg-material-card\" data-material=\"ultraclear\">\n      <div class=\"cg-card-header\"><div class=\"cg-material-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42\"\/><\/svg><\/div><div class=\"cg-check-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n      <h3>Ultra-Clear Float Glass<\/h3>\n      <div class=\"cg-material-brand\">High Transmission Glass<\/div>\n      <div class=\"cg-specs-list\"><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Hardness<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:65%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Drop Resistance<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:55%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Optical Clarity<\/span><div class=\"cg-spec-bar\"><div class=\"cg-spec-bar-fill\" style=\"width:98%\"><\/div><\/div><\/div><div class=\"cg-spec-item\"><span class=\"cg-spec-label\">Cost<\/span><span class=\"cg-spec-value\">$<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cg-comparison-panel\" id=\"cgComparisonPanel\">\n    <div class=\"cg-panel-header\"><h3>Material Comparison<\/h3><button type=\"button\" class=\"cg-clear-btn\" id=\"cgClearBtn\">Clear Selection<\/button><\/div>\n    <table class=\"cg-comparison-table\" id=\"cgComparisonTable\"><thead><tr><th>Property<\/th><\/tr><\/thead><tbody><\/tbody><\/table>\n    <div class=\"cg-recommendation\"><h4><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>Expert Recommendation<\/h4><div class=\"cg-rec-text\" id=\"cgRecText\"><\/div><\/div>\n    <div class=\"cg-cta-section\">\n      <a href=\"#ct-popup-787\" class=\"cg-cta-btn cg-cta-primary\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Request Sample<\/a>\n      <a href=\"#ct-popup-787\" class=\"cg-cta-btn cg-cta-secondary\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>Consult Engineer<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"cg-instruction\" id=\"cgInstruction\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>Click on material cards above to select and compare (max 3)<\/div>\n<\/div>\n\n<script>\n(function(){\n  var materialData={gorilla:{name:'Corning\u00ae Gorilla\u00ae Glass',type:'Aluminosilicate',hardness:'9H (Mohs 6.5-7)',thickness:'0.4-2.0mm',transmission:'\u226591%',cs:'\u2265850 MPa',dol:'\u226540 \u03bcm',bendStrength:'700-900 MPa',applications:'Smartphones, Tablets, Wearables',certifications:'RoHS, REACH'},dragontrail:{name:'AGC Dragontrail\u2122',type:'Aluminosilicate',hardness:'9H (Mohs 6-7)',thickness:'0.5-1.8mm',transmission:'\u226591%',cs:'\u2265730 MPa',dol:'\u226535 \u03bcm',bendStrength:'600-800 MPa',applications:'Smartphones, Laptops, Automotive',certifications:'RoHS, REACH'},panda:{name:'Panda Glass',type:'Aluminosilicate',hardness:'9H (Mohs 6-6.5)',thickness:'0.55-2.0mm',transmission:'\u226590%',cs:'\u2265650 MPa',dol:'\u226540 \u03bcm',bendStrength:'500-700 MPa',applications:'Mid-range Phones, IoT, Smart Home',certifications:'RoHS, REACH'},sodalime:{name:'Soda-Lime Tempered',type:'Soda-Lime Silicate',hardness:'6-7H (Mohs 5-6)',thickness:'1.0-6.0mm',transmission:'\u226589%',cs:'\u2265100 MPa',dol:'N\/A (Surface)',bendStrength:'120-200 MPa',applications:'Industrial Panels, POS, Kiosks',certifications:'RoHS, CE'},schott:{name:'SCHOTT Xensation\u00ae',type:'Lithium Aluminosilicate',hardness:'9H (Mohs 6.5-7)',thickness:'0.5-2.0mm',transmission:'\u226591.5%',cs:'\u2265800 MPa',dol:'\u226550 \u03bcm',bendStrength:'650-850 MPa',applications:'Premium, Automotive, Medical',certifications:'RoHS, REACH, ISO 13485'},ultraclear:{name:'Ultra-Clear Float Glass',type:'Low-Iron Float',hardness:'5-6H (Mohs 5-5.5)',thickness:'1.0-8.0mm',transmission:'\u226592%',cs:'N\/A',dol:'N\/A',bendStrength:'40-80 MPa',applications:'Prototypes, Optical, Non-touch',certifications:'RoHS'}};\n  var recommendations={gorilla:'Gorilla Glass offers best performance for high-end consumer electronics.',dragontrail:'Dragontrail provides excellent value with comparable performance.',panda:'Panda Glass is cost-effective while maintaining good durability.',sodalime:'Soda-Lime Tempered is perfect for industrial applications.',schott:'SCHOTT Xensation excels in automotive and medical devices.',ultraclear:'Ultra-Clear Float Glass offers unmatched optical clarity.','default':'Select materials above to see recommendations.'};\n  var selected=[],cards=document.querySelectorAll('#cg-material-selector-2024 .cg-material-card'),panel=document.getElementById('cgComparisonPanel'),instruction=document.getElementById('cgInstruction'),clearBtn=document.getElementById('cgClearBtn'),table=document.getElementById('cgComparisonTable'),recText=document.getElementById('cgRecText');\n  function update(){if(selected.length===0){panel.classList.remove('visible');instruction.style.display='block';return;}panel.classList.add('visible');instruction.style.display='none';var thead=table.querySelector('thead tr');thead.innerHTML='<th>Property<\/th>'+selected.map(function(m){return'<th>'+materialData[m].name+'<\/th>';}).join('');var props=[['Glass Type','type'],['Surface Hardness','hardness'],['Thickness Range','thickness'],['Light Transmission','transmission'],['Compressive Stress','cs'],['Depth of Layer','dol'],['Bend Strength','bendStrength'],['Applications','applications'],['Certifications','certifications']];var tbody=table.querySelector('tbody');tbody.innerHTML=props.map(function(p){var vals=selected.map(function(m){var v=materialData[m][p[1]];if(['cs','dol','bendStrength','transmission'].indexOf(p[1])>-1){var nums=selected.map(function(s){var match=materialData[s][p[1]].match(\/[\\d.]+\/);return match?parseFloat(match[0]):0;});var maxV=Math.max.apply(null,nums);var cm=v.match(\/[\\d.]+\/);var cn=cm?parseFloat(cm[0]):0;if(cn===maxV&&maxV>0)return'<span class=\"cg-highlight\">'+v+'<\/span>';}return v;});return'<tr><td>'+p[0]+'<\/td>'+vals.map(function(v){return'<td>'+v+'<\/td>';}).join('')+'<\/tr>';}).join('');var key=selected.length===1?selected[0]:selected.length===2?selected.slice().sort().join('_'):'default';recText.textContent=recommendations[key]||recommendations['default'];}\n  cards.forEach(function(card){card.addEventListener('click',function(){var mat=this.dataset.material,idx=selected.indexOf(mat);if(idx>-1){selected.splice(idx,1);this.classList.remove('selected');}else if(selected.length<3){selected.push(mat);this.classList.add('selected');}update();});});\n  clearBtn.addEventListener('click',function(){selected=[];cards.forEach(function(c){c.classList.remove('selected');});update();});\n  update();\n})();\n<\/script>\n\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Tool Cover Glass Material Selector Select up to 3 materials to compare their properties and find the perfect match for your application Corning\u00ae Gorilla\u00ae Glass Premium Aluminosilicate Glass Hardness Drop Resistance Scratch Resistance Cost$$$ AGC Dragontrail\u2122 Japanese High-Strength Glass Hardness Drop Resistance Scratch Resistance Cost$$ Panda Glass Cost-Effective Aluminosilicate Hardness Drop Resistance Scratch Resistance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":810,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1155","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1155","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=1155"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1155\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/810"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=1155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}