{"id":1123,"date":"2025-09-10T20:04:33","date_gmt":"2025-09-10T23:04:33","guid":{"rendered":"https:\/\/mssulinox.com.br\/?page_id=1123"},"modified":"2025-12-01T13:56:00","modified_gmt":"2025-12-01T16:56:00","slug":"teste","status":"publish","type":"page","link":"https:\/\/mssulinox.com.br\/","title":{"rendered":"Vitor LP"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<!-- Google Tag Manager -->\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-MQSR4BJV');<\/script>\n<!-- End Google Tag Manager -->\n    <meta charset=\"UTF-8\">\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\n    <meta name=\"description\" content=\"Author: Vitor Manoel de Andrade Souza,\n    Illustrator: P. Picture, Category: Servi\u00e7os de Marketing,\n    Length: 1 pages\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>MS Sul Vidra\u00e7aria | Solu\u00e7\u00f5es Premium em Vidros Temperados e Especiais<\/title>\n    <meta name=\"description\" content=\"Especialistas em vidros temperados, espelhos, box para banheiro e projetos especiais. Qualidade e seguran\u00e7a para resid\u00eancias e empresas.\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Fira+Code:wght@300..700&#038;family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&#038;family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&#038;family=Roboto:ital,wght@0,100..900;1,100..900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary: #2C3E50;\n            --secondary: #E74C3C;\n            --accent: #3498DB;\n            --dark: #1A1A1A;\n            --light: #FFFFFF;\n            --gray: #ECF0F1;\n            --medium-gray: #BDC3C7;\n            --text: #333333;\n        }\n        html{\n             scroll-behavior: smooth;\n        }\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;\n        }\n        \n        body {\n            background-color: var(--light);\n            color: var(--text);\n            line-height: 1.7;\n            font-weight: 400;\n        }\n        \n        @font-face {\n            font-family: 'Montserrat';\n            src: url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\n        }\n        \n        \/* Header *\/\n        header {\n            background-color: var(--light);\n            box-shadow: 0 2px 20px rgba(0,0,0,0.08);\n            position: fixed;\n            width: 100%;\n            z-index: 1000;\n            top: 0;\n            padding: 1rem 0;\n        }\n        \n        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        .header-container img{\n            height: 70px;\n            aspect-ratio: 1\/1;\n        }\n        .header-container .infor{\n            padding-top: 10px;\n            display: none;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n        }\n        .header-container .infor a{\n            outline: none;\n            text-decoration: none;\n            font-weight: 500;\n            color: #333333;\n\n        }\n        .logo {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--primary);\n            display: flex;\n            align-items: center;\n        }\n        \n        .logo span {\n            color: var(--secondary);\n        }\n        \n        .logo i {\n            margin-right: 10px;\n            color: var(--accent);\n            font-size: 2rem;\n        }\n        \n        nav ul {\n            display: flex;\n            list-style: none;\n        }\n        \n        nav ul li {\n            margin-left: 2rem;\n        }\n        \n        nav ul li a {\n            text-decoration: none;\n            color: var(--primary);\n            font-weight: 500;\n            transition: color 0.3s;\n            position: relative;\n        }\n        \n        nav ul li a:hover {\n            color: var(--secondary);\n        }\n        \n        nav ul li a:after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 2px;\n            background: var(--secondary);\n            bottom: -5px;\n            left: 0;\n            transition: width 0.3s;\n        }\n        \n        nav ul li a:hover:after {\n            width: 100%;\n        }\n        \n        \/* Hero Video Section *\/\n        .hero {\n            position: relative;\n            height: 100vh;\n            min-height: 600px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            padding-top: 80px;\n        }\n        \n        .video-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            background-image: url(\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/back.png\");\n        }\n        .icones{\n            pointer-events: none;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            height: 100%;\n            position: absolute;\n            z-index: 1;\n        }\n        .icones i{\n            opacity: 0;\n            width: 12px;\n            height: 12px;\n            color: white;\n            animation: money infinite ease-in-out calc(var(--i)*9s);\n        }\n        @keyframes money {\n            0%{\n                opacity: 0.1;\n                transform: translateY(0px);\n            }\n            90%{\n                transform: translateY(-350px);\n            }\n            100%{\n                opacity: 0;\n                transform: translateY(-390px);\n            }\n        }\n        .video-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.801), rgba(0, 0, 0, 0.405));\n        }\n        .video-overlay::before{\n            content: \"\";\n            display: flex;\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 100%;\n            width: 100%;\n            background: linear-gradient(to right, rgba(18, 19, 11, 0.925) 50%, rgba(18, 19, 11, 0) 57%);\n        }\n        \n        .hero-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 0 2rem;\n            width: 80%;\n            color: var(--light);\n            z-index: 1;\n        }\n        \n        .hero h1 {\n            width: 70%;\n            font-size: 3.5rem;\n            margin-bottom: 1.5rem;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n        \n        .hero p {\n            font-size: 1.3rem;\n            max-width: 700px;\n            margin-bottom: 2.5rem;\n            opacity: 0.9;\n        }\n        \n        \/* CTA Buttons *\/\n        #cta-button{\n            background: linear-gradient(56deg, var(--secondary), var(--secondary), #ffafaf, var(--secondary), var(--secondary));\n            \/*background: linear-gradient(56deg, var(--secondary, var(--secondary), #ff6868, var(--secondary), var(--secondary)));*\/\n            background-size: 400%;\n            animation: changeGradientAnimation 12s ease-in-out infinite;\n        }\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--secondary);\n            color: var(--light);\n            padding: 15px 35px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.3s ease;\n            margin-right: 15px;\n            border: 2px solid var(--secondary);\n            background: var(--secondary);\n        }\n        @keyframes changeGradientAnimation {\n            0% {\n                background-position: 0%;\n            }\n\n            50% {\n                background-position: 400%;\n            }\n            100% {\n                background-position: 0%;\n            }            \n        }\n\n        .cta-button:hover, #cta-button:hover {\n            background: transparent;\n            color: var(--secondary);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n        \n        .cta-button.secondary {\n            background-color: transparent;\n            border-color: var(--light);\n            color: var(--light);\n        }\n        \n        .cta-button.secondary:hover {\n            background-color: var(--light);\n            color: var(--primary);\n        }\n        \n        .whatsapp-icon {\n            margin-right: 10px;\n            font-size: 1.3rem;\n        }\n        \n        \/* Stats Section *\/\n        .stats {\n            position: relative;\n            background-color: var(--primary);\n            color: var(--light);\n            z-index: 1;\n        }\n        \n        .stats-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            padding: 0 2rem;\n        }\n        \n        .stat-item {\n            text-align: center;\n            padding: 2rem;\n        }\n        \n        .stat-number {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n            color: var(--secondary);\n        }\n        \n        .stat-label {\n            font-size: 1.2rem;\n            opacity: 0.9;\n        }\n        \n        \/* Services Section *\/\n        .services {\n            position: relative;\n            padding: 6rem 0;\n            padding-top: 180px;\n            background-color: var(--gray);\n        }\n        .services::before{\n            pointer-events: none;\n            top: -200px;\n            z-index: 0;\n            width: 100%;\n            height: 1050px;\n            display: flex;\n            content: \"\";\n            background: url(imgs\/ondas.png);\n            background-position: top;\n            background-repeat: no-repeat;\n            background-size: contain;\n            position: absolute;\n        }\n        .section-title {\n            text-align: center;\n            margin-bottom: 4rem;\n        }\n        \n        .section-title h2 {\n            line-height: normal;\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 1rem;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title h2:after {\n            content: '';\n            position: absolute;\n            width: 50px;\n            height: 3px;\n            background: var(--secondary);\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n        \n        .section-title p {\n            color: var(--primary);\n            max-width: 700px;\n            margin: 0 auto;\n            padding: 20px 0px;\n            font-size: 1.1rem;\n        }\n        \n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 2rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        \n        .service-card {\n            background-color: var(--light);\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            transition: transform 0.3s, box-shadow 0.3s;\n        }\n        \n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.12);\n        }\n        \n        .service-image {\n            height: 250px;\n            overflow: hidden;\n        }\n        \n        .service-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s;\n        }\n        \n        .service-card:hover .service-image img {\n            transform: scale(1.05);\n        }\n        \n        .service-content {\n            padding: 2rem;\n        }\n        \n        .service-content h3 {\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            color: var(--primary);\n        }\n        \n        .service-content p {\n            color: var(--text);\n            margin-bottom: 1.5rem;\n        }\n        \n        .service-link {\n            display: inline-flex;\n            align-items: center;\n            color: var(--secondary);\n            font-weight: 600;\n            text-decoration: none;\n            transition: color 0.3s;\n        }\n        \n        .service-link i {\n            margin-left: 5px;\n            transition: transform 0.3s;\n        }\n        \n        .service-link:hover {\n            color: var(--accent);\n        }\n        \n        .service-link:hover i {\n            transform: translateX(5px);\n        }\n        \n        \/* Portfolio Section *\/\n        .portfolio {\n            padding: 6rem 0;\n            background-color: var(--light);\n        }\n        \n        .portfolio-filter {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 3rem;\n            flex-wrap: wrap;\n        }\n        \n        .filter-btn {\n            background: none;\n            border: none;\n            padding: 10px 20px;\n            margin: 0 10px;\n            cursor: pointer;\n            font-weight: 600;\n            color: var(--medium-gray);\n            transition: all 0.3s;\n            position: relative;\n        }\n        \n        .filter-btn:after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 2px;\n            background: var(--secondary);\n            bottom: 0;\n            left: 0;\n            transition: width 0.3s;\n        }\n        \n        .filter-btn.active, .filter-btn:hover {\n            color: var(--primary);\n        }\n        \n        .filter-btn.active:after, .filter-btn:hover:after {\n            width: 100%;\n        }\n        \n        .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 2rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        \n        .portfolio-item {\n            position: relative;\n            border-radius: 10px;\n            overflow: hidden;\n            height: 300px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .portfolio-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s;\n        }\n        \n        .portfolio-item:hover img {\n            transform: scale(1.05);\n        }\n        \n        .portfolio-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 2rem;\n            opacity: 0;\n            transition: opacity 0.3s;\n        }\n        \n        .portfolio-item:hover .portfolio-overlay {\n            opacity: 1;\n        }\n        \n        .portfolio-overlay h3 {\n            color: var(--light);\n            margin-bottom: 0.5rem;\n            transform: translateY(20px);\n            transition: transform 0.3s;\n        }\n        \n        .portfolio-overlay p {\n            color: var(--medium-gray);\n            transform: translateY(20px);\n            transition: transform 0.3s 0.1s;\n        }\n        \n        .portfolio-item:hover .portfolio-overlay h3,\n        .portfolio-item:hover .portfolio-overlay p {\n            transform: translateY(0);\n        }\n        \n        \/* Testimonials *\/\n        .testimonials {\n            padding: 6rem 0;\n            background-color: var(--gray);\n        }\n        \n        .testimonials-container {\n            max-width: 1200px;\n            display: flex;\n            flex-wrap: wrap;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        \n        .testimonial-slider {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            flex-wrap: wrap;\n            position: relative;\n        }\n        .testimonial-slide .stars{\n            height: 28px;\n            margin-top: 10px;\n            width: auto;\n        }\n        .google-logo{\n            margin-top: 2.0rem;\n            height: fit-content;\n            width: fit-content;\n        }\n        .google-logo svg{\n            height: 2.0rem;\n            margin-top: 1.0rem;\n        }\n        .testimonial-slide {\n            background-color: var(--light);\n            padding: 2rem;\n            width: 30%;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n            margin: 0 1rem;\n            margin-top: 20px;\n            position: relative;\n        }\n        \n        \n        .testimonial-content {\n            color: rgb(17, 17, 17);\n            font-size: 16px;\n            font-family: \"Roboto\", sans-serif;\n            position: relative;\n            z-index: 1;\n            line-height: 23px;\n            -webkit-line-clamp: 3;\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        \n        .testimonial-author {\n            display: flex;\n            align-items: center;\n        }\n        \n        .author-avatar {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            overflow: hidden;\n            margin-right: 1rem;\n        }\n        \n        .author-avatar img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        .author-info h4 {\nwidth:200px;\nfont-size:20px;\nline-height: normal;\n            color: var(--primary);\n            margin-bottom: 0.2rem;\n        }\n        \n        .author-info p {\n            color: var(--medium-gray);\n            font-size: 0.9rem;\n        }\n        \n        \/* Contact Section *\/\n        .contact {\n            padding: 6rem 0;\n            background-color: var(--light);\n        }\n        \n        .contact-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        \n        .contact-info {\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .contact-info h3 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 2rem;\n        }\n        \n        .contact-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 1.5rem;\n        }\n        \n        .contact-icon {\n            background-color: var(--secondary);\n            color: var(--light);\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            margin-right: 1rem;\n            flex-shrink: 0;\n        }\n        \n        .contact-details h4 {\n            color: var(--primary);\n            margin-bottom: 0.3rem;\n        }\n        \n        .contact-details p, .contact-details a {\n            color: var(--text);\n            text-decoration: none;\n            transition: color 0.3s;\n        }\n        \n        .contact-details a:hover {\n            color: var(--secondary);\n        }\n        \n        .contact-form {\n            background-color: var(--gray);\n            padding: 1rem;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n        .contact-form img{\n            width: 100%;\n            height: auto;\n        }\n        .contact-form h3 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 2rem;\n        }\n        \n        .form-group {\n            margin-bottom: 1.5rem;\n        }\n        \n        .form-control {\n            width: 100%;\n            padding: 15px;\n            border: 1px solid var(--medium-gray);\n            border-radius: 5px;\n            font-size: 1rem;\n            transition: border-color 0.3s;\n        }\n        \n        .form-control:focus {\n            outline: none;\n            border-color: var(--secondary);\n        }\n        \n        textarea.form-control {\n            min-height: 150px;\n            resize: vertical;\n        }\n        \n        .submit-btn {\n            background-color: var(--secondary);\n            color: var(--light);\n            border: none;\n            padding: 15px 30px;\n            border-radius: 5px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n        \n        .submit-btn:hover {\n            background-color: var(--primary);\n            transform: translateY(-3px);\n        }\n        \n        \/* Map Section *\/\n        .map-section {\n            height: 500px;\n            position: relative;\n        }\n        \n        .map-container {\n            width: 100%;\n            height: 100%;\n        }\n        .map-container iframe{\n            width: 100%;\n            height: 100%;\n        }\n        .map-overlay {\n            position: absolute;\n            bottom: 50px;\n            right: 50px;\n            background-color: var(--light);\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n            max-width: 350px;\n            z-index: 1;\n        }\n        \n        .map-overlay h3 {\n            color: var(--primary);\n            margin-bottom: 1rem;\n        }\n        \n        .map-overlay p {\n            margin-bottom: 0.5rem;\n        }\n        \n        .map-overlay i {\n            color: var(--secondary);\n            margin-right: 10px;\n            width: 20px;\n            text-align: center;\n        }\n        \n        \/* Footer *\/\n        footer {\n            background-color: var(--dark);\n            color: var(--light);\n            padding: 4rem 0 2rem;\n        }\n        \n        .footer-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n        \n        .footer-col h4 {\n            font-size: 1.3rem;\n            margin-bottom: 1.5rem;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        \n        .footer-col h4:after {\n            content: '';\n            position: absolute;\n            width: 50px;\n            height: 2px;\n            background: var(--secondary);\n            bottom: 0;\n            left: 0;\n        }\n        \n        .footer-col p {\n            opacity: 0.8;\n            margin-bottom: 1rem;\n        }\n        \n        .footer-links {\n            list-style: none;\n        }\n        .footer-links p{\n            font-weight: 100;\n            color: var(--medium-gray);\n        }\n        .footer-links li {\n            margin-bottom: 0.8rem;\n        }\n        \n        .footer-links a {\n            color: var(--light);\n            opacity: 0.8;\n            text-decoration: none;\n            transition: all 0.3s;\n        }\n        \n        .footer-links a:hover {\n            opacity: 1;\n            padding-left: 5px;\n            color: var(--secondary);\n        }\n        \n        .social-links {\n            display: flex;\n            margin-top: 1.5rem;\n        }\n        \n        .social-links a {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            background-color: rgba(255,255,255,0.1);\n            border-radius: 50%;\n            margin-right: 10px;\n            color: var(--light);\n            transition: all 0.3s;\n        }\n        \n        .social-links a:hover {\n            background-color: var(--secondary);\n            transform: translateY(-3px);\n        }\n        \n        .footer-bottom {\n            text-align: center;\n            padding-top: 3rem;\n            margin-top: 3rem;\n            border-top: 1px solid rgba(255,255,255,0.1);\n        }\n        \n        .footer-bottom p {\n            opacity: 0.7;\n            font-size: 0.9rem;\n        }\n        \n        \/* WhatsApp Fixed Button *\/\n        .whatsapp-fixed {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            background-color: #25D366;\n            color: white;\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8rem;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n            z-index: 999;\n            transition: all 0.3s ease;\n            animation: pulse 2s infinite;\n        }\n        \n        .whatsapp-fixed:hover {\n            transform: scale(1.1);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n        }\n        \n        @keyframes pulse {\n            0% {\n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n            }\n            70% {\n                box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n            }\n        }\n        \n        \/* Responsive Styles *\/\n        @media (max-width: 992px) {\n            .hero h1 {\n                font-size: 2.8rem;\n            }\n            \n            .hero p {\n                font-size: 1.1rem;\n            }\n            \n            .portfolio-grid {\n                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .testimonial-slider{\n                flex-direction: column;\n            }\n            .testimonial-slide{\n                width: 100%;\n                margin: auto;\n                margin-top: 20px;\n            }\n            .header-container {\n                flex-direction: column;\n                padding: 0.6rem;\n            }\n            \n            nav ul {\n                margin-top: 1rem;\n            }\n            \n            nav ul li {\n                margin-left: 1rem;\n                margin-right: 1rem;\n            }\n            \n            .hero h1 {\n                width: 100%;\n                font-size: 2.2rem;\n            }\n            \n            .hero-buttons {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n            }\n            \n            .cta-button {\n                margin-right: 0;\n                margin-bottom: 15px;\n                text-align: center;\n                padding: 15px 16px;\n                font-size: 100%;\n            }\n            \n            .map-overlay {\n                left: 20px;\n                display: none;\n                bottom: 20px;\n                max-width: calc(100% - 40px);\n            }\n            .header-container nav{\n                display: none;\n            }\n            .video-overlay::before{\n                    background: linear-gradient(to bottom, rgba(18, 19, 11, 0.289) 50%, rgba(18, 19, 11, 0) 57%);\n            }\n            .stat-item {\n                width: 100%;\n                text-align: center;\n                padding: 1rem;\n            }\n            .stat-number{\n                font-size: 2.0rem;\n            }\n            .stats-container{\n                display: flex;\n                flex-wrap: wrap;\n                align-items: center;\n                justify-content: space-between;\n            }\n            .stat-label{\n                line-height: normal;\n            }\n            .hero-content{\n                width: 90%;\n            }\n            .hero h1{\n                text-align: center;\n            }\n            .hero p{\n                text-align: center;\n                font-size: 80%;\n            }\n            .header-container img{\n                height: 40px;\n            }\n            .services::before{\n                top: -40px;\n            }\n            .services{\n                margin-top: 0;\n            }\n            .header-container .infor{\n                display: flex;\n            }\n        }\n        \n        @media (max-width: 576px) {\n            .services-grid, .portfolio-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .testimonial-slide {\n                padding: 2rem 1.5rem;\n            }\n            \n            .contact-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .contact-form {\n                padding: 2rem 1.5rem;\n            }\n\n        }\n    <\/style>\n<\/head>\n<body>\n<!-- Google Tag Manager (noscript) -->\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-MQSR4BJV\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n<!-- End Google Tag Manager (noscript) -->\n    <!-- Header -->\n    <header>\n        <div class=\"header-container\">\n            <div class=\"logo\">\n                <img decoding=\"async\" alt=\"Logo\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/logo1.png\"\/>\n            <\/div>\n            <div class=\"infor\">\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\">(51) 99371-5818<\/a>\n                <a href=\"mailto:contato@mssulinox.com.br\">contato@mssulinox.com.br<\/a>\n\n            <\/div>\n            <nav>\n                <ul>\n                    <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\n                    <li><a href=\"#portfolio\">Portf\u00f3lio<\/a><\/li>\n                    <li><a href=\"#sobre\">Avalia\u00e7\u00f5es<\/a><\/li>\n                    <li><a href=\"#contato\">Contato<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n    \n    <!-- Hero Video Section -->\n    <section class=\"hero\">\n        <div class=\"video-background\"><\/div>\n        <div class=\"icones\"><\/div>\n        <div class=\"video-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <h1>Solu\u00e7\u00f5es em Corrim\u00e3os de A\u00e7o Inox com Alta Qualidade<\/h1>\n            <p>Na MS SUL INOX, oferecemos uma linha completa de corrim\u00e3os e guarda-corpos em a\u00e7o inoxid\u00e1vel e vidros, desenvolvidos com os mais altos padr\u00f5es de qualidade e design. Garantimos solu\u00e7\u00f5es elegantes, dur\u00e1veis e sob medida para transformar seus projetos em verdadeiras obras de arte.<\/p>\n            <div class=\"hero-buttons\">\n                <a id=\"cta-button\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"cta-button\">\n                    <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Fa\u00e7a seu or\u00e7amento Gratuito\n                <\/a>\n                <a href=\"#servicos\" class=\"cta-button secondary\">\n                    <i class=\"fas fa-clipboard-list\"><\/i> Nossos Servi\u00e7os\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Stats Section -->\n    <section class=\"stats\">\n        <div class=\"stats-container\">\n            <div class=\"stat-item\">\n                <div class=\"stat-number\" id=\"numero1\">0+<\/div>\n                <div class=\"stat-label\">Anos de Experi\u00eancia<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\" id=\"numero2\">0+<\/div>\n                <div class=\"stat-label\">Projetos Conclu\u00eddos<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\" id=\"numero3\">0%<\/div>\n                <div class=\"stat-label\">Clientes Satisfeitos<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Services Section -->\n    <section class=\"services\" id=\"servicos\">\n        <div class=\"section-title\">\n            <h2>Nossos Servi\u00e7os<\/h2>\n            <p>Oferecemos solu\u00e7\u00f5es completas em corrim\u00f5es de a\u00e7o e guarda-corpos para atender \u00e0s necessidades residenciais e corporativas<\/p>\n            <a id=\"cta-button\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"cta-button\">\n                <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Fa\u00e7a seu or\u00e7amento Gratuito\n            <\/a>\n        <\/div>\n        <div class=\"services-grid\">\n            <div class=\"service-card\">\n                <div class=\"service-image\">\n                    <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/corrimao.png\" alt=\"Box para Banheiro\">\n                <\/div>\n                <div class=\"service-content\">\n                    <h3>Fabrica\u00e7\u00e3o e instala\u00e7\u00e3o de corrim\u00e3os em a\u00e7o inox<\/h3>\n                    <p>Projetados sob medida, com alta durabilidade, acabamento premium e design moderno.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"service-card\">\n                <div class=\"service-image\">\n                    <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/guarda-corpo.jpg\" alt=\"Sacadas e Guarda-Corpos\">\n                <\/div>\n                <div class=\"service-content\">\n                    <h3>Guarda-corpos em a\u00e7o inox<\/h3>\n                    <p>Estruturas resistentes e elegantes, ideais para \u00e1reas internas e externas.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"service-card\">\n                <div class=\"service-image\">\n                    <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/vidro.png\" alt=\"Espelhos Decorativos\">\n                <\/div>\n                <div class=\"service-content\">\n                    <h3>Corrim\u00e3os conforme normas da ABNT<\/h3>\n                    <p>Total conformidade com as normas t\u00e9cnicas de acessibilidade e seguran\u00e7a.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- Portfolio Section -->\n    <section class=\"portfolio\" id=\"portfolio\">\n        <div class=\"section-title\">\n            <h2>Nossos Trabalhos<\/h2>\n            <p>Confira alguns dos nossos projetos recentes e inspire-se para o seu<\/p>\n            <a id=\"cta-button\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"cta-button\">\n                <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Fa\u00e7a seu or\u00e7amento Gratuito\n            <\/a>\n        <\/div>\n        <div class=\"portfolio-filter\">\n            <button class=\"filter-btn active\" data-filter=\"all\">Todos<\/button>\n            <button class=\"filter-btn\" data-filter=\"residencial\">Residencial<\/button>\n            <button class=\"filter-btn\" data-filter=\"comercial\">Comercial<\/button>\n            <button class=\"filter-btn\" data-filter=\"sacadas\">Sacadas<\/button>\n        <\/div>\n        <div class=\"portfolio-grid\">\n            <div class=\"portfolio-item\" data-category=\"residencial\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/0.png\" alt=\"Projeto Residencial\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Cobertura Moderna<\/h3>\n                    <p>Portas de correr em vidro temperado<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-item\" data-category=\"comercial\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/1.png\" alt=\"Projeto Comercial\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Escrit\u00f3rio Corporativo<\/h3>\n                    <p>Divis\u00f3rias em vidro fum\u00ea<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-item\" data-category=\"box\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/3.png\" alt=\"Box Banheiro\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Box Elegante<\/h3>\n                    <p>Vidro temperado 8mm com acabamento em alum\u00ednio<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-item\" data-category=\"sacadas\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/4.png\" alt=\"Sacada de Vidro\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Sacada Panor\u00e2mica<\/h3>\n                    <p>Guarda-corpo em vidro laminado<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-item\" data-category=\"residencial\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/5.png\" alt=\"Janelas Residenciais\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Resid\u00eancia Cl\u00e1ssica<\/h3>\n                    <p>Janelas em vidro duplo<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-item\" data-category=\"comercial\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/6.png\" alt=\"Espelhos Comerciais\">\n                <div class=\"portfolio-overlay\">\n                    <h3>Loja de Departamentos<\/h3>\n                    <p>Espelhos bisotados para provador<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Testimonials Section -->\n    <section class=\"testimonials\" id=\"sobre\">\n        <div class=\"section-title\">\n            <h2>O Que Dizem Nossos Clientes<\/h2>\n            <p>Depoimentos de quem j\u00e1 contratou nossos servi\u00e7os<\/p>\n            <a id=\"cta-button\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"cta-button\">\n                <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Fa\u00e7a seu or\u00e7amento Gratuito\n            <\/a>\n        <\/div>\n        <div class=\"testimonials-container\">\n            <div class=\"testimonial-slider\">\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXvmwGbbuUc24xMMGp-l1aaJUp46lpez9gdVThRYxpYhAtjQyFP=w144-h144-p-rp-mo-br100\" alt=\"Carlos Silva\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>CRPorsche \u201cCRPC Porsche\u201d<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Excelente. Super indico a MS SUL. Eles fizeram o guarda corpo da minha \u00e1rea de piscina e ficou lind\u00edssima. Tive um imprevisto e um super atraso na minha reforma e eles, pacientemente, aguardaram o tempo que precisei. Depois tivemos uma falha na comunica\u00e7\u00e3o e eles corrigiram, sem medir esfor\u00e7os, atendendo a minha vontade. Todo material e equipe de primeira. NOTA DEZ.<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/www.google.com\/maps\/contrib\/106239974099880636565\/place\/ChIJi9ReDd0rGpURaVzDqxboGQY\/@-30.001411,-51.2063841,17z\/data=!3m1!4b1!4m8!1m7!3m6!1s0x951a2bdd0d5ed48b:0x619e816abc35c69!2sMS+Sul+Inox!8m2!3d-30.001411!4d-51.2063841!16s%2Fg%2F11hz6v11lg?entry=ttu&#038;g_ep=EgoyMDI1MDgxOC4wIKXMDSoASAFQAw%3D%3D\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVMGSW85J-2h5h5q_OUOHW6vN_rxdmiTYwbBHM22FazD-wABsATfg=w90-h90-p-rp-mo-br100\" alt=\"Ana Paula Oliveira\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Carmen Carrasco Machado<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Profissionais competentes, servi\u00e7o bem feito e rapidez na entrega. Recomendo!<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/www.google.com\/maps\/contrib\/114395331640820868878\/place\/ChIJi9ReDd0rGpURaVzDqxboGQY\/@-30.001411,-51.208959,17z\/data=!4m8!1m7!3m6!1s0x951a2bdd0d5ed48b:0x619e816abc35c69!2sMS+Sul+Inox!8m2!3d-30.001411!4d-51.2063841!16s%2Fg%2F11hz6v11lg?entry=ttu&#038;g_ep=EgoyMDI1MDgxOC4wIKXMDSoASAFQAw%3D%3D\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXBAwuycmJnkFCPqbIEKkJY7SB5Z2-2SVqMTWapj79n9swpI_zDAw=w90-h90-p-rp-mo-br100\" alt=\"Roberto Mendes\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Lu\u00eds Carvalho<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Muito bom o trabalho, execu\u00e7\u00e3o conforme minha necessidade. N\u00e3o tentou me empurrar solu\u00e7\u00f5es prontas. Me escutou e superou minhas expectativas. Deu outra cara para a piscina.<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/www.google.com\/maps\/contrib\/110573295702901782210\/place\/ChIJi9ReDd0rGpURaVzDqxboGQY\/@-30.001411,-51.2063841,17z\/data=!3m1!4b1!4m8!1m7!3m6!1s0x951a2bdd0d5ed48b:0x619e816abc35c69!2sMS+Sul+Inox!8m2!3d-30.001411!4d-51.2063841!16s%2Fg%2F11hz6v11lg?entry=ttu&#038;g_ep=EgoyMDI1MDgxOC4wIKXMDSoASAFQAw%3D%3D\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXHY-ZJEL6_V8AQimUdbIr_H8CLtEYuPk8jlp0cbNEBYFFGIA=w90-h90-p-rp-mo-br100\" alt=\"Roberto Mendes\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Gabriela Hoffmann<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Servi\u00e7o impec\u00e1vel , profissionais especializados, me deram v\u00e1rias dicas na instala\u00e7\u00e3o, super indico empresa de qualidade !!<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/www.google.com\/maps\/contrib\/107996853158495607359\/reviews\/@-29.7186904,-50.4915952,9z\/data=!3m1!4b1!4m3!8m2!3m1!1e1?hl=pt-BR&#038;entry=ttu&#038;g_ep=EgoyMDI1MDgxOC4wIKXMDSoASAFQAw%3D%3D\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVRgjc9RmkatCb7-adE5vi9mYCYCIMa2qYAGuUrDxGcGxc52hQ=w90-h90-p-rp-mo-br100\" alt=\"Roberto Mendes\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Thiago Roll<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Muito bom o servi\u00e7o, qualidade e aten\u00e7\u00e3o total do Diego Estevan. Recomendo a todos<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/maps.app.goo.gl\/TAbwrHxVhVCHbWwS7\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVGDQela98p8Lb-leFN-3yZ0f5CofCkhIBAcNBItjBrVxVVW7Xp=w90-h90-p-rp-mo-br100\" alt=\"Roberto Mendes\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Andr\u00e9 Ruga<\/h4>\n                        <\/div>\n                    <\/div>\n                    <img decoding=\"async\" alt=\"Avalia\u00e7\u00e3o\" class=\"stars\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/stars.png\"\/>\n                    <div class=\"testimonial-content\">\n                        <p>Servi\u00e7o de \u00f3tima qualidade, e com bom pre\u00e7o! Aprovamos os corrim\u00f5es em a\u00e7o inoxid\u00e1vel, ficou muito bonito!<\/p>\n                    <\/div>\n                    <a class=\"google-logo\" href=\"https:\/\/www.google.com\/maps\/contrib\/100345794289633976856\/reviews\/@-29.8914639,-51.1060784,10z\/data=!3m1!4b1!4m3!8m2!3m1!1e1?hl=pt-BR&#038;entry=ttu&#038;g_ep=EgoyMDI1MDgxOC4wIKXMDSoASAFQAw%3D%3D\">\n                        <div>\n                            <div>\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 85 36\" class=\"injected-svg\" data-src=\"https:\/\/static.elfsight.com\/icons\/app-all-in-one-reviews-logos-google-logo-multicolor.svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g clip-path=\"url(#a-163)\"><path fill=\"#4285F4\" d=\"M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z\"><\/path><path fill=\"#EA4335\" d=\"M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z\"><\/path><path fill=\"#FBBC05\" d=\"M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z\"><\/path><path fill=\"#4285F4\" d=\"M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z\"><\/path><path fill=\"#EA4335\" d=\"M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z\"><\/path><path fill=\"#34A853\" d=\"M67.425 24.727h3.044V4.359h-3.044v20.368Z\"><\/path><\/g><defs><clipPath id=\"a-163\"><path fill=\"#fff\" d=\"M0 0h84.515v36H0z\"><\/path><\/clipPath><\/defs><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Contact Section -->\n    <section class=\"contact\" id=\"contato\">\n        <div class=\"section-title\">\n            <h2>Entre em Contato<\/h2>\n            <p>Estamos prontos para atender seu projeto com a melhor solu\u00e7\u00e3o em vidros<\/p>\n        <\/div>\n        <div class=\"contact-container\">\n            <div class=\"contact-info\">\n                <h3>Informa\u00e7\u00f5es de Contato<\/h3>\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <div class=\"contact-details\">\n                        <h4>Endere\u00e7o<\/h4>\n                        <p>R. Volunt\u00e1rios da P\u00e1tria 3811 | CEP: 90030-003 Bairro: Navegantes<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                    <\/div>\n                    <div class=\"contact-details\">\n                        <h4>Telefone<\/h4>\n                        <p><a href=\"tel:+5551993715818\">(51) 99371-5818<\/a><\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/div>\n                    <div class=\"contact-details\">\n                        <h4>Email<\/h4>\n                        <p><a href=\"mailto:contato@mssulinox.com.br\">contato@mssulinox.com.br<\/a><\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-clock\"><\/i>\n                    <\/div>\n                    <div class=\"contact-details\">\n                        <h4>Hor\u00e1rio de Atendimento<\/h4>\n                        <p>Segunda a Sexta: 8h \u00e0s 18h<br>S\u00e1bado: 8h \u00e0s 12h<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"contact-form\">\n                <img decoding=\"async\" src=\"https:\/\/vitorfail.github.io\/mssulinox\/imgs\/endere%C3%A7o.jpg\" alt=\"Lugar\">\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Map Section -->\n    <section class=\"map-section\">\n        <div class=\"map-container\">\n            <iframe src=\"https:\/\/maps.google.com\/maps?q=volunt%C3%A1rios%20da%20p%C3%A1tria%203811%20-%20bairro%20Navegantes%20-%20Porto%20Alegre%20-%C2%A0CEP%3A%C2%A090030-003&#038;t=m&#038;z=16&#038;output=embed&#038;iwloc=near\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"map-overlay\">\n            <h3>Visite Nossa Loja<\/h3>\n            <p><i class=\"fas fa-map-marker-alt\"><\/i> R. Volunt\u00e1rios da P\u00e1tria 3811 | CEP: 90030-003 Bairro: Navegantes<\/p>\n            <p><i class=\"fas fa-city\"><\/i> Porto Alegre &#8211; RS<\/p>\n            <p><i class=\"fas fa-clock\"><\/i> Seg-Sex: 8h \u00e0s 18h | S\u00e1b: 8h \u00e0s 12h<\/p>\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"cta-button\" style=\"margin-top: 15px; display: inline-block;\">\n                <i class=\"fab fa-whatsapp\"><\/i> Chamar no WhatsApp\n            <\/a>\n        <\/div>\n    <\/section>\n    \n    <!-- Footer -->\n    <footer>\n        <div class=\"footer-container\">\n            <div class=\"footer-col\">\n                <h4>MS SUL INOX <\/h4>\n                <p>F\u00e1brica de Corrim\u00e3os de A\u00e7o Inox e Guarda-Corpo de vidro.<br><br> Somos especialistas em solu\u00e7\u00f5es de a\u00e7o inox e vidro para resid\u00eancias e empresas, oferecendo qualidade, seguran\u00e7a e design moderno. Atuamos com fabrica\u00e7\u00e3o pr\u00f3pria e projetos sob medida, garantindo sofistica\u00e7\u00e3o, durabilidade e inova\u00e7\u00e3o em cada obra<\/p>\n                <div class=\"social-links\">\n                    <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-col\">\n                <h4>Servi\u00e7os<\/h4>\n                <ul class=\"footer-links\">\n                    <li>\n                        <a href=\"#\">Fabrica\u00e7\u00e3o e instala\u00e7\u00e3o de corrim\u00e3os em a\u00e7o inox<\/a>\n                        <p>Projetados sob medida, com alta durabilidade, acabamento premium e design moderno.<\/p>\n                    <\/li>\n                    <li>\n                        <a href=\"#\">Guarda-corpos em a\u00e7o inox<\/a>\n                        <p>Estruturas resistentes e elegantes, ideais para \u00e1reas internas e externas.<\/p>\n                    <\/li>\n                    <li>\n                        <a href=\"#\">Guarda-corpos em vidro temperado<\/a>\n                        <p>Solu\u00e7\u00f5es sofisticadas que valorizam a est\u00e9tica e garantem seguran\u00e7a.<\/p>\n                    <\/li>\n                    <li>\n                        <a href=\"#\">Corrim\u00e3os conforme normas da ABNT<\/a>\n                        <p>Total conformidade com as normas t\u00e9cnicas de acessibilidade e seguran\u00e7a.<\/p>\n                    <\/li>\n                    <li>\n                        <a href=\"#\">Guarda-corpos para sacadas e escadas<\/a>\n                        <p>Prote\u00e7\u00e3o e estilo em ambientes residenciais, comerciais e corporativos.<\/p>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"footer-col\">\n                <h4>Links \u00dateis<\/h4>\n                <ul class=\"footer-links\">\n                    <li><a href=\"#\">Sobre N\u00f3s<\/a><\/li>\n                    <li><a href=\"#\">Portf\u00f3lio<\/a><\/li>\n                    <li><a href=\"#\">Blog<\/a><\/li>\n                    <li><a href=\"#\">Termos de Servi\u00e7o<\/a><\/li>\n                    <li><a href=\"#\">Pol\u00edtica de Privacidade<\/a><\/li>\n                    <li><a href=\"#\">FAQ<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        \n        <div class=\"footer-bottom\">\n            <p>&copy; 2025 MS Sul Vidra\u00e7aria. Todos os direitos reservados.<\/p>\n        <\/div>\n    <\/footer>\n    \n    <!-- WhatsApp Fixed Button -->\n    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5551993715818&#038;text=Ol%C3%A1%2C+vim+pelo+site+da+MSSulInoxcorrimaos%2C+gostaria+de+mais+informa%C3%A7%C3%B5es.&#038;type=phone_number&#038;app_absent=0\" class=\"whatsapp-fixed\">\n        <i class=\"fab fa-whatsapp\"><\/i>\n    <\/a>\n    \n    <script>\n        \/\/ Simple filter functionality for portfolio\n        document.addEventListener('DOMContentLoaded', function() {\n            const filterBtns = document.querySelectorAll('.filter-btn');\n            const portfolioItems = document.querySelectorAll('.portfolio-item');\n            \n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    \/\/ Remove active class from all buttons\n                    filterBtns.forEach(btn => btn.classList.remove('active'));\n                    \/\/ Add active class to clicked button\n                    this.classList.add('active');\n                    \n                    const filterValue = this.getAttribute('data-filter');\n                    \n                    portfolioItems.forEach(item => {\n                        if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\n                            item.style.display = 'block';\n                        } else {\n                            item.style.display = 'none';\n                        }\n                    });\n                });\n            });\n            \n            \/\/ Simple animation on scroll\n            const animateOnScroll = function() {\n                const elements = document.querySelectorAll('.service-card, .portfolio-item, .testimonial-slide');\n                \n                elements.forEach(element => {\n                    const elementPosition = element.getBoundingClientRect().top;\n                    const windowHeight = window.innerHeight;\n                    \n                    if (elementPosition < windowHeight - 100) {\n                        element.style.opacity = '1';\n                        element.style.transform = 'translateY(0)';\n                    }\n                });\n            };\n            \n            \/\/ Set initial state\n            const services = document.querySelectorAll('.service-card');\n            const portfolioItem = document.querySelectorAll('.portfolio-item');\n            const testimonials = document.querySelectorAll('.testimonial-slide');\n            \n            services.forEach(service => {\n                service.style.opacity = '0';\n                service.style.transform = 'translateY(30px)';\n                service.style.transition = 'all 0.6s ease';\n            });\n            \n            portfolioItem.forEach(item => {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n            });\n            \n            testimonials.forEach(testimonial => {\n                testimonial.style.opacity = '0';\n                testimonial.style.transform = 'translateY(30px)';\n                testimonial.style.transition = 'all 0.6s ease';\n            });\n            \n            window.addEventListener('scroll', animateOnScroll);\n            animateOnScroll(); \/\/ Run once on load\n            const total = 17; \/\/ Defina o n\u00famero total que voc\u00ea deseja contar\n            let count = 0;\n\n            const total_feedbacks = 3332; \/\/ Defina o n\u00famero total que voc\u00ea deseja contar\n            let count_feedbacks = 0;\n\n            const total_satisfeitos = 98; \/\/ Defina o n\u00famero total que voc\u00ea deseja contar\n            let count_satisfeitos = 0;\n\n            function contadores(){\n                const numero = document.getElementById('numero1');\n\n                if (numero !== null){\n                    const intervalo = setInterval(() => {\n                            if (count < total) {\n                                count=count+1;\n                                numero.textContent ='+'+ count;\n                            } else {\n                                clearInterval(intervalo);\n                            }    \n                        \n                    }, 300);\n                }\n                const numero_feedbacks = document.getElementById('numero2');\n                if(numero_feedbacks !== null){\n                    const intervalo_feedbacks = setInterval(() => {\n                        if (count_feedbacks < total_feedbacks) {\n                            count_feedbacks=count_feedbacks+1;\n                            numero_feedbacks.textContent ='+'+ count_feedbacks;\n                        } else {\n                            clearInterval(intervalo_feedbacks);\n                        }    \n                    }, 1);\n                }\n                const numero_satisfeitos = document.getElementById('numero3');\n\n                if(numero_satisfeitos !== null){\n                    const intervalo_satisfeitos = setInterval(() => {\n                        if (count_satisfeitos < total_satisfeitos) {\n                            count_satisfeitos=count_satisfeitos+1;\n                            numero_satisfeitos.textContent =count_satisfeitos+ \"%\";\n                        } else {\n                            clearInterval(intervalo_satisfeitos);\n                        }    \n                    }, 70);\n                }\n            }\n            contadores()\n            const numeros = [ 2, 3, 4, 5,1, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5,1, 2, 3, 4, 5,1, 2, 3, 4, 5, 2, 3, 4, 5,1, 2, 3, 4, 5,1, 2, 3, 4, 5,1, 2, 3, 4, 5, 2,4, 5, 2, 3, 4, 5, 2, 3, 4, 5];\n            const quadrados = numeros.map(num => num * num);\n            const classes = [\n                \"fa-solid fa-house\",\n                \"fa-solid fa-truck-fast\",\n                \"fa-solid fa-sack-xmark\",\n                \"fa-solid fa-landmark\"\n            ];\n            \/\/ Seleciona a lista no HTML\n            const lista = document.querySelector('.icones');\n\n            \/\/ Adiciona os quadrados na lista com um valor aleat\u00f3rio para --i\n            quadrados.forEach(quadrado => {\n                const li = document.createElement('i');\n                const randomClass = classes[Math.floor(Math.random() * classes.length)];\n                li.className = randomClass\n\n                \/\/ Gera um n\u00famero aleat\u00f3rio entre 1 e 100\n                const randomValue = Math.floor(Math.random() * (100 - 20 + 1)) + 20;\n\n                \/\/ Define a vari\u00e1vel CSS --i\n                li.style.setProperty('--i', randomValue \/ 70); \/\/ Ajusta para estar entre 0 e 1 para opacidade\n\n                lista.appendChild(li);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MS Sul Vidra\u00e7aria | Solu\u00e7\u00f5es Premium em Vidros Temperados e Especiais (51) 99371-5818 contato@mssulinox.com.br Servi\u00e7os Portf\u00f3lio Avalia\u00e7\u00f5es Contato Solu\u00e7\u00f5es em Corrim\u00e3os de A\u00e7o Inox com Alta Qualidade Na MS SUL INOX, oferecemos uma linha completa de corrim\u00e3os e guarda-corpos em a\u00e7o inoxid\u00e1vel e vidros, desenvolvidos com os mais altos padr\u00f5es de qualidade e design. Garantimos &#8230; <a title=\"Vitor LP\" class=\"read-more\" href=\"https:\/\/mssulinox.com.br\/\" aria-label=\"Mais sobre Vitor LP\">Ler mais<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1123","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1123"}],"version-history":[{"count":11,"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1123\/revisions"}],"predecessor-version":[{"id":1150,"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1123\/revisions\/1150"}],"wp:attachment":[{"href":"https:\/\/mssulinox.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}