{"id":1478,"date":"2026-02-06T08:43:39","date_gmt":"2026-02-06T08:43:39","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1478"},"modified":"2026-02-07T02:39:21","modified_gmt":"2026-02-07T02:39:21","slug":"ag-glass-specification-finder","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/products\/ag-glass\/ag-glass-specification-finder\/","title":{"rendered":"Localizador de especifica\u00e7\u00f5es de vidro AG"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-d61fa5d\" data-block-id=\"d61fa5d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d61fa5d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-878e2b8\" data-v=\"4\" data-block-id=\"878e2b8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-878e2b8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-878e2b8-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-66ffd56\" data-block-id=\"66ffd56\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-66ffd56-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-eb37f11\" data-v=\"4\" data-block-id=\"eb37f11\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-eb37f11-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-eb37f11-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-ddd70ef\" data-block-id=\"ddd70ef\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ddd70ef-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-345e0de\" data-v=\"4\" data-block-id=\"345e0de\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-345e0de-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-345e0de-inner-blocks\">\n<section id=\"ag-spec-matcher-module\">\n    <style>\n        \/* =========================================\n           ISOLATION & RESET (SCOPE: #ag-spec-matcher-module)\n           ========================================= *\/\n        #ag-spec-matcher-module {\n            width: 100%;\n            max-width: 100%;\n            padding: 40px 20px;\n            box-sizing: border-box;\n            font-family: 'Inter', system-ui, -apple-system, sans-serif; \/* Fallback to theme font *\/\n            background-color: #f8f9fc;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        #ag-spec-matcher-module * {\n            box-sizing: border-box;\n        }\n\n        \/* Hiding specific headings to prevent theme conflicts, using divs instead *\/\n        #ag-spec-matcher-module .ag-hidden {\n            display: none;\n        }\n\n        \/* =========================================\n           LAYOUT & TYPOGRAPHY\n           ========================================= *\/\n        #ag-spec-matcher-module .ag-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            background: #ffffff;\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(48, 72, 144, 0.08);\n            overflow: hidden;\n            border: 1px solid #e0e6ed;\n        }\n\n        \/* Header Section *\/\n        #ag-spec-matcher-module .ag-header {\n            background: linear-gradient(135deg, #304890 0%, #1860A8 100%);\n            padding: 35px 30px;\n            text-align: center;\n            color: #ffffff;\n        }\n\n        #ag-spec-matcher-module .ag-title {\n            font-size: 32px; \/* Theme Default H2 size *\/\n            font-weight: 700;\n            margin: 0 0 10px 0;\n            letter-spacing: -0.5px;\n        }\n\n        #ag-spec-matcher-module .ag-subtitle {\n            font-size: 16px;\n            opacity: 0.9;\n            margin: 0;\n            font-weight: 400;\n        }\n\n        \/* Steps Layout *\/\n        #ag-spec-matcher-module .ag-content-wrapper {\n            display: flex;\n            flex-wrap: wrap;\n        }\n\n        #ag-spec-matcher-module .ag-step-panel {\n            flex: 1 1 50%;\n            padding: 40px;\n            border-right: 1px solid #eee;\n        }\n\n        #ag-spec-matcher-module .ag-result-panel {\n            flex: 1 1 50%;\n            padding: 40px;\n            background-color: #fcfdfe;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            min-height: 400px;\n            transition: all 0.3s ease;\n        }\n\n        \/* Step Indicators *\/\n        #ag-spec-matcher-module .ag-step-label {\n            display: inline-block;\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #1878C0;\n            background: rgba(24, 120, 192, 0.1);\n            padding: 4px 10px;\n            border-radius: 4px;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        #ag-spec-matcher-module .ag-question {\n            font-size: 20px;\n            font-weight: 600;\n            color: #1a2b4b;\n            margin-bottom: 25px;\n            display: block;\n        }\n\n        \/* Interactive Grid *\/\n        #ag-spec-matcher-module .ag-grid-options {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        \/* Option Cards *\/\n        #ag-spec-matcher-module .ag-option-card {\n            border: 2px solid #e0e6ed;\n            border-radius: 8px;\n            padding: 20px 15px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            text-align: center;\n            background: #fff;\n            position: relative;\n        }\n\n        #ag-spec-matcher-module .ag-option-card:hover {\n            border-color: #1878C0;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n        }\n\n        #ag-spec-matcher-module .ag-option-card.active {\n            border-color: #304890;\n            background-color: #f0f4ff;\n            color: #304890;\n        }\n\n        #ag-spec-matcher-module .ag-icon {\n            font-size: 24px;\n            margin-bottom: 10px;\n            display: block;\n            color: #666;\n        }\n        \n        #ag-spec-matcher-module .ag-option-card.active .ag-icon {\n            color: #304890;\n        }\n\n        #ag-spec-matcher-module .ag-option-text {\n            font-size: 14px;\n            font-weight: 600;\n        }\n\n        \/* Result States *\/\n        #ag-spec-matcher-module .ag-result-placeholder {\n            color: #8898aa;\n        }\n        \n        #ag-spec-matcher-module .ag-result-placeholder svg {\n            width: 64px;\n            height: 64px;\n            margin-bottom: 20px;\n            opacity: 0.5;\n        }\n\n        #ag-spec-matcher-module .ag-result-content {\n            display: none;\n            width: 100%;\n            text-align: left;\n            animation: fadeIn 0.4s ease-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Result Data Cards *\/\n        #ag-spec-matcher-module .ag-rec-title {\n            font-size: 24px;\n            color: #304890;\n            margin-bottom: 20px;\n            border-bottom: 2px solid #e0e6ed;\n            padding-bottom: 15px;\n            display: block;\n        }\n\n        #ag-spec-matcher-module .ag-specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n            margin-bottom: 25px;\n        }\n\n        #ag-spec-matcher-module .ag-spec-item {\n            background: #fff;\n            padding: 15px;\n            border-radius: 6px;\n            border-left: 4px solid #1878C0;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.03);\n        }\n\n        #ag-spec-matcher-module .ag-spec-label {\n            font-size: 12px;\n            color: #666;\n            text-transform: uppercase;\n            margin-bottom: 5px;\n            display: block;\n        }\n\n        #ag-spec-matcher-module .ag-spec-value {\n            font-size: 18px;\n            font-weight: 700;\n            color: #333;\n            display: block;\n        }\n\n        #ag-spec-matcher-module .ag-rationale {\n            background: #fff9e6;\n            border: 1px solid #f0e6cc;\n            padding: 15px;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #8a6d3b;\n            margin-bottom: 25px;\n        }\n        \n        #ag-spec-matcher-module .ag-rationale strong {\n            color: #70552b;\n        }\n\n        \/* CTA Button *\/\n        #ag-spec-matcher-module .ag-cta-btn {\n            display: block;\n            width: 100%;\n            background-color: #304890;\n            color: #fff;\n            text-align: center;\n            padding: 16px;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 16px;\n            transition: background-color 0.3s;\n            border: none;\n            cursor: pointer;\n        }\n\n        #ag-spec-matcher-module .ag-cta-btn:hover {\n            background-color: #1860A8;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width:690px) {\n            #ag-spec-matcher-module .ag-content-wrapper {\n                flex-direction: column;\n            }\n            #ag-spec-matcher-module .ag-step-panel,\n            #ag-spec-matcher-module .ag-result-panel {\n                border-right: none;\n                border-bottom: 1px solid #eee;\n            }\n            #ag-spec-matcher-module .ag-grid-options {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n    <\/style>\n\n    <div class=\"ag-container\">\n        <div class=\"ag-header\">\n            <div class=\"ag-title\">AG Glass Specification Finder<\/div>\n            <div class=\"ag-subtitle\">Select your application to find the perfect anti-glare solution<\/div>\n        <\/div>\n\n        <div class=\"ag-content-wrapper\">\n            <div class=\"ag-step-panel\">\n                \n                <span class=\"ag-step-label\">Step 1: Industry<\/span>\n                <span class=\"ag-question\">Where will the glass be used?<\/span>\n                \n                <div class=\"ag-grid-options\" id=\"ag-industry-options\">\n                    <div class=\"ag-option-card\" data-value=\"industrial\" onclick=\"agSelectOption('industry', 'industrial', this)\">\n                        <span class=\"ag-icon\">\ud83c\udfed<\/span>\n                        <span class=\"ag-option-text\">Industrial HMI<\/span>\n                    <\/div>\n                    <div class=\"ag-option-card\" data-value=\"medical\" onclick=\"agSelectOption('industry', 'medical', this)\">\n                        <span class=\"ag-icon\">\ud83c\udfe5<\/span>\n                        <span class=\"ag-option-text\">Medical<\/span>\n                    <\/div>\n                    <div class=\"ag-option-card\" data-value=\"automotive\" onclick=\"agSelectOption('industry', 'automotive', this)\">\n                        <span class=\"ag-icon\">\ud83d\ude97<\/span>\n                        <span class=\"ag-option-text\">Automotive<\/span>\n                    <\/div>\n                    <div class=\"ag-option-card\" data-value=\"consumer\" onclick=\"agSelectOption('industry', 'consumer', this)\">\n                        <span class=\"ag-icon\">\ud83d\udcf1<\/span>\n                        <span class=\"ag-option-text\">Consumer Elec.<\/span>\n                    <\/div>\n                <\/div>\n\n                <div id=\"ag-step-2\" style=\"opacity: 0.5; pointer-events: none; transition: opacity 0.3s;\">\n                    <span class=\"ag-step-label\">Step 2: Environment<\/span>\n                    <span class=\"ag-question\">What is the lighting condition?<\/span>\n                    \n                    <div class=\"ag-grid-options\" id=\"ag-env-options\">\n                        <div class=\"ag-option-card\" data-value=\"indoor\" onclick=\"agSelectOption('env', 'indoor', this)\">\n                            <span class=\"ag-icon\">\ud83d\udca1<\/span>\n                            <span class=\"ag-option-text\">Indoor (Controlled)<\/span>\n                        <\/div>\n                        <div class=\"ag-option-card\" data-value=\"outdoor\" onclick=\"agSelectOption('env', 'outdoor', this)\">\n                            <span class=\"ag-icon\">\u2600\ufe0f<\/span>\n                            <span class=\"ag-option-text\">Outdoor \/ Sunlight<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"ag-result-panel\" id=\"ag-result-container\">\n                \n                <div class=\"ag-result-placeholder\" id=\"ag-placeholder\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/>\n                    <\/svg>\n                    <div style=\"font-size: 18px; font-weight: 500;\">Configure options on the left to see our engineer&#8217;s recommendation.<\/div>\n                <\/div>\n\n                <div class=\"ag-result-content\" id=\"ag-final-result\">\n                    <span class=\"ag-step-label\">Recommended Solution<\/span>\n                    <span class=\"ag-rec-title\" id=\"ag-rec-name\">&#8212;<\/span>\n\n                    <div class=\"ag-specs-grid\">\n                        <div class=\"ag-spec-item\">\n                            <span class=\"ag-spec-label\">Process Type<\/span>\n                            <span class=\"ag-spec-value\" id=\"ag-rec-process\">&#8212;<\/span>\n                        <\/div>\n                        <div class=\"ag-spec-item\">\n                            <span class=\"ag-spec-label\">Gloss Level (GU)<\/span>\n                            <span class=\"ag-spec-value\" id=\"ag-rec-gloss\">&#8212;<\/span>\n                        <\/div>\n                        <div class=\"ag-spec-item\">\n                            <span class=\"ag-spec-label\">Transmittance<\/span>\n                            <span class=\"ag-spec-value\" id=\"ag-rec-trans\">&#8212;<\/span>\n                        <\/div>\n                        <div class=\"ag-spec-item\">\n                            <span class=\"ag-spec-label\">Special Coating<\/span>\n                            <span class=\"ag-spec-value\" id=\"ag-rec-coating\">&#8212;<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ag-rationale\">\n                        <strong>Why this works:<\/strong> <span id=\"ag-rec-reason\">&#8212;<\/span>\n                    <\/div>\n\n                    <a href=\"#ct-popup-787\" class=\"ag-cta-btn\">Request Free Sample &#038; Quote<\/a>\n                    <div style=\"margin-top: 10px; font-size: 12px; color: #999;\">Based on IDA Brand engineering standards<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            \/\/ State Management\n            const agState = {\n                industry: null,\n                env: null\n            };\n\n            \/\/ Database of Logic (Derived from User Report Source 37, 40, 91)\n            const agLogic = {\n                'industrial': {\n                    'outdoor': {\n                        title: \"Heavy-Duty Etched AG Glass\",\n                        process: \"Chemical Etching\",\n                        gloss: \"30 - 50 GU\",\n                        trans: \"> 88%\",\n                        coating: \"None (Raw Etched)\",\n                        reason: \"Low gloss is essential for sunlight readability. Chemical etching provides permanent durability against scratching in harsh industrial environments.\"\n                    },\n                    'indoor': {\n                        title: \"Industrial Control AG Glass\",\n                        process: \"Chemical Etching\",\n                        gloss: \"50 - 70 GU\",\n                        trans: \"> 90%\",\n                        coating: \"AF (Optional)\",\n                        reason: \"Balances image clarity with reflection control. Suitable for factory floors with overhead lighting.\"\n                    }\n                },\n                'medical': {\n                    'outdoor': { \/\/ Rare case, default to high end\n                        title: \"High-End Medical Display Glass\",\n                        process: \"Etched + AR Coating\",\n                        gloss: \"70 - 90 GU\",\n                        trans: \"> 95%\",\n                        coating: \"AR + AF Combined\",\n                        reason: \"Maximum light transmission is critical for diagnostics. AR coating reduces reflection further while maintaining clarity.\"\n                    },\n                    'indoor': {\n                        title: \"Precision Medical AG Glass\",\n                        process: \"Chemical Etching\",\n                        gloss: \"95 - 110 GU\",\n                        trans: \"> 92%\",\n                        coating: \"Anti-Fingerprint (AF)\",\n                        reason: \"High gloss maintains the 'retina' quality of medical images. AF coating ensures hygiene and easy cleaning of touch screens.\"\n                    }\n                },\n                'automotive': {\n                    'outdoor': { \/\/ Auto is technically semi-outdoor\n                        title: \"Automotive Grade AG\",\n                        process: \"Acid Etched (Sparkle-Free)\",\n                        gloss: \"100 - 110 GU\",\n                        trans: \"> 91%\",\n                        coating: \"AR + AF\",\n                        reason: \"Automotive standards require very low 'sparkle' and high image clarity. High gloss etching prevents image distortion.\"\n                    },\n                    'indoor': {\n                        title: \"Automotive Grade AG\",\n                        process: \"Acid Etched (Sparkle-Free)\",\n                        gloss: \"100 - 110 GU\",\n                        trans: \"> 91%\",\n                        coating: \"AR + AF\",\n                        reason: \"Standard for EV dashboards and center consoles.\"\n                    }\n                },\n                'consumer': {\n                    'outdoor': {\n                        title: \"Consumer High-Clarity AG\",\n                        process: \"Spraying or Etching\",\n                        gloss: \"70 - 95 GU\",\n                        trans: \"> 90%\",\n                        coating: \"AF (Anti-Fingerprint)\",\n                        reason: \"Optimized for touch feel and aesthetics on handheld devices.\"\n                    },\n                    'indoor': {\n                        title: \"Consumer Electronic AG\",\n                        process: \"Spraying (Cost Effective)\",\n                        gloss: \"90 - 100 GU\",\n                        trans: \"> 90%\",\n                        coating: \"AF\",\n                        reason: \"Provides a smooth touch feel and reduces glare from indoor lights without compromising screen brightness.\"\n                    }\n                }\n            };\n\n            \/\/ Global Selection Function\n            window.agSelectOption = function(type, value, element) {\n                \/\/ Update State\n                agState[type] = value;\n\n                \/\/ Visual Feedback (Classes)\n                const container = type === 'industry' ? 'ag-industry-options' : 'ag-env-options';\n                const options = document.getElementById(container).children;\n                for (let opt of options) {\n                    opt.classList.remove('active');\n                }\n                element.classList.add('active');\n\n                \/\/ Logic Flow\n                if (type === 'industry') {\n                    \/\/ Unlock Step 2\n                    const step2 = document.getElementById('ag-step-2');\n                    step2.style.opacity = '1';\n                    step2.style.pointerEvents = 'auto';\n                    \n                    \/\/ Reset Step 2 selection if industry changes\n                    agState.env = null;\n                    const envOptions = document.getElementById('ag-env-options').children;\n                    for (let opt of envOptions) { opt.classList.remove('active'); }\n                    \n                    \/\/ Reset Result\n                    document.getElementById('ag-placeholder').style.display = 'flex';\n                    document.getElementById('ag-final-result').style.display = 'none';\n                }\n\n                if (type === 'env') {\n                    calculateResult();\n                }\n            };\n\n            function calculateResult() {\n                if (!agState.industry || !agState.env) return;\n\n                const data = agLogic[agState.industry][agState.env];\n\n                \/\/ Populate Data\n                document.getElementById('ag-rec-name').textContent = data.title;\n                document.getElementById('ag-rec-process').textContent = data.process;\n                document.getElementById('ag-rec-gloss').textContent = data.gloss;\n                document.getElementById('ag-rec-trans').textContent = data.trans;\n                document.getElementById('ag-rec-coating').textContent = data.coating;\n                document.getElementById('ag-rec-reason').textContent = data.reason;\n\n                \/\/ Toggle Views\n                document.getElementById('ag-placeholder').style.display = 'none';\n                document.getElementById('ag-final-result').style.display = 'block';\n            }\n\n        })();\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>AG Glass Specification Finder Select your application to find the perfect anti-glare solution Step 1: Industry Where will the glass be used? \ud83c\udfed Industrial HMI \ud83c\udfe5 Medical \ud83d\ude97 Automotive \ud83d\udcf1 Consumer Elec. Step 2: Environment What is the lighting condition? \ud83d\udca1 Indoor (Controlled) \u2600\ufe0f Outdoor \/ Sunlight Configure options on the left to see our [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":819,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1478","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=1478"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1478\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/819"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=1478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}