{"id":9,"date":"2026-05-13T19:50:39","date_gmt":"2026-05-13T19:50:39","guid":{"rendered":"https:\/\/ceramicprorio.com.br\/?page_id=9"},"modified":"2026-06-03T11:35:25","modified_gmt":"2026-06-03T11:35:25","slug":"pagina-inicial","status":"publish","type":"page","link":"https:\/\/ceramicprorio.com.br\/","title":{"rendered":"Pagina Inicial"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Premium PPF & Customiza\u00e7\u00e3o Automotiva<\/title>\r\n <!-- Google Tag Manager -->\r\n <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n 'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n })(window,document,'script','dataLayer','GTM-M8PWZRX5');<\/script>\r\n <!-- End Google Tag Manager -->\r\n \r\n <!-- Google tag (gtag.js) -->\r\n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18071862042\"><\/script>\r\n <script>\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag(){dataLayer.push(arguments);}\r\n gtag('js', new Date());\r\n gtag('config', 'AW-18071862042');\r\n <\/script>\r\n <!-- End Google tag -->\r\n \r\n <!-- Meta Pixel Code -->\r\n <script>\r\n !function(f,b,e,v,n,t,s)\r\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\r\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\r\n n.queue=[];t=b.createElement(e);t.async=!0;\r\n t.src=v;s=b.getElementsByTagName(e)[0];\r\n s.parentNode.insertBefore(t,s)}(window, document,'script',\r\n 'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\r\n fbq('init', '1604986457717288');\r\n fbq('track', 'PageView');\r\n <\/script>\r\n <noscript><img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\r\n src=\"https:\/\/www.facebook.com\/tr?id=1604986457717288&ev=PageView&noscript=1\"\r\n \/><\/noscript>\r\n <!-- Fim do c\u00f3digo Meta Pixel -->\r\n <style>\r\n\/* =========================================\r\n VARI\u00c1VEIS DE COR E TIPOGRAFIA\r\n ========================================= *\/\r\n:root {\r\n --bg-color: #0a0a0a;\r\n --bg-secondary: #111111;\r\n --bg-tertiary: rgba(26, 26, 26, 0.7);\r\n --text-primary: #f5f5f5;\r\n --text-secondary: #aaaaaa;\r\n --accent-color: #ff008c;\r\n --accent-hover: #ff4db2;\r\n --border-color: #1a1a1a;\r\n --neon-glow: 0 0 10px rgba(255, 0, 140, 0.5), 0 0 20px rgba(255, 0, 140, 0.3);\r\n --neon-glow-hover: 0 0 15px rgba(255, 77, 178, 0.8), 0 0 30px rgba(255, 77, 178, 0.5);\r\n \r\n --font-heading: 'Orbitron', sans-serif;\r\n --font-main: 'Rajdhani', sans-serif;\r\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n \r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n \r\nhtml {\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n}\r\n \r\nbody {\r\n font-family: var(--font-main);\r\n background-color: var(--bg-color);\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n width: 100%;\r\n position: relative;\r\n font-size: 1.1rem;\r\n background-image: radial-gradient(var(--border-color) 1px, transparent 1px), radial-gradient(var(--border-color) 1px, transparent 1px);\r\n background-size: 20px 20px;\r\n background-position: 0 0, 10px 10px;\r\n}\r\n \r\na {\r\n text-decoration: none;\r\n color: var(--text-primary);\r\n transition: var(--transition);\r\n}\r\n \r\nul {\r\n list-style: none;\r\n}\r\n \r\nimg {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n \r\n.container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n \r\n.text-center {\r\n text-align: center;\r\n}\r\n \r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: var(--font-heading);\r\n font-weight: 900;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n \r\n.section-title {\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n position: relative;\r\n display: inline-block;\r\n text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);\r\n}\r\n \r\n.section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background-color: var(--accent-color);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\n.text-center .section-title::after {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n \r\n.section-header {\r\n margin-bottom: 60px;\r\n}\r\n \r\n.section-header p {\r\n color: var(--text-secondary);\r\n font-size: 1.1rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n}\r\n \r\n.white-section .section-header p {\r\n color: #000000 !important;\r\n font-weight: 600;\r\n}\r\n \r\n.btn-primary, .btn-secondary {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n border-radius: 0;\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n}\r\n \r\n.btn-primary {\r\n background-color: var(--accent-color);\r\n color: #ffffff;\r\n border-color: var(--accent-color);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\n.btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #000000;\r\n z-index: -1;\r\n transition: var(--transition);\r\n transform: skewX(-15deg);\r\n}\r\n \r\n.btn-primary:hover::before {\r\n left: 0;\r\n transform: skewX(0);\r\n}\r\n \r\n.btn-primary:hover {\r\n box-shadow: var(--neon-glow-hover);\r\n color: #ffffff;\r\n transform: translateY(-3px);\r\n}\r\n \r\n.btn-secondary {\r\n background-color: rgba(255, 255, 255, 0.05);\r\n color: var(--text-primary);\r\n border-color: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(5px);\r\n}\r\n \r\n.btn-secondary:hover {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-color: var(--text-primary);\r\n transform: translateY(-3px);\r\n}\r\n \r\n.btn-primary.large, .btn-secondary.large {\r\n padding: 15px 40px;\r\n font-size: 1rem;\r\n}\r\n \r\n.w-100 {\r\n width: 100%;\r\n text-align: center;\r\n}\r\n \r\nheader {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n padding: 20px 0;\r\n transition: var(--transition);\r\n background-color: transparent;\r\n border-bottom: 1px solid transparent;\r\n}\r\n \r\nheader.scrolled {\r\n background-color: rgba(10, 10, 10, 0.85);\r\n padding: 10px 0;\r\n box-shadow: 0 5px 30px rgba(0, 0, 0, 0.8);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(255, 0, 140, 0.2);\r\n}\r\n \r\nheader .container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 100%;\r\n padding: 0 5%;\r\n}\r\n \r\n.logo img {\r\n height: 90px;\r\n width: auto;\r\n transition: var(--transition);\r\n filter: drop-shadow(0 0 5px rgba(255, 0, 140, 0.5));\r\n}\r\n \r\nheader.scrolled .logo img {\r\n height: 70px;\r\n}\r\n \r\nnav ul {\r\n display: flex;\r\n gap: 30px;\r\n}\r\n \r\nnav a {\r\n font-size: 0.95rem;\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n position: relative;\r\n padding: 5px 0;\r\n}\r\n \r\nnav a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background-color: var(--accent-color);\r\n transition: var(--transition);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\nnav a:hover::after, nav a.active::after {\r\n width: 100%;\r\n}\r\n \r\nnav a:hover, nav a.active {\r\n color: var(--accent-color);\r\n}\r\n \r\n.mobile-menu {\r\n display: none;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n color: #ffffff;\r\n text-shadow: 0 0 5px rgba(255,255,255,0.3);\r\n}\r\n \r\n#hero {\r\n min-height: 100vh;\r\n padding: 120px 0 80px 0;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n \r\n.video-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n}\r\n \r\n#bg-video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n \r\n.overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to right, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.6) 50%, rgba(255,0,140,0.15) 100%);\r\n}\r\n \r\n.hero-content {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 800px;\r\n margin-left: 0;\r\n padding-top: 100px;\r\n padding-left: 5%;\r\n}\r\n \r\n.hero-content .subtitle {\r\n color: var(--accent-color);\r\n font-family: var(--font-heading);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n margin-bottom: 15px;\r\n display: block;\r\n text-shadow: var(--neon-glow);\r\n}\r\n \r\n.hero-content h2 {\r\n font-size: 3.5rem;\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n font-style: italic;\r\n}\r\n \r\n.hero-content h2 span {\r\n color: transparent;\r\n -webkit-text-stroke: 2px var(--accent-color);\r\n text-shadow: var(--neon-glow);\r\n animation: neonFlicker 3s infinite alternate;\r\n}\r\n \r\n@keyframes neonFlicker {\r\n 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {\r\n text-shadow: var(--neon-glow);\r\n }\r\n 20%, 24%, 55% {\r\n text-shadow: none;\r\n }\r\n}\r\n \r\n.hero-content .description {\r\n font-size: 1.2rem;\r\n color: #e0e0e0;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n}\r\n \r\n.hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n}\r\n \r\n.section-padding {\r\n padding: 120px 0;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n \r\n.section-padding::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: linear-gradient(45deg, rgba(255,0,140,0.03) 25%, transparent 25%, transparent 50%, rgba(255,0,140,0.03) 50%, rgba(255,0,140,0.03) 75%, transparent 75%, transparent);\r\n background-size: 100px 100px;\r\n z-index: -1;\r\n opacity: 0.5;\r\n}\r\n \r\n.dark-bg {\r\n background-color: var(--bg-secondary);\r\n border-top: 1px solid rgba(255, 0, 140, 0.2);\r\n border-bottom: 1px solid rgba(255, 0, 140, 0.2);\r\n position: relative;\r\n}\r\n \r\n.white-section {\r\n background-color: #f5f5f5;\r\n color: #0a0a0a;\r\n border-top: 1px solid rgba(255, 0, 140, 0.2);\r\n position: relative;\r\n}\r\n \r\n.white-section .section-title {\r\n color: #0a0a0a;\r\n text-shadow: none;\r\n}\r\n \r\n.white-section p {\r\n color: #000000 !important;\r\n font-weight: 600;\r\n}\r\n \r\n.white-section .check-list li {\r\n color: #000000 !important;\r\n font-weight: 600;\r\n}\r\n \r\n.white-section .experience-badge {\r\n background-color: #fff;\r\n color: #0a0a0a;\r\n border-color: #e0e0e0;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n z-index: 3;\r\n}\r\n \r\n.white-section .experience-badge .number {\r\n text-shadow: none;\r\n}\r\n \r\n.dark-bg::after {\r\n content: '';\r\n position: absolute;\r\n top: -2px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\n.grid-2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n}\r\n \r\n.about-image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 500px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n}\r\n \r\n.image-box {\r\n position: relative;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n overflow: hidden;\r\n border: 3px solid var(--accent-color);\r\n width: 48%;\r\n height: 480px;\r\n}\r\n \r\n.image-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n}\r\n \r\n.image-box:hover img {\r\n transform: scale(1.1);\r\n}\r\n \r\n.main-img {\r\n z-index: 1;\r\n border-radius: 0;\r\n box-shadow: var(--neon-glow);\r\n animation: floatVertical 4s ease-in-out infinite;\r\n}\r\n \r\n.floating-img {\r\n z-index: 1;\r\n border-radius: 0;\r\n box-shadow: var(--neon-glow);\r\n animation: floatVertical 4s ease-in-out infinite reverse;\r\n margin-top: 40px;\r\n}\r\n \r\n@keyframes floatVertical {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n}\r\n \r\n.experience-badge {\r\n position: absolute;\r\n bottom: -30px;\r\n right: -30px;\r\n background-color: rgba(10, 10, 10, 0.8);\r\n color: #fff;\r\n padding: 30px;\r\n border-radius: 0;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n border: 2px solid var(--accent-color);\r\n backdrop-filter: blur(10px);\r\n}\r\n \r\n.experience-badge .number {\r\n display: block;\r\n font-size: 3rem;\r\n font-family: var(--font-heading);\r\n font-weight: 900;\r\n line-height: 1;\r\n color: var(--accent-color);\r\n text-shadow: var(--neon-glow);\r\n}\r\n \r\n.experience-badge .text {\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n font-size: 0.9rem;\r\n letter-spacing: 1px;\r\n}\r\n \r\n.about-text p {\r\n color: #000000 !important;\r\n margin-bottom: 20px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n}\r\n \r\n.check-list {\r\n margin-top: 30px;\r\n}\r\n \r\n.check-list li {\r\n margin-bottom: 15px;\r\n font-size: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n \r\n.check-list li i {\r\n color: var(--accent-color);\r\n font-size: 1.2rem;\r\n filter: drop-shadow(0 0 5px rgba(255, 0, 140, 0.5));\r\n}\r\n \r\n.services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n}\r\n \r\n.service-card {\r\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(255, 0, 140, 0.05));\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\r\n border: 1px solid rgba(255, 0, 140, 0.2);\r\n border-bottom: 3px solid var(--accent-color);\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 15px rgba(255, 0, 140, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n \r\n.service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 50%;\r\n height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(255, 0, 140, 0.2), transparent);\r\n transform: skewX(-20deg);\r\n transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n \r\n.service-card:hover::before {\r\n left: 150%;\r\n}\r\n \r\n.service-card:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n border-color: var(--accent-color);\r\n box-shadow: 0 0 30px rgba(255, 0, 140, 0.4), inset 0 0 15px rgba(255, 0, 140, 0.2);\r\n}\r\n \r\n.service-card .icon {\r\n font-size: 3.5rem;\r\n color: var(--accent-color);\r\n margin-bottom: 25px;\r\n transition: var(--transition);\r\n filter: drop-shadow(0 0 10px rgba(255, 0, 140, 0.6));\r\n}\r\n \r\n.service-card:hover .icon {\r\n transform: scale(1.1);\r\n filter: drop-shadow(0 0 20px rgba(255, 0, 140, 0.9));\r\n}\r\n \r\n.service-card h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 15px;\r\n color: #fff;\r\n text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);\r\n}\r\n \r\n.service-card p {\r\n color: #e0e0e0;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n}\r\n \r\n.marquee-wrapper {\r\n width: calc(100% + 40px);\r\n margin-left: -20px;\r\n overflow: hidden;\r\n position: relative;\r\n padding: 20px 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n background: #f5f5f5;\r\n}\r\n \r\n.marquee-wrapper::before,\r\n.marquee-wrapper::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 150px;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n.marquee-wrapper::before {\r\n left: 0;\r\n background: linear-gradient(to right, #f5f5f5 0%, transparent 100%);\r\n}\r\n.marquee-wrapper::after {\r\n right: 0;\r\n background: linear-gradient(to left, #f5f5f5 0%, transparent 100%);\r\n}\r\n \r\n.marquee-row {\r\n display: flex;\r\n width: fit-content;\r\n}\r\n \r\n.marquee-track {\r\n display: flex;\r\n gap: 20px;\r\n padding-right: 20px;\r\n animation: scroll-left 50s linear infinite;\r\n}\r\n \r\n.marquee-track.reverse {\r\n animation: scroll-right 50s linear infinite;\r\n}\r\n \r\n.marquee-track img {\r\n width: 350px;\r\n height: 250px;\r\n object-fit: cover;\r\n border-radius: 5px;\r\n border: 2px solid rgba(255, 0, 140, 0.2);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n}\r\n \r\n.marquee-track img:hover {\r\n transform: scale(1.05);\r\n z-index: 10;\r\n border-color: var(--accent-color);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\n@keyframes scroll-left {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n \r\n@keyframes scroll-right {\r\n 0% { transform: translateX(-50%); }\r\n 100% { transform: translateX(0); }\r\n}\r\n \r\n.video-testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n justify-content: center;\r\n}\r\n \r\n.video-testimonial-card {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n height: 400px;\r\n border: 2px solid rgba(255, 0, 140, 0.2);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\r\n background-color: #000;\r\n}\r\n \r\n.video-testimonial-card video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n}\r\n \r\n.video-testimonial-card:hover {\r\n transform: translateY(-10px);\r\n border-color: var(--accent-color);\r\n box-shadow: var(--neon-glow);\r\n z-index: 10;\r\n}\r\n \r\n.video-testimonial-card:hover video {\r\n transform: scale(1.05);\r\n}\r\n \r\n.contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n}\r\n \r\n.contact-grid.no-form {\r\n grid-template-columns: 1fr 1fr;\r\n max-width: 100%;\r\n margin: 0;\r\n align-items: stretch;\r\n}\r\n \r\n@media (max-width: 992px) {\r\n .contact-grid.no-form {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n \r\n.contact-highlight {\r\n background: #0a0a0a;\r\n padding: 40px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 0, 140, 0.2);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\r\n}\r\n \r\n.contact-highlight h4,\r\n.contact-highlight p {\r\n color: #ffffff !important;\r\n}\r\n \r\n.contact-form {\r\n background-color: var(--bg-tertiary);\r\n padding: 40px;\r\n border-radius: 0;\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n}\r\n \r\n.form-group {\r\n margin-bottom: 20px;\r\n}\r\n \r\n.form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-size: 0.9rem;\r\n color: var(--accent-color);\r\n}\r\n \r\n.form-group input, .form-group select {\r\n width: 100%;\r\n padding: 15px;\r\n background-color: rgba(10, 10, 10, 0.8);\r\n border: 1px solid var(--border-color);\r\n border-radius: 0;\r\n color: #fff;\r\n font-family: var(--font-main);\r\n font-size: 1.1rem;\r\n transition: var(--transition);\r\n}\r\n \r\n.form-group input:focus, .form-group select:focus {\r\n outline: none;\r\n border-color: var(--accent-color);\r\n box-shadow: 0 0 15px rgba(255, 0, 140, 0.2);\r\n}\r\n \r\n.info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n}\r\n \r\n.info-item i {\r\n font-size: 1.5rem;\r\n color: var(--accent-color);\r\n background-color: rgba(255, 0, 140, 0.1);\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 0;\r\n border: 1px solid rgba(255, 0, 140, 0.3);\r\n box-shadow: inset 0 0 10px rgba(255, 0, 140, 0.2);\r\n}\r\n \r\n.info-item h4 {\r\n margin-bottom: 5px;\r\n font-size: 1.1rem;\r\n}\r\n \r\n.info-item p {\r\n color: var(--text-secondary);\r\n}\r\n \r\n.map-container {\r\n margin-top: 40px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n \r\nfooter {\r\n background-color: #000;\r\n padding-top: 80px;\r\n border-top: 2px solid var(--accent-color);\r\n box-shadow: 0 -5px 20px rgba(255, 0, 140, 0.2);\r\n}\r\n \r\n.footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr;\r\n gap: 50px;\r\n margin-bottom: 60px;\r\n}\r\n \r\n.footer-about h2 {\r\n font-size: 1.5rem;\r\n}\r\n \r\n.footer-about h2 span {\r\n color: var(--accent-color);\r\n text-shadow: var(--neon-glow);\r\n}\r\n \r\n.footer-about p {\r\n color: var(--text-secondary);\r\n margin-bottom: 25px;\r\n max-width: 400px;\r\n}\r\n \r\n.social-links {\r\n display: flex;\r\n gap: 15px;\r\n}\r\n \r\n.social-links a {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 0;\r\n background-color: var(--bg-tertiary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n border: 1px solid rgba(255,0,140,0.3);\r\n}\r\n \r\n.social-links a:hover {\r\n background-color: var(--accent-color);\r\n color: #fff;\r\n transform: translateY(-3px);\r\n box-shadow: var(--neon-glow);\r\n}\r\n \r\n.footer-links h4, .footer-services h4 {\r\n margin-bottom: 25px;\r\n position: relative;\r\n display: inline-block;\r\n}\r\n \r\n.footer-links h4::after, .footer-services h4::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 0;\r\n width: 30px;\r\n height: 2px;\r\n background-color: var(--accent-color);\r\n}\r\n \r\n.footer-links ul li, .footer-services ul li {\r\n margin-bottom: 12px;\r\n}\r\n \r\n.footer-links a, .footer-services a {\r\n color: var(--text-secondary);\r\n}\r\n \r\n.footer-links a:hover, .footer-services a:hover {\r\n color: var(--accent-color);\r\n padding-left: 5px;\r\n}\r\n \r\n.footer-bottom {\r\n background-color: #050505;\r\n padding: 20px 0;\r\n text-align: center;\r\n border-top: 1px solid var(--border-color);\r\n}\r\n \r\n.footer-bottom p {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n}\r\n \r\n.whatsapp-float {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background-color: #25d366;\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);\r\n z-index: 100;\r\n transition: var(--transition);\r\n}\r\n \r\n.whatsapp-float:hover {\r\n transform: scale(1.1);\r\n color: #fff;\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.5);\r\n}\r\n \r\n@media (max-width: 992px) {\r\n .hero-content {\r\n padding-left: 0;\r\n text-align: center;\r\n margin: 0 auto;\r\n }\r\n .hero-content h2 {\r\n font-size: 2.5rem;\r\n }\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n .grid-2, .contact-grid.no-form {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n #multi-surface .grid-2 {\r\n grid-template-columns: 1fr !important;\r\n }\r\n #ceramicpro-auto .grid-2 {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n #ceramicpro-auto .check-list li {\r\n justify-content: center;\r\n }\r\n #ceramicpro-auto .grid-2 > div:first-child div {\r\n justify-content: center;\r\n }\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .about-image-wrapper {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .image-box {\r\n width: 100%;\r\n height: auto;\r\n min-height: 350px;\r\n }\r\n .floating-img {\r\n margin-top: 0;\r\n animation: floatVertical 4s ease-in-out infinite;\r\n }\r\n .experience-badge {\r\n bottom: -20px;\r\n right: 20px;\r\n transform: scale(0.8);\r\n }\r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n}\r\n \r\n@media (max-width: 768px) {\r\n .container {\r\n padding: 0 25px;\r\n }\r\n header .container {\r\n padding: 0 25px;\r\n }\r\n .logo img {\r\n height: 55px;\r\n }\r\n header.scrolled .logo img {\r\n height: 45px;\r\n }\r\n nav ul {\r\n display: none;\r\n }\r\n header .btn-primary {\r\n display: none;\r\n }\r\n .mobile-menu {\r\n display: block;\r\n }\r\n .hero-content h2 {\r\n font-size: 1.7rem;\r\n margin-bottom: 15px;\r\n }\r\n .hero-content .subtitle {\r\n font-size: 0.85rem;\r\n letter-spacing: 2px;\r\n }\r\n .hero-content .description {\r\n font-size: 1rem;\r\n margin-bottom: 30px;\r\n }\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n .btn-primary.large, .btn-secondary.large, .btn-primary, .btn-secondary {\r\n padding: 12px 20px;\r\n font-size: 0.95rem;\r\n }\r\n .contact-highlight {\r\n padding: 25px 20px;\r\n }\r\n .service-card {\r\n padding: 25px 20px;\r\n }\r\n .about-text p, .about-text .check-list li {\r\n font-size: 0.95rem;\r\n }\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .section-padding {\r\n padding: 60px 0;\r\n }\r\n .marquee-wrapper {\r\n width: calc(100% + 50px);\r\n margin-left: -25px;\r\n }\r\n .marquee-track {\r\n animation-duration: 20s;\r\n }\r\n .marquee-track.reverse {\r\n animation-duration: 20s;\r\n }\r\n .video-testimonial-card {\r\n height: 350px;\r\n }\r\n .contact-video-wrapper {\r\n min-height: 300px;\r\n }\r\n #ceramicpro-auto .section-title {\r\n font-size: 2.2rem !important;\r\n }\r\n #ceramicpro-auto .section-title span {\r\n font-size: 1.8rem !important;\r\n }\r\n #ceramicpro-auto .check-list li {\r\n text-align: left;\r\n justify-content: flex-start;\r\n }\r\n #multi-surface .section-title {\r\n font-size: 2rem !important;\r\n }\r\n #multi-surface > .container > .grid-2 > div:first-child {\r\n padding: 25px !important;\r\n }\r\n #multi-surface > .container > .grid-2 > div:first-child h4 {\r\n font-size: 1.5rem !important;\r\n }\r\n #multi-surface > .container > .grid-2 > div:first-child > div {\r\n grid-template-columns: 1fr !important;\r\n }\r\n}\r\n <\/style>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"preconnect\" href=\"https:\/\/funil.kitcasanova.online\">\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/funil.kitcasanova.online\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n <!-- Google Tag Manager (noscript) -->\r\n <noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-M8PWZRX5\"\r\n height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n <!-- End Google Tag Manager (noscript) -->\r\n \r\n <!-- Header -->\r\n <header id=\"header\">\r\n <div class=\"container\">\r\n <div class=\"logo\">\r\n <a href=\"#hero\"><img decoding=\"async\" fetchpriority=\"high\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/ceramic-pro-rio-png-scaled-e1778181064620.png\" alt=\"Ceramic Pro Rio\"><\/a>\r\n <\/div>\r\n <nav id=\"navbar\">\r\n <ul>\r\n <li><a href=\"#hero\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#about\">Sobre<\/a><\/li>\r\n <li><a href=\"#services\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#results\">Resultados<\/a><\/li>\r\n <li><a href=\"#contact\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <a href=\"#contact\" class=\"btn-primary\">Fale Conosco<\/a>\r\n <div class=\"mobile-menu\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n \r\n <!-- Hero Section com V\u00eddeo -->\r\n <section id=\"hero\">\r\n <div class=\"video-container\">\r\n <video autoplay loop muted playsinline preload=\"auto\" id=\"bg-video\">\r\n <source src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/video-gt3-gentian-9922.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"overlay\"><\/div>\r\n <\/div>\r\n <div class=\"hero-content container\">\r\n <p class=\"subtitle\">Especialistas em Prote\u00e7\u00e3o Automotiva<\/p>\r\n <h2>Proteja seu ve\u00edculo premium com <span>PPF<\/span><\/h2>\r\n <p class=\"description\">Pel\u00edculas de prote\u00e7\u00e3o de pintura (PPF) com tecnologia de ponta, regenera\u00e7\u00e3o instant\u00e2nea e brilho incompar\u00e1vel para ve\u00edculos de luxo.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#contact\" class=\"btn-primary large\">Solicitar Or\u00e7amento<\/a>\r\n <a href=\"#services\" class=\"btn-secondary large\">Conhe\u00e7a os Servi\u00e7os<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- About Section -->\r\n <section id=\"about\" class=\"section-padding white-section\">\r\n <div class=\"container grid-2\">\r\n <div class=\"about-image-wrapper\">\r\n <div class=\"image-box main-img\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA1-scaled.jpg\" alt=\"Aplica\u00e7\u00e3o de PPF Ceramic Pro Rio\">\r\n <\/div>\r\n <div class=\"image-box floating-img\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA3-scaled.jpg\" alt=\"Detalhe do Carro\">\r\n <\/div>\r\n <div class=\"experience-badge\">\r\n <span class=\"number\">+20<\/span>\r\n <span class=\"text\">Anos de<br>Experi\u00eancia<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-text\">\r\n <h3 class=\"section-title\">Tradi\u00e7\u00e3o e excel\u00eancia em est\u00e9tica automotiva desde 2003.<\/h3>\r\n <p>Nossa est\u00e9tica automotiva est\u00e1 no mercado entregando tudo de mais moderno que existe em Prote\u00e7\u00e3o e Customiza\u00e7\u00e3o veicular. Com mais de duas d\u00e9cadas de experi\u00eancia, somos credenciados pelas maiores marcas mundiais como <strong>CeramicPro e XPEL<\/strong>.<\/p>\r\n <p>N\u00f3s cuidamos da est\u00e9tica do seu ve\u00edculo para que voc\u00ea possa desfrutar da combina\u00e7\u00e3o \u00fanica de beleza, desempenho e prote\u00e7\u00e3o que s\u00f3 um carro de luxo merece, com total tranquilidade.<\/p>\r\n <ul class=\"check-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Credenciados oficiais CeramicPro e XPEL<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Aplica\u00e7\u00e3o profissional com mais de 20 anos de tradi\u00e7\u00e3o<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Produtos originais de alt\u00edssima performance<\/li>\r\n <\/ul>\r\n <div style=\"margin-top: 40px;\">\r\n <a href=\"#contact\" class=\"btn-primary large\">Solicitar Or\u00e7amento Agora<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Credenciamentos Section -->\r\n <section class=\"section-padding\" style=\"padding: 60px 0; background-color: #111; border-top: 1px solid rgba(255, 0, 140, 0.2);\">\r\n <div class=\"container\">\r\n <div class=\"text-center\" style=\"margin-bottom: 30px;\">\r\n <p style=\"color: var(--accent-color); font-family: var(--font-heading); letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem;\">Centros Credenciados Oficiais<\/p>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: center; align-items: center; gap: 60px; flex-wrap: wrap;\">\r\n <h3 style=\"font-family: var(--font-heading); color: #fff; margin: 0; font-size: 2.5rem; text-shadow: var(--neon-glow);\">XPEL<\/h3>\r\n <h3 style=\"font-family: var(--font-heading); color: #fff; margin: 0; font-size: 2.5rem; text-shadow: var(--neon-glow);\">CeramicPro<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- CeramicPro Automotivo Section -->\r\n <section id=\"ceramicpro-auto\" class=\"section-padding dark-bg\" style=\"position: relative; overflow: hidden;\">\r\n <div style=\"position: absolute; top: -20%; right: -10%; width: 50%; height: 100%; background: radial-gradient(circle, rgba(255,0,140,0.15) 0%, transparent 70%); z-index: 0;\"><\/div>\r\n <div class=\"container\" style=\"position: relative; z-index: 1;\">\r\n <div class=\"grid-2\" style=\"align-items: center;\">\r\n <div>\r\n <h3 class=\"section-title\" style=\"font-size: 3rem; margin-bottom: 20px;\">CeramicPro <br><span style=\"color: var(--accent-color); font-size: 2.5rem; text-shadow: var(--neon-glow);\">Automotivo<\/span><\/h3>\r\n <p style=\"color: #ccc; font-size: 1.1rem; margin-bottom: 30px; max-width: 500px;\">A prote\u00e7\u00e3o definitiva para a pintura do seu ve\u00edculo. A tecnologia nanocer\u00e2mica 9H forma um escudo permanente sobre o verniz original, garantindo resist\u00eancia extrema e um brilho inigual\u00e1vel.<\/p>\r\n <ul class=\"check-list\" style=\"margin-bottom: 40px; display: flex; flex-direction: column; gap: 20px;\">\r\n <li style=\"align-items: flex-start;\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--accent-color); text-shadow: var(--neon-glow); margin-top: 4px; font-size: 1.2rem;\"><\/i>\r\n <div style=\"display: flex; flex-direction: column; text-align: left;\">\r\n <span style=\"color: #fff; font-weight: 600; font-size: 1.1rem;\">Dureza 9H Permanente<\/span>\r\n <span style=\"color: #ccc; font-size: 0.95rem; margin-top: 2px;\">Resist\u00eancia avan\u00e7ada contra micro-riscos.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li style=\"align-items: flex-start;\">\r\n <i class=\"fas fa-tint-slash\" style=\"color: var(--accent-color); text-shadow: var(--neon-glow); margin-top: 4px; font-size: 1.2rem;\"><\/i>\r\n <div style=\"display: flex; flex-direction: column; text-align: left;\">\r\n <span style=\"color: #fff; font-weight: 600; font-size: 1.1rem;\">Super Hidrof\u00f3bico<\/span>\r\n <span style=\"color: #ccc; font-size: 0.95rem; margin-top: 2px;\">Efeito auto-limpante, repelindo \u00e1gua e sujeira.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li style=\"align-items: flex-start;\">\r\n <i class=\"fas fa-sun\" style=\"color: var(--accent-color); text-shadow: var(--neon-glow); margin-top: 4px; font-size: 1.2rem;\"><\/i>\r\n <div style=\"display: flex; flex-direction: column; text-align: left;\">\r\n <span style=\"color: #fff; font-weight: 600; font-size: 1.1rem;\">Prote\u00e7\u00e3o UV e T\u00e9rmica<\/span>\r\n <span style=\"color: #ccc; font-size: 0.95rem; margin-top: 2px;\">Previne o desbotamento, oxida\u00e7\u00e3o e manchas.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li style=\"align-items: flex-start;\">\r\n <i class=\"fas fa-gem\" style=\"color: var(--accent-color); text-shadow: var(--neon-glow); margin-top: 4px; font-size: 1.2rem;\"><\/i>\r\n <div style=\"display: flex; flex-direction: column; text-align: left;\">\r\n <span style=\"color: #fff; font-weight: 600; font-size: 1.1rem;\">High-Gloss Premium<\/span>\r\n <span style=\"color: #ccc; font-size: 0.95rem; margin-top: 2px;\">Mant\u00e9m o carro \"como novo\" com brilho profundo.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;\">\r\n <span style=\"padding: 8px 15px; background: rgba(0,0,0,0.5); border: 1px solid var(--accent-color); border-radius: 5px; color: #fff; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; box-shadow: inset 0 0 10px rgba(255,0,140,0.2);\">Pintura<\/span>\r\n <span style=\"padding: 8px 15px; background: rgba(0,0,0,0.5); border: 1px solid var(--accent-color); border-radius: 5px; color: #fff; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; box-shadow: inset 0 0 10px rgba(255,0,140,0.2);\">Rodas & Pin\u00e7as<\/span>\r\n <span style=\"padding: 8px 15px; background: rgba(0,0,0,0.5); border: 1px solid var(--accent-color); border-radius: 5px; color: #fff; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; box-shadow: inset 0 0 10px rgba(255,0,140,0.2);\">Vidros<\/span>\r\n <span style=\"padding: 8px 15px; background: rgba(0,0,0,0.5); border: 1px solid var(--accent-color); border-radius: 5px; color: #fff; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; box-shadow: inset 0 0 10px rgba(255,0,140,0.2);\">Couro & Pl\u00e1sticos<\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn-primary\">Proteger Meu Carro<\/a>\r\n <\/div>\r\n <div style=\"position: relative;\">\r\n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid var(--accent-color); transform: translate(15px, 15px); z-index: 0; box-shadow: var(--neon-glow);\"><\/div>\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07302-scaled.jpg\" alt=\"Ceramic Pro Automotivo\" style=\"position: relative; z-index: 1; width: 100%; height: auto; object-fit: cover; box-shadow: 0 20px 40px rgba(0,0,0,0.8);\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- CeramicPro Multi-Surface Section -->\r\n <section id=\"multi-surface\" class=\"section-padding\" style=\"background-color: #050505; border-top: 1px solid rgba(255, 0, 140, 0.2); position: relative; overflow: hidden;\">\r\n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; background-image: url('https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/2150648009.jpg'); background-size: cover; background-position: center; z-index: 0;\"><\/div>\r\n <div class=\"container\" style=\"position: relative; z-index: 1;\">\r\n <div class=\"section-header text-center\" style=\"margin-bottom: 50px;\">\r\n <h3 class=\"section-title\" style=\"color: #fff; font-size: 2.8rem; margin-bottom: 10px;\">CeramicPro <span style=\"color: var(--accent-color);\">Premium Protection<\/span><\/h3>\r\n <p style=\"color: #e0e0e0; font-size: 1.1rem; max-width: 800px; margin: 0 auto;\">Apresentando o que h\u00e1 de mais moderno em prote\u00e7\u00e3o de superf\u00edcies para Ve\u00edculos, Ind\u00fastria Mar\u00edtima e Avia\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"grid-2\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; margin-bottom: 60px;\">\r\n <div style=\"background: rgba(255,255,255,0.03); padding: 40px; border-radius: 10px; border-left: 4px solid var(--accent-color); backdrop-filter: blur(10px); display: flex; flex-direction: column; justify-content: center;\">\r\n <h4 style=\"color: #fff; font-family: var(--font-heading); font-size: 1.8rem; margin-bottom: 20px;\">A Nova Cara da Tecnologia<\/h4>\r\n <p style=\"color: #ccc; margin-bottom: 20px; font-size: 1rem; line-height: 1.6;\">Ceramic Pro \u00e9 um revestimento l\u00edquido transparente que, quando curado, ancora quimicamente criando um escudo r\u00edgido e permanente. Desenvolvido pela NanoShine LTD como revestimento industrial multifuncional.<\/p>\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 10px;\">\r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--accent-color); font-size: 1.2rem;\"><\/i>\r\n <span style=\"color: #fff; font-size: 0.9rem; font-weight: 600;\">N\u00e3o T\u00f3xico (SGS)<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <i class=\"fas fa-sun\" style=\"color: var(--accent-color); font-size: 1.2rem;\"><\/i>\r\n <span style=\"color: #fff; font-size: 0.9rem; font-weight: 600;\">Resist\u00eancia UV<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <i class=\"fas fa-gem\" style=\"color: var(--accent-color); font-size: 1.2rem;\"><\/i>\r\n <span style=\"color: #fff; font-size: 0.9rem; font-weight: 600;\">Dureza 9H<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <i class=\"fas fa-tint-slash\" style=\"color: var(--accent-color); font-size: 1.2rem;\"><\/i>\r\n <span style=\"color: #fff; font-size: 0.9rem; font-weight: 600;\">Auto-limpante<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display: grid; grid-template-columns: 1fr; gap: 20px;\">\r\n <div style=\"display: flex; align-items: center; gap: 20px; padding: 20px; background: rgba(0,0,0,0.5); border-radius: 10px; border: 1px solid rgba(255,0,140,0.1);\">\r\n <i class=\"fas fa-ship\" style=\"color: var(--accent-color); font-size: 2.5rem; width: 50px; text-align: center;\"><\/i>\r\n <div>\r\n <h5 style=\"color: #fff; margin-bottom: 5px; font-size: 1.2rem;\">Marine<\/h5>\r\n <p style=\"color: #aaa; font-size: 0.9rem;\">Solu\u00e7\u00f5es para \u00e1reas externas e internas das embarca\u00e7\u00f5es.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 20px; padding: 20px; background: rgba(0,0,0,0.5); border-radius: 10px; border: 1px solid rgba(255,0,140,0.1);\">\r\n <i class=\"fas fa-plane\" style=\"color: var(--accent-color); font-size: 2.5rem; width: 50px; text-align: center;\"><\/i>\r\n <div>\r\n <h5 style=\"color: #fff; margin-bottom: 5px; font-size: 1.2rem;\">Aviation<\/h5>\r\n <p style=\"color: #aaa; font-size: 0.9rem;\">Solu\u00e7\u00f5es para \u00e1reas externas e internas das aeronaves.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 20px; padding: 20px; background: rgba(0,0,0,0.5); border-radius: 10px; border: 1px solid rgba(255,0,140,0.1);\">\r\n <i class=\"fas fa-home\" style=\"color: var(--accent-color); font-size: 2.5rem; width: 50px; text-align: center; margin-top: 5px;\"><\/i>\r\n <div>\r\n <h5 style=\"color: #fff; margin-bottom: 10px; font-size: 1.2rem;\">Lifestyle & Interiores<\/h5>\r\n <ul style=\"color: #aaa; font-size: 0.9rem; list-style-type: disc; margin-left: 15px; display: flex; flex-direction: column; gap: 5px;\">\r\n <li>PPF para mesas, bancadas, geladeiras etc.<\/li>\r\n <li>CeramicPro para couro<\/li>\r\n <li>CeramicPro para tecidos<\/li>\r\n <li>CeramicPro para vidros<\/li>\r\n <li>Insulfilme<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <a href=\"#contact\" class=\"btn-primary large\">Agendar Avalia\u00e7\u00e3o do meu Projeto<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Services Section -->\r\n <section id=\"services\" class=\"section-padding dark-bg\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h3 class=\"section-title\">Servi\u00e7os Exclusivos<\/h3>\r\n <p>Solu\u00e7\u00f5es completas para a prote\u00e7\u00e3o e est\u00e9tica do seu ve\u00edculo premium.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h4>PPF (Paint Protection Film)<\/h4>\r\n <p>Temos PPF da CeramicPro, XPEL, AVG e outros. Pel\u00edcula com auto-regenera\u00e7\u00e3o, repel\u00eancia a sujeira e durabilidade extrema. Protege contra riscos e pedras.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"icon\"><i class=\"fas fa-fill-drip\"><\/i><\/div>\r\n <h4>Envelopamento Premium<\/h4>\r\n <p>Traga sua personalidade para o seu carro com um projeto \u00fanico. Ampla variedade de cores e texturas com acabamento impec\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: var(--accent-color); box-shadow: var(--neon-glow);\">\r\n <div class=\"icon\"><i class=\"fas fa-spray-can\"><\/i><\/div>\r\n <h4>Ceramic Coating<\/h4>\r\n <p>Muito al\u00e9m de uma vitrifica\u00e7\u00e3o. Utilizamos a linha completa <strong>CeramicPro<\/strong> para manter o carro <strong>como novo<\/strong> e exigir <strong>menos manuten\u00e7\u00f5es<\/strong>. Prote\u00e7\u00e3o extrema e brilho permanente.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <h4>Pel\u00edcula de Prote\u00e7\u00e3o Solar<\/h4>\r\n <p>Prote\u00e7\u00e3o contra raios UV e calor excessivo, proporcionando conforto t\u00e9rmico e privacidade com est\u00e9tica premium.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"icon\"><i class=\"fas fa-paint-brush\"><\/i><\/div>\r\n <h4>Personaliza\u00e7\u00e3o de Pintura<\/h4>\r\n <p>Pinturas de pequenos detalhes e customiza\u00e7\u00f5es exclusivas. Acabamento impec\u00e1vel para dar aquele toque final de personalidade ao seu projeto.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"icon\"><i class=\"fas fa-car-side\"><\/i><\/div>\r\n <h4>Detalhamento Automotivo<\/h4>\r\n <p>Polimento profissional, corre\u00e7\u00e3o de pintura e higieniza\u00e7\u00e3o interna profunda com produtos de alta gama.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- CeramicPro Specific Line Section -->\r\n <section id=\"ceramicpro-line\" class=\"section-padding dark-bg\" style=\"border-top: 1px solid rgba(255,0,140,0.2);\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h3 class=\"section-title\" style=\"color: #fff;\">Linha Oficial <span style=\"color: var(--accent-color);\">CeramicPro<\/span><\/h3>\r\n <p style=\"color: #ccc;\">A mais avan\u00e7ada tecnologia em nanocer\u00e2mica do mundo para prote\u00e7\u00e3o extrema.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro ION<\/h4>\r\n <p style=\"font-size: 0.9rem;\">A mais avan\u00e7ada tecnologia de revestimento com troca i\u00f4nica. Oferece dureza superior, brilho incompar\u00e1vel e resist\u00eancia extrema contra riscos e abras\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro 9H<\/h4>\r\n <p style=\"font-size: 0.9rem;\">O revestimento premium original. Forma uma barreira permanente super hidrof\u00f3bica com dureza 9H, garantindo que a pintura permane\u00e7a protegida e como nova.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Top Coat<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Acabamento de alto brilho e extrema repel\u00eancia \u00e0 \u00e1gua e sujeira. Utilizado para potencializar os efeitos do 9H e prolongar a vida \u00fatil do coating.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Care+<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Produto revolucion\u00e1rio para manuten\u00e7\u00e3o. Revitaliza o brilho, a hidrofobia e prolonga significativamente a durabilidade de todos os revestimentos.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro LUX<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Desenvolvido especificamente para prote\u00e7\u00e3o de pel\u00edculas PPF e Envelopamentos (Vinyl). Protege contra o amarelamento e facilita muito a limpeza.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Leather<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Prote\u00e7\u00e3o completa para bancos e acabamentos em couro. Repele l\u00edquidos, evita manchas, desbotamento por raios UV e desgaste prematuro.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Wheel & Caliper<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Resist\u00eancia a alt\u00edssimas temperaturas. Impede que o p\u00f3 de freio e sujeiras extremas da estrada grudem nas rodas e pin\u00e7as, facilitando a lavagem.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Glass<\/h4>\r\n <p style=\"font-size: 0.9rem;\">Revestimento super hidrof\u00f3bico para vidros. Aumenta a visibilidade em dias de chuva (efeito limpador invis\u00edvel) e traz seguran\u00e7a na condu\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"service-card\" style=\"border-color: rgba(255,0,140,0.5);\">\r\n <h4 style=\"color: var(--accent-color); margin-bottom: 10px;\">CeramicPro Strong<\/h4>\r\n <p style=\"font-size: 0.9rem;\">A prote\u00e7\u00e3o industrial mais robusta da linha. Ideal para \u00e1reas que sofrem alto desgaste, garantindo resist\u00eancia qu\u00edmica e mec\u00e2nica inigual\u00e1vel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Results\/Gallery Section -->\r\n <section id=\"results\" class=\"section-padding white-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h3 class=\"section-title\">Resultados que dispensam coment\u00e1rios<\/h3>\r\n <p>Confira alguns de nossos projetos recentes em ve\u00edculos de alta performance.<\/p>\r\n <\/div>\r\n <div class=\"marquee-wrapper\">\r\n <div class=\"marquee-row\">\r\n <div class=\"marquee-track\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07343-scaled.jpg\" alt=\"Projeto 1\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA3-scaled.jpg\" alt=\"Projeto 2\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA1-scaled.jpg\" alt=\"Projeto 3\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07292-scaled.jpg\" alt=\"Projeto 4\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07333-scaled.jpg\" alt=\"Projeto 5\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07338-scaled.jpg\" alt=\"Projeto 6\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07341-scaled.jpg\" alt=\"Projeto 7\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07337-scaled.jpg\" alt=\"Projeto 8\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07293-scaled.jpg\" alt=\"Projeto 9\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07302-scaled.jpg\" alt=\"Projeto 10\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07321-scaled.jpg\" alt=\"Projeto 11\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07307-scaled.jpg\" alt=\"Projeto 12\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07303-scaled.jpg\" alt=\"Projeto 13\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC03558-scaled.jpg\" alt=\"Projeto 14\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6529-scaled.jpg\" alt=\"Projeto 15\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6668-scaled.jpg\" alt=\"Projeto 16\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9921-scaled.jpg\" alt=\"Projeto 17\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07343-scaled.jpg\" alt=\"Projeto 1\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA3-scaled.jpg\" alt=\"Projeto 2\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA1-scaled.jpg\" alt=\"Projeto 3\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07292-scaled.jpg\" alt=\"Projeto 4\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07333-scaled.jpg\" alt=\"Projeto 5\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07338-scaled.jpg\" alt=\"Projeto 6\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07341-scaled.jpg\" alt=\"Projeto 7\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07337-scaled.jpg\" alt=\"Projeto 8\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07293-scaled.jpg\" alt=\"Projeto 9\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07302-scaled.jpg\" alt=\"Projeto 10\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07321-scaled.jpg\" alt=\"Projeto 11\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07307-scaled.jpg\" alt=\"Projeto 12\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC07303-scaled.jpg\" alt=\"Projeto 13\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC03558-scaled.jpg\" alt=\"Projeto 14\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6529-scaled.jpg\" alt=\"Projeto 15\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6668-scaled.jpg\" alt=\"Projeto 16\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9921-scaled.jpg\" alt=\"Projeto 17\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"marquee-row\">\r\n <div class=\"marquee-track reverse\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC03493-scaled.jpg\" alt=\"Projeto 18\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04057-scaled.jpg\" alt=\"Projeto 19\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04381-scaled.jpg\" alt=\"Projeto 20\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04382-scaled.jpg\" alt=\"Projeto 21\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04387-scaled.jpg\" alt=\"Projeto 22\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04398-scaled.jpg\" alt=\"Projeto 23\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6659-scaled.jpg\" alt=\"Projeto 24\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9868-scaled.jpg\" alt=\"Projeto 25\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6547-scaled.jpg\" alt=\"Projeto 26\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9870-scaled.jpg\" alt=\"Projeto 27\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9917-scaled.jpg\" alt=\"Projeto 28\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9932-scaled.jpg\" alt=\"Projeto 29\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_3816-scaled.jpg\" alt=\"Projeto 30\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6482-scaled.jpg\" alt=\"Projeto 31\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6493-scaled.jpg\" alt=\"Projeto 32\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6537-scaled.jpg\" alt=\"Projeto 33\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9914-scaled.jpg\" alt=\"Projeto 34\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA1-1-scaled.jpg\" alt=\"Projeto 35\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC03493-scaled.jpg\" alt=\"Projeto 18\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04057-scaled.jpg\" alt=\"Projeto 19\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04381-scaled.jpg\" alt=\"Projeto 20\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04382-scaled.jpg\" alt=\"Projeto 21\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04387-scaled.jpg\" alt=\"Projeto 22\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/DSC04398-scaled.jpg\" alt=\"Projeto 23\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6659-scaled.jpg\" alt=\"Projeto 24\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9868-scaled.jpg\" alt=\"Projeto 25\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6547-scaled.jpg\" alt=\"Projeto 26\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9870-scaled.jpg\" alt=\"Projeto 27\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9917-scaled.jpg\" alt=\"Projeto 28\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9932-scaled.jpg\" alt=\"Projeto 29\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_3816-scaled.jpg\" alt=\"Projeto 30\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6482-scaled.jpg\" alt=\"Projeto 31\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6493-scaled.jpg\" alt=\"Projeto 32\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_6537-scaled.jpg\" alt=\"Projeto 33\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/MG_9914-scaled.jpg\" alt=\"Projeto 34\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/BOM-PARA-CAMPANHA1-1-scaled.jpg\" alt=\"Projeto 35\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Video Testimonials -->\r\n <section class=\"section-padding dark-bg\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h3 class=\"section-title\">Experi\u00eancia Premium na Pr\u00e1tica<\/h3>\r\n <p>Confira a aplica\u00e7\u00e3o e os resultados finais nos ve\u00edculos mais exclusivos.<\/p>\r\n <\/div>\r\n <div class=\"video-testimonials-grid\">\r\n <div class=\"video-testimonial-card\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/lambo-proshield.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-testimonial-card\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/okok-spirti-70-ppf.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-testimonial-card\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/dakar-911-.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-testimonial-card\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/911-amarela-2-dezembro.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-testimonial-card\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/ppf-mini-ceramicpro.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Contact \/ Location -->\r\n <section id=\"contact\" class=\"section-padding white-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header text-center\">\r\n <h3 class=\"section-title\">Reserva de Hor\u00e1rio<\/h3>\r\n <p>Entre em contato pelo WhatsApp para agendar seu servi\u00e7o e garantir a exclusividade do seu autom\u00f3vel.<\/p>\r\n <\/div>\r\n <div class=\"contact-grid no-form\">\r\n <div class=\"contact-info contact-highlight\" style=\"display: flex; flex-direction: column; justify-content: center; gap: 30px;\">\r\n <div class=\"info-item\" style=\"justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 10px;\">\r\n <i class=\"fab fa-whatsapp\" style=\"margin: 0;\"><\/i>\r\n <div>\r\n <h4>Atendimento R\u00e1pido<\/h4>\r\n <p>(21) 99694-0909<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\" style=\"justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 10px;\">\r\n <i class=\"fas fa-map-marker-alt\" style=\"margin: 0;\"><\/i>\r\n <div>\r\n <h4>Localiza\u00e7\u00e3o Premium<\/h4>\r\n <p>Av. Min. Ivan Lins, 460<br><span style=\"font-size: 0.85em; opacity: 0.8;\">Barra da Tijuca, Rio de Janeiro - RJ<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-whatsapp-wrapper\" style=\"margin-top: 20px; text-align: center;\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=5521996940909&text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%21\" target=\"_blank\" class=\"btn-primary large w-100 whatsapp-conversion-btn\" style=\"display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 1.2rem;\">\r\n <i class=\"fab fa-whatsapp\" style=\"font-size: 1.8rem; margin: 0; background: none; box-shadow: none; border: none; width: auto; height: auto;\"><\/i>\r\n CHAMAR NO WHATSAPP\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-video-wrapper\" style=\"width: 100%; height: 100%; min-height: 400px; position: relative; border-radius: 15px; overflow: hidden; border: 2px solid rgba(255, 0, 140, 0.2); box-shadow: 0 10px 30px rgba(0,0,0,0.2);\">\r\n <video loop muted playsinline autoplay preload=\"none\" class=\"lazy-video\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\">\r\n <source data-src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/cayenne-fosca-finalizada.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"container footer-grid\">\r\n <div class=\"footer-about\">\r\n <img decoding=\"async\" fetchpriority=\"high\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/05\/ceramic-pro-rio-png-scaled-e1778181064620.png\" alt=\"Ceramic Pro Rio\" style=\"height: 60px; margin-bottom: 20px; filter: drop-shadow(0 0 5px rgba(255, 0, 140, 0.5));\">\r\n <p>Prote\u00e7\u00e3o e customiza\u00e7\u00e3o de alta performance para ve\u00edculos premium. Excel\u00eancia e paix\u00e3o em cada detalhe desde 2003.<\/p>\r\n <div style=\"margin-bottom: 20px;\">\r\n <p style=\"color: #fff; font-size: 0.9rem; margin-bottom: 5px;\"><i class=\"fas fa-map-marker-alt\" style=\"color: var(--accent-color); margin-right: 8px;\"><\/i> Av. Min. Ivan Lins, 460 - Barra da Tijuca, RJ<\/p>\r\n <\/div>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.instagram.com\/ceramicprobrasil\/\" target=\"_blank\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/ceramicproamericas\/\" target=\"_blank\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@CeramicPROUSA\" target=\"_blank\" title=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <h4>Links \u00dateis<\/h4>\r\n <ul>\r\n <li><a href=\"#hero\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#about\">Sobre a Empresa<\/a><\/li>\r\n <li><a href=\"#services\">Nossos Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#results\">Portf\u00f3lio<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-services\">\r\n <h4>Servi\u00e7os<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">PPF<\/a><\/li>\r\n <li><a href=\"#services\">Envelopamento<\/a><\/li>\r\n <li><a href=\"#services\">Ceramic Coating<\/a><\/li>\r\n <li><a href=\"#services\">Window Film<\/a><\/li>\r\n <li><a href=\"#services\">Pintura<\/a><\/li>\r\n <li><a href=\"#services\">Detalhamento Automotivo<\/a><\/li>\r\n <li><a href=\"#services\">Lavagem Premium<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <div class=\"container\">\r\n <p style=\"color: #ffffff;\">© 2026 AutoPremium. Todos os direitos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n \r\n <!-- WhatsApp Floating Button -->\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=5521996940909&text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%21\" class=\"whatsapp-float\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n \r\n <script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ =============================================\r\n \/\/ \u2705 CONVERS\u00c3O GOOGLE ADS \u2014 Clique no WhatsApp\r\n \/\/ Dispara para todos os links com api.whatsapp.com\r\n \/\/ =============================================\r\n document.querySelectorAll('a[href*=\"api.whatsapp.com\"]').forEach(link => {\r\n link.addEventListener('click', function () {\r\n if (typeof gtag === 'function') {\r\n gtag('event', 'conversion', {\r\n 'send_to': 'AW-18071862042\/_I5FCLWH57ccEJr2qqlD',\r\n 'value': 1.0,\r\n 'currency': 'BRL'\r\n });\r\n }\r\n });\r\n });\r\n \r\n \/\/ Header Sticky\r\n const header = document.getElementById('header');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n \r\n \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.querySelector('.mobile-menu');\r\n const navbar = document.querySelector('#navbar ul');\r\n \r\n mobileMenuBtn.addEventListener('click', () => {\r\n if (navbar.style.display === 'flex') {\r\n navbar.style.display = 'none';\r\n } else {\r\n navbar.style.display = 'flex';\r\n navbar.style.flexDirection = 'column';\r\n navbar.style.position = 'absolute';\r\n navbar.style.top = '100%';\r\n navbar.style.left = '0';\r\n navbar.style.width = '100%';\r\n navbar.style.backgroundColor = 'rgba(10, 10, 10, 0.95)';\r\n navbar.style.padding = '20px';\r\n navbar.style.boxShadow = '0 10px 20px rgba(0,0,0,0.8)';\r\n navbar.style.borderBottom = '2px solid var(--accent-color)';\r\n navbar.style.backdropFilter = 'blur(15px)';\r\n }\r\n });\r\n \r\n \/\/ Reset mobile menu on resize\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) {\r\n navbar.style.display = 'flex';\r\n navbar.style.flexDirection = 'row';\r\n navbar.style.position = 'static';\r\n navbar.style.padding = '0';\r\n navbar.style.boxShadow = 'none';\r\n navbar.style.backgroundColor = 'transparent';\r\n navbar.style.borderBottom = 'none';\r\n navbar.style.backdropFilter = 'none';\r\n } else {\r\n navbar.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Smooth Scroll\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n if (window.innerWidth <= 768) {\r\n navbar.style.display = 'none';\r\n }\r\n const headerHeight = header.offsetHeight;\r\n const elementPosition = targetElement.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - headerHeight;\r\n window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n \r\n \/\/ Active Link Highlighting on Scroll\r\n const sections = document.querySelectorAll('section');\r\n const navLinks = document.querySelectorAll('nav ul li a');\r\n \r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n if (pageYOffset >= (sectionTop - header.offsetHeight - 50)) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').includes(current) && current !== '') {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ Lazy Load de V\u00eddeos\r\n const lazyVideos = document.querySelectorAll('video.lazy-video');\r\n if ('IntersectionObserver' in window) {\r\n const videoObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n const video = entry.target;\r\n if (entry.isIntersecting) {\r\n const source = video.querySelector('source');\r\n if (source && source.hasAttribute('data-src')) {\r\n source.setAttribute('src', source.getAttribute('data-src'));\r\n source.removeAttribute('data-src');\r\n video.load();\r\n }\r\n const playPromise = video.play();\r\n if (playPromise !== undefined) {\r\n playPromise.catch(error => {});\r\n }\r\n } else {\r\n video.pause();\r\n }\r\n });\r\n }, { rootMargin: '0px 0px 400px 0px' });\r\n lazyVideos.forEach(v => videoObserver.observe(v));\r\n } else {\r\n lazyVideos.forEach(v => {\r\n const source = v.querySelector('source');\r\n if (source && source.hasAttribute('data-src')) {\r\n source.setAttribute('src', source.getAttribute('data-src'));\r\n v.load();\r\n }\r\n v.play();\r\n });\r\n }\r\n \r\n});\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium PPF & Customiza\u00e7\u00e3o Automotiva In\u00edcio Sobre Servi\u00e7os Resultados Contato Fale Conosco Especialistas em Prote\u00e7\u00e3o Automotiva Proteja seu ve\u00edculo premium com PPF Pel\u00edculas de prote\u00e7\u00e3o de pintura (PPF) com tecnologia de ponta, regenera\u00e7\u00e3o instant\u00e2nea e brilho incompar\u00e1vel para ve\u00edculos de luxo. Solicitar Or\u00e7amento Conhe\u00e7a os Servi\u00e7os +20 Anos deExperi\u00eancia Tradi\u00e7\u00e3o e excel\u00eancia em est\u00e9tica automotiva […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":23,"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/ceramicprorio.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}