PageSourceSearch

https://positron.com.br/produtos/alarmes/carro

html positron.com.br collected 2026-10-02 06:35:30 UTC 192,426 bytes, 3,036 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-BR">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="csrf-token" content="gaZM5nbWI1JokIP5GSBX4Ui97LLN5rcQv92YQO9Q">
7    
8    
8<script>window.dataLayer = window.dataLayer || [];</script>
8
9    
10            <!-- Google Tag Manager -->
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
15})(window,document,'script','dataLayer','
15GTM-PHKR8RVW
vendor: 3 bytes, line 15
15');
15</script>
15
16<!-- End Google Tag Manager -->
17        
18    <link rel="preconnect" href="https://use.typekit.net" crossorigin>
19    <link rel="preconnect" href="https://p.typekit.net" crossorigin>
20    
21    <link rel="stylesheet" href="https://p.typekit.net/p.css?s=1&k=jzz3cpm&ht=tk&f=59830.59831.59832.59833.59834.59835.59836.59837.59838.59839.59840.59841&a=41689421&app=typekit&e=css" media="print" onload="this.media='all'">
22    <noscript><link rel="stylesheet" href="https://p.typekit.net/p.css?s=1&k=jzz3cpm&ht=tk&f=59830.59831.59832.59833.59834.59835.59836.59837.59838.59839.59840.59841&a=41689421&app=typekit&e=css"></noscript>
23    
24    <link rel="icon" type="image/png" sizes="32x32" href="https://positron.com.br/storage/86/favicon-32.png">
25    <link rel="icon" type="image/png" sizes="192x192" href="https://positron.com.br/storage/87/favicon-192.png">
26    <link rel="apple-touch-icon" href="https://positron.com.br/storage/88/apple-touch-icon.png">
27        
28    <title>Alarmes para Carro | Pósitron</title>
29                        <meta name="description" content="Proteção sonora, bloqueio e presença para o seu carro, com instalação na rede credenciada.">
30                <link rel="canonical" href="https://positron.com.br/produtos/alarmes/carro">
31                <meta property="og:title" content="Alarmes para Carro | Pósitron">
32                    <meta property="og:description" content="Proteção sonora, bloqueio e presença para o seu carro, com instalação na rede credenciada.">
33                <meta property="og:type" content="website">
34        <meta property="og:url" content="https://positron.com.br/produtos/alarmes/carro">
35        <meta property="og:site_name" content="Pósitron">
36        
37                <meta property="og:image" content="https://positron.com.br/storage/89/og-default.png">
38        <meta property="og:image:width" content="1200">
39        <meta property="og:image:height" content="630">
40        <meta name="twitter:card" content="summary_large_image">
41        <meta name="twitter:image" content="https://positron.com.br/storage/89/og-default.png">
42        <meta name="twitter:title" content="Alarmes para Carro | Pósitron">
43                    <meta name="twitter:description" content="Proteção sonora, bloqueio e presença para o seu carro, com instalação na rede credenciada.">
44                        
45    
45<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"P\u00f3sitron","url":"https:\/\/positron.com.br","sameAs":["https:\/\/www.instagram.com\/positron_brasil\/","https:\/\/www.facebook.com\/PositronFanPage\/","https:\/\/www.linkedin.com\/company\/pst\/","https:\/\/www.youtube.com\/user\/positronvideos","https:\/\/www.flickr.com\/photos\/positronimagens"],"contactPoint":[{"@type":"ContactPoint","telephone":"0800-855-5888","contactType":"sales","areaServed":"BR"},{"@type":"ContactPoint","telephone":"0800-775-6001","contactType":"emergency","areaServed":"BR"}]}</script>
45
46    
46<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","name":"P\u00f3sitron","url":"https:\/\/positron.com.br","potentialAction":{"@type":"SearchAction","target":"https:\/\/positron.com.br\/busca?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
46
47        
47<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/positron.com.br"},{"@type":"ListItem","position":2,"name":"Produtos"},{"@type":"ListItem","position":3,"name":"Alarmes para Carro"}]}</script>
47
48    
49    
50            <template id="rdstation-tag" data-consent-script data-test="rdstation-tag">
50<script type="text/javascript" async src="https://d335luupugsy2.cloudfront.net/js/loader-scripts/6dcdde1c-282f-40a1-b453-f719923bdfd7-loader.js"></script>
50</template>
51        <link rel="preload" as="style" href="https://positron.com.br/build/assets/app-C8EyvS0P.css" /><link rel="modulepreload" as="script" href="https://positron.com.br/build/assets/app-DuLTK24P.js" /><link rel="stylesheet" href="https://positron.com.br/build/assets/app-C8EyvS0P.css" data-navigate-track="reload" />
51<script type="module" src="https://positron.com.br/build/assets/app-DuLTK24P.js" data-navigate-track="reload"></script>
51    
52        
53    </head>
54<body class="antialiased">
55    
56            <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 56-57
56
57<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
57GTM-PHKR8RVW
vendor: 83 bytes, lines 57-58
57"
58height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
59<!-- End Google Tag Manager (noscript) -->
60        <div class="min-h-screen bg-[var(--wf-page)]">
61        
62        <header>
63                        <div class="hidden border-b border-[var(--wf-line)] bg-[var(--wf-chrome)] text-[var(--wf-chrome-text)] md:block" data-test="top-utility-bar">
64    <div class="wf-container flex min-h-9 items-center justify-between gap-4 text-xs">
65        
66        <div class="flex flex-wrap items-center gap-1.5">
67                            
68                <a
69                    href="https://www.instagram.com/positron_brasil/"
70                    target="_blank"
71                    rel="noopener noreferrer"
72                    class="inline-flex h-7 w-7 items-center justify-center rounded transition hover:text-[var(--wf-line)]"
73                    data-test="top-bar-social"
74                >
75                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
76    <path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg>
77                    <span class="sr-only">Instagram</span>
78                </a>
79                            
80                <a
81                    href="https://www.facebook.com/PositronFanPage/"
82                    target="_blank"
83                    rel="noopener noreferrer"
84                    class="inline-flex h-7 w-7 items-center justify-center rounded transition hover:text-[var(--wf-line)]"
85                    data-test="top-bar-social"
86                >
87                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
88    <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>
89                    <span class="sr-only">Facebook</span>
90                </a>
91                            
92                <a
93                    href="https://www.linkedin.com/company/pst/"
94                    target="_blank"
95                    rel="noopener noreferrer"
96                    class="inline-flex h-7 w-7 items-center justify-center rounded transition hover:text-[var(--wf-line)]"
97                    data-test="top-bar-social"
98                >
99                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
100    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
101                    <span class="sr-only">LinkedIn</span>
102                </a>
103                            
104                <a
105                    href="https://www.youtube.com/user/positronvideos"
106                    target="_blank"
107                    rel="noopener noreferrer"
108                    class="inline-flex h-7 w-7 items-center justify-center rounded transition hover:text-[var(--wf-line)]"
109                    data-test="top-bar-social"
110                >
111                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
112    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
113                    <span class="sr-only">YouTube</span>
114                </a>
115                            
116                <a
117                    href="https://www.flickr.com/photos/positronimagens"
118                    target="_blank"
119                    rel="noopener noreferrer"
120                    class="inline-flex h-7 w-7 items-center justify-center rounded transition hover:text-[var(--wf-line)]"
121                    data-test="top-bar-social"
122                >
123                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
124    <path d="M5.334 6.666C2.3884 6.666 0 9.055 0 12c0 2.9456 2.3884 5.334 5.334 5.334 2.9456 0 5.332-2.3884 5.332-5.334 0-2.945-2.3864-5.334-5.332-5.334zm13.332 0c-2.9456 0-5.332 2.389-5.332 5.334 0 2.9456 2.3864 5.334 5.332 5.334C21.6116 17.334 24 14.9456 24 12c0-2.945-2.3884-5.334-5.334-5.334Z"/></svg>
125                    <span class="sr-only">Flickr</span>
126                </a>
127                        
128            <a href="https://positron.com.br/blog" class="inline-flex h-7 items-center rounded px-1.5 text-xs font-bold tracking-wide transition hover:text-[var(--wf-line)]" data-test="top-bar-blog">Blog</a>
129        </div>
130        <div class="flex flex-wrap items-center gap-4">
131            
132            <a href="https://positron.com.br/contato" class="font-semibold transition hover:text-[var(--wf-line)]" data-test="top-bar-contact">
133                Fale Conosco
134            </a>
135            <a href="https://wa.me/5508008555888" target="_blank" rel="noopener noreferrer" data-track="click_telefone_whatsapp" class="font-semibold" data-test="top-bar-sales-phone">
136                Televendas 0800-855-5888 <svg
137    xmlns="http://www.w3.org/2000/svg"
138    width="10"
139    height="10"
140    viewBox="0 0 24 24"
141    fill="none"
142    stroke="currentColor"
143    stroke-width="2.5"
144    stroke-linecap="round"
145    stroke-linejoin="round"
146    aria-hidden="true"
147    class="inline-block shrink-0 opacity-60" data-test="external-mark"
148><path d="M7 17 17 7M9 7h8v8"/></svg>
149            </a>
150            <span data-test="top-bar-theft-phone">Roubo e furto 0800-775-6001</span>
151        </div>
152    </div>
153</div>
154            <div x-data="{ searchOpen: false }" class="border-b border-[var(--wf-border)] bg-[var(--wf-surface)]" data-test="header-main">
155    
156    <div class="wf-container grid min-h-28 grid-cols-[44px_1fr_44px] items-center gap-3 py-3 lg:grid-cols-[auto_minmax(280px,1fr)_auto] lg:gap-6">
157        <button
158            type="button"
159            
160            aria-label="Abrir menu"
161            class="flex h-11 w-11 items-center justify-center rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] text-[var(--wf-text)] transition hover:border-[var(--wf-cta)] hover:text-[var(--wf-cta)] lg:hidden"
162            x-on:click="$store.ui.mobileNavOpen = true"
163            data-test="mobile-nav-open"
164        ><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
165    <path d="M4 6h16M4 12h16M4 18h16"/></svg>
166</button>
167        
168        <div class="relative justify-self-center lg:justify-self-start">
169            <a href="https://positron.com.br" class="block" data-test="header-logo">
170                
171                
172                <picture>
173    
174                <source type="image/webp" srcset="https://positron.com.br/storage/99/conversions/logo-w480-webp.webp 480w, https://positron.com.br/storage/99/conversions/logo-webp.webp 600w" sizes="100vw">
175        <img
176        src="https://positron.com.br/storage/99/logo.png"
177        alt="Pósitron"
178        width="600"
179        height="89"
180         fetchpriority="high"         
181                    style="--wf-ar: 600 / 89"
182                        class="h-auto max-w-full wf-img w-44 lg:w-60"
183    >
184</picture>
185            </a>
186            
187            
188            <a
189                href="https://www.stoneridge.com"
190                 target="_blank" rel="noopener noreferrer"                 class="absolute inset-x-0 top-full mt-3 block py-1 text-center text-[11px] leading-4 text-[var(--wf-muted)] transition hover:text-[var(--wf-cta)] lg:text-left"
191                data-test="header-stoneridge"
192            >Marca do Grupo Stoneridge</a>
193        </div>
194        <div class="hidden max-w-md lg:block">
195            <form action="https://positron.com.br/busca" method="GET" class="flex w-full items-center gap-2" data-test="header-search" data-track-submit="click_search_site">
196    <label class="sr-only" for="search-busca-header">busca-header</label>
197    <input
198        id="search-busca-header"
199        class="wf-field min-h-10 py-2"
200        type="search"
201        name="q"
202        value=""
203        placeholder="O que você está procurando?"
204        data-test="search-input"
205    >
206    <button
207        class="inline-flex min-h-10 items-center gap-1.5 rounded-[var(--wf-radius)] border border-[var(--wf-cta)] bg-[var(--wf-cta)] px-3 text-sm font-semibold text-[var(--wf-cta-text)] transition hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)]"
208        type="submit"
209        data-test="search-submit"
210    ><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
211    <circle cx="11" cy="11" r="7"/><path d="m20 20-3.8-3.8"/></svg>
212Buscar</button>
213</form>
214        </div>
215        
216        <div class="hidden items-center gap-2 lg:flex" data-test="header-portals">
217            
218                            <a href="https://www.positronrt.com.br/rastreador5/login.xhtml"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] min-h-9 whitespace-nowrap px-2.5 text-xs">Portal de Rastreamento <svg
219    xmlns="http://www.w3.org/2000/svg"
220    width="10"
221    height="10"
222    viewBox="0 0 24 24"
223    fill="none"
224    stroke="currentColor"
225    stroke-width="2.5"
226    stroke-linecap="round"
227    stroke-linejoin="round"
228    aria-hidden="true"
229    class="inline-block shrink-0 opacity-60" data-test="external-mark"
230><path d="M7 17 17 7M9 7h8v8"/></svg>
231</a>
232                            <a href="https://atendimento.positronrt.com.br/#/login"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] min-h-9 whitespace-nowrap px-2.5 text-xs">Portal de Cliente <svg
233    xmlns="http://www.w3.org/2000/svg"
234    width="10"
235    height="10"
236    viewBox="0 0 24 24"
237    fill="none"
238    stroke="currentColor"
239    stroke-width="2.5"
240    stroke-linecap="round"
241    stroke-linejoin="round"
242    aria-hidden="true"
243    class="inline-block shrink-0 opacity-60" data-test="external-mark"
244><path d="M7 17 17 7M9 7h8v8"/></svg>
245</a>
246                            <a href="https://loja.stoneridge.com.br/tacografo"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] min-h-9 whitespace-nowrap px-2.5 text-xs">Serviços de Tacógrafo <svg
247    xmlns="http://www.w3.org/2000/svg"
248    width="10"
249    height="10"
250    viewBox="0 0 24 24"
251    fill="none"
252    stroke="currentColor"
253    stroke-width="2.5"
254    stroke-linecap="round"
255    stroke-linejoin="round"
256    aria-hidden="true"
257    class="inline-block shrink-0 opacity-60" data-test="external-mark"
258><path d="M7 17 17 7M9 7h8v8"/></svg>
259</a>
260                    </div>
261        <button
262            type="button"
263            aria-label="Abrir busca"
264            class="flex h-11 w-11 items-center justify-center rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] text-[var(--wf-text)] transition hover:border-[var(--wf-cta)] hover:text-[var(--wf-cta)] lg:hidden"
265            x-on:click="searchOpen = !searchOpen"
266            data-test="mobile-search-toggle"
267        ><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
268    <circle cx="11" cy="11" r="7"/><path d="m20 20-3.8-3.8"/></svg>
269</button>
270    </div>
271    <div x-show="searchOpen" x-cloak class="wf-container pb-4 lg:hidden" data-test="mobile-search">
272        <form action="https://positron.com.br/busca" method="GET" class="flex w-full items-center gap-2" data-test="search-form" data-track-submit="click_search_site">
273    <label class="sr-only" for="search-busca-mobile">busca-mobile</label>
274    <input
275        id="search-busca-mobile"
276        class="wf-field min-h-10 py-2"
277        type="search"
278        name="q"
279        value=""
280        placeholder="O que você está procurando?"
281        data-test="search-input"
282    >
283    <button
284        class="inline-flex min-h-10 items-center gap-1.5 rounded-[var(--wf-radius)] border border-[var(--wf-cta)] bg-[var(--wf-cta)] px-3 text-sm font-semibold text-[var(--wf-cta-text)] transition hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)]"
285        type="submit"
286        data-test="search-submit"
287    ><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
288    <circle cx="11" cy="11" r="7"/><path d="m20 20-3.8-3.8"/></svg>
289Buscar</button>
290</form>
291    </div>
292</div>
293            <nav aria-label="Navegação principal" class="relative hidden bg-[var(--wf-cta)] lg:block" x-data="{ openMenu: null, closeTimer: null }" data-test="main-nav">
294    
295    <div class="wf-container flex min-h-12 items-stretch justify-center gap-1">
296                                <div
297                class="relative flex"
298                                    
299                    x-data="{ get open() { return openMenu === 0 }, set open(value) { openMenu = value ? 0 : (openMenu === 0 ? null : openMenu) } }"
300                    x-on:mouseenter="clearTimeout(closeTimer); open = true"
301                    x-on:mouseleave="closeTimer = setTimeout(() => open = false, 200)"
302                    x-on:focusin="clearTimeout(closeTimer); open = true"
303                    x-on:focusout="if (! $el.contains($event.relatedTarget)) open = false"
304                    x-on:keydown.escape.prevent="open = false; $event.target.blur()"
305                                data-test="main-nav-item"
306            >
307                <a
308                    href="https://positron.com.br/produtos/alarmes/carro"
309                                         aria-haspopup="true" x-bind:aria-expanded="open.toString()" x-on:click="open = false"                      aria-current="page"                     
310                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white bg-[var(--wf-cta-hover)] after:opacity-100"
311                    data-test="main-nav-link"
312                     data-track="click_produtos"                 >Produtos</a>
313                                    <div x-show="open" x-cloak class="absolute left-0 top-full z-20 min-w-56 rounded-b-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]" data-test="mega-menu">
314    <ul class="space-y-1">
315                                
316            <li
317                class="relative"
318                                    x-data="{ flyout: false, flyoutTimer: null }"
319                    x-on:mouseenter="clearTimeout(flyoutTimer); flyout = true"
320                    x-on:mouseleave="flyoutTimer = setTimeout(() => flyout = false, 200)"
321                    x-on:focusin="clearTimeout(flyoutTimer); flyout = true"
322                    x-on:focusout="if (! $el.contains($event.relatedTarget)) flyout = false"
323                                data-test="mega-menu-row"
324            >
325                <a
326                    href="https://positron.com.br/produtos/alarmes/carro"
327                    
328                                         aria-haspopup="true" x-bind:aria-expanded="flyout.toString()"                     x-on:click="open = false"
329                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
330                    data-test="mega-menu-link"
331                     data-track="click_produtos"                 >
332                    <span>Alarmes Automotivos</span>
333                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--wf-muted)]">
334    <path d="m9 6 6 6-6 6"/></svg>
335                                    </a>
336                                    
337                    <div x-show="flyout" x-cloak class="absolute left-full top-0 z-30 pl-1.5" data-test="mega-menu-flyout">
338                    <ul class="min-w-48 rounded-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]">
339                                                    <li>
340                                <a
341                                    href="https://positron.com.br/produtos/alarmes/carro"
342                                                                        x-on:click="open = false"
343                                    class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
344                                    data-test="mega-menu-flyout-link"
345                                     data-track="click_produtos"                                 >Carro</a>
346                            </li>
347                                                    <li>
348                                <a
349                                    href="https://positron.com.br/produtos/alarmes/moto"
350                                                                        x-on:click="open = false"
351                                    class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
352                                    data-test="mega-menu-flyout-link"
353                                     data-track="click_produtos"                                 >Moto</a>
354                            </li>
355                                            </ul>
356                    </div>
357                            </li>
358                                
359            <li
360                class="relative"
361                                data-test="mega-menu-row"
362            >
363                <a
364                    href="https://positron.com.br/produtos/mp3-player"
365                    
366                                                            x-on:click="open = false"
367                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
368                    data-test="mega-menu-link"
369                     data-track="click_produtos"                 >
370                    <span>MP3 Player</span>
371                                    </a>
372                            </li>
373                                
374            <li
375                class="relative"
376                                data-test="mega-menu-row"
377            >
378                <a
379                    href="https://positron.com.br/produtos/tacografo-digital"
380                    
381                                                            x-on:click="open = false"
382                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
383                    data-test="mega-menu-link"
384                     data-track="click_produtos"                 >
385                    <span>Tacógrafo Digital</span>
386                                    </a>
387                            </li>
388                                
389            <li
390                class="relative"
391                                data-test="mega-menu-row"
392            >
393                <a
394                    href="https://positron.com.br/produtos/baterias-moto"
395                    
396                                                            x-on:click="open = false"
397                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
398                    data-test="mega-menu-link"
399                     data-track="click_produtos"                 >
400                    <span>Baterias para Motocicletas</span>
401                                    </a>
402                            </li>
403                                
404            <li
405                class="relative"
406                                    x-data="{ flyout: false, flyoutTimer: null }"
407                    x-on:mouseenter="clearTimeout(flyoutTimer); flyout = true"
408                    x-on:mouseleave="flyoutTimer = setTimeout(() => flyout = false, 200)"
409                    x-on:focusin="clearTimeout(flyoutTimer); flyout = true"
410                    x-on:focusout="if (! $el.contains($event.relatedTarget)) flyout = false"
411                                data-test="mega-menu-row"
412            >
413                <a
414                    href="https://positron.com.br/produtos/acessorios"
415                    
416                                         aria-haspopup="true" x-bind:aria-expanded="flyout.toString()"                     x-on:click="open = false"
417                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
418                    data-test="mega-menu-link"
419                     data-track="click_produtos"                 >
420                    <span>Acessórios</span>
421                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--wf-muted)]">
422    <path d="m9 6 6 6-6 6"/></svg>
423                                    </a>
424                                    
425                    <div x-show="flyout" x-cloak class="absolute left-full top-0 z-30 pl-1.5" data-test="mega-menu-flyout">
426                    <ul class="min-w-48 rounded-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]">
427                                                    <li>
428                                <a
429                                    href="https://positron.com.br/produto/sensor-de-estacionamento"
430                                                                        x-on:click="open = false"
431                                    class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
432                                    data-test="mega-menu-flyout-link"
433                                                                    >Sensor de Estacionamento</a>
434                            </li>
435                                                    <li>
436                                <a
437                                    href="https://positron.com.br/produto/kit-de-travas-eletricas-linear-4-portas-tr420"
438                                                                        x-on:click="open = false"
439                                    class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
440                                    data-test="mega-menu-flyout-link"
441                                                                    >Trava Elétrica</a>
442                            </li>
443                                                    <li>
444                                <a
445                                    href="https://positron.com.br/produto/modulo-acendimento-automatico-dos-farois-hl200"
446                                                                        x-on:click="open = false"
447                                    class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
448                                    data-test="mega-menu-flyout-link"
449                                                                    >Acendimento automático dos Faróis</a>
450                            </li>
451                                            </ul>
452                    </div>
453                            </li>
454                                
455            <li
456                class="relative"
457                                data-test="mega-menu-row"
458            >
459                <a
460                    href="https://positron.com.br/catalogo"
461                    
462                                                            x-on:click="open = false"
463                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
464                    data-test="mega-menu-link"
465                     data-track="click_produtos"                 >
466                    <span>Catálogo</span>
467                                    </a>
468                            </li>
469            </ul>
470</div>
471                            </div>
472                                <div
473                class="relative flex"
474                                    
475                    x-data="{ get open() { return openMenu === 1 }, set open(value) { openMenu = value ? 1 : (openMenu === 1 ? null : openMenu) } }"
476                    x-on:mouseenter="clearTimeout(closeTimer); open = true"
477                    x-on:mouseleave="closeTimer = setTimeout(() => open = false, 200)"
478                    x-on:focusin="clearTimeout(closeTimer); open = true"
479                    x-on:focusout="if (! $el.contains($event.relatedTarget)) open = false"
480                    x-on:keydown.escape.prevent="open = false; $event.target.blur()"
481                                data-test="main-nav-item"
482            >
483                <a
484                    href="https://positron.com.br/rastreamento"
485                                         aria-haspopup="true" x-bind:aria-expanded="open.toString()" x-on:click="open = false"                                         
486                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white "
487                    data-test="main-nav-link"
488                                    >Rastreamento</a>
489                                    <div x-show="open" x-cloak class="absolute left-0 top-full z-20 min-w-56 rounded-b-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]" data-test="mega-menu">
490    <ul class="space-y-1">
491                                
492            <li
493                class="relative"
494                                data-test="mega-menu-row"
495            >
496                <a
497                    href="https://positron.com.br/rastreamento"
498                    
499                                                            x-on:click="open = false"
500                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
501                    data-test="mega-menu-link"
502                                    >
503                    <span>Para Você</span>
504                                    </a>
505                            </li>
506                                
507            <li
508                class="relative"
509                                data-test="mega-menu-row"
510            >
511                <a
512                    href="https://stoneridge.com.br/conheca-a-stoneridge-brasil/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=institucional-Stoneridge#sectionrastreamento"
513                    
514                     target="_blank" rel="noopener noreferrer"                                         x-on:click="open = false"
515                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
516                    data-test="mega-menu-link"
517                                    >
518                    <span>Para a Sua Empresa <svg
519    xmlns="http://www.w3.org/2000/svg"
520    width="10"
521    height="10"
522    viewBox="0 0 24 24"
523    fill="none"
524    stroke="currentColor"
525    stroke-width="2.5"
526    stroke-linecap="round"
527    stroke-linejoin="round"
528    aria-hidden="true"
529    class="inline-block shrink-0 opacity-60" data-test="external-mark"
530><path d="M7 17 17 7M9 7h8v8"/></svg>
531</span>
532                                    </a>
533                            </li>
534                                
535            <li
536                class="relative"
537                                data-test="mega-menu-row"
538            >
539                <a
540                    href="https://portal.pst.com.br/vendafacil/"
541                    
542                     target="_blank" rel="noopener noreferrer"                                         x-on:click="open = false"
543                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
544                    data-test="mega-menu-link"
545                                    >
546                    <span>Venda Fácil <svg
547    xmlns="http://www.w3.org/2000/svg"
548    width="10"
549    height="10"
550    viewBox="0 0 24 24"
551    fill="none"
552    stroke="currentColor"
553    stroke-width="2.5"
554    stroke-linecap="round"
555    stroke-linejoin="round"
556    aria-hidden="true"
557    class="inline-block shrink-0 opacity-60" data-test="external-mark"
558><path d="M7 17 17 7M9 7h8v8"/></svg>
559</span>
560                                    </a>
561                            </li>
562            </ul>
563</div>
564                            </div>
565                                <div
566                class="relative flex"
567                                    
568                    x-data="{ get open() { return openMenu === 2 }, set open(value) { openMenu = value ? 2 : (openMenu === 2 ? null : openMenu) } }"
569                    x-on:mouseenter="clearTimeout(closeTimer); open = true"
570                    x-on:mouseleave="closeTimer = setTimeout(() => open = false, 200)"
571                    x-on:focusin="clearTimeout(closeTimer); open = true"
572                    x-on:focusout="if (! $el.contains($event.relatedTarget)) open = false"
573                    x-on:keydown.escape.prevent="open = false; $event.target.blur()"
574                                data-test="main-nav-item"
575            >
576                <a
577                    href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
578                                         aria-haspopup="true" x-bind:aria-expanded="open.toString()" x-on:click="open = false"                                         
579                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white "
580                    data-test="main-nav-link"
581                                    >Onde Encontrar</a>
582                                    <div x-show="open" x-cloak class="absolute left-0 top-full z-20 min-w-56 rounded-b-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]" data-test="mega-menu">
583    <ul class="space-y-1">
584                                
585            <li
586                class="relative"
587                                data-test="mega-menu-row"
588            >
589                <a
590                    href="https://www.lojapositron.com.br"
591                    
592                     target="_blank" rel="noopener noreferrer"                                         x-on:click="open = false"
593                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
594                    data-test="mega-menu-link"
595                                    >
596                    <span>Compre Agora <svg
597    xmlns="http://www.w3.org/2000/svg"
598    width="10"
599    height="10"
600    viewBox="0 0 24 24"
601    fill="none"
602    stroke="currentColor"
603    stroke-width="2.5"
604    stroke-linecap="round"
605    stroke-linejoin="round"
606    aria-hidden="true"
607    class="inline-block shrink-0 opacity-60" data-test="external-mark"
608><path d="M7 17 17 7M9 7h8v8"/></svg>
609</span>
610                                    </a>
611                            </li>
612                                
613            <li
614                class="relative"
615                                data-test="mega-menu-row"
616            >
617                <a
618                    href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
619                    
620                                                            x-on:click="open = false"
621                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
622                    data-test="mega-menu-link"
623                                    >
624                    <span>Rede de Parceiros</span>
625                                    </a>
626                            </li>
627            </ul>
628</div>
629                            </div>
630                                <div
631                class="relative flex"
632                                    
633                    x-data="{ get open() { return openMenu === 3 }, set open(value) { openMenu = value ? 3 : (openMenu === 3 ? null : openMenu) } }"
634                    x-on:mouseenter="clearTimeout(closeTimer); open = true"
635                    x-on:mouseleave="closeTimer = setTimeout(() => open = false, 200)"
636                    x-on:focusin="clearTimeout(closeTimer); open = true"
637                    x-on:focusout="if (! $el.contains($event.relatedTarget)) open = false"
638                    x-on:keydown.escape.prevent="open = false; $event.target.blur()"
639                                data-test="main-nav-item"
640            >
641                <a
642                    href="https://positron.com.br/suporte/informativos-tecnicos"
643                                         aria-haspopup="true" x-bind:aria-expanded="open.toString()" x-on:click="open = false"                                         
644                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white "
645                    data-test="main-nav-link"
646                                    >Suporte / Atendimento</a>
647                                    <div x-show="open" x-cloak class="absolute left-0 top-full z-20 min-w-56 rounded-b-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]" data-test="mega-menu">
648    <ul class="space-y-1">
649                                
650            <li
651                class="relative"
652                                data-test="mega-menu-row"
653            >
654                <a
655                    href="https://positron.com.br/suporte/informativos-tecnicos"
656                    
657                                                            x-on:click="open = false"
658                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
659                    data-test="mega-menu-link"
660                                    >
661                    <span>Informativos Técnicos</span>
662                                    </a>
663                            </li>
664                                
665            <li
666                class="relative"
667                                data-test="mega-menu-row"
668            >
669                <a
670                    href="https://positron.com.br/suporte/duvidas-frequentes"
671                    
672                                                            x-on:click="open = false"
673                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
674                    data-test="mega-menu-link"
675                                    >
676                    <span>Dúvidas Frequentes</span>
677                                    </a>
678                            </li>
679                                
680            <li
681                class="relative"
682                                data-test="mega-menu-row"
683            >
684                <a
685                    href="https://positron.com.br/contratos-positron"
686                    
687                                                            x-on:click="open = false"
688                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
689                    data-test="mega-menu-link"
690                                    >
691                    <span>Contratos</span>
692                                    </a>
693                            </li>
694                                
695            <li
696                class="relative"
697                                data-test="mega-menu-row"
698            >
699                <a
700                    href="https://positron.com.br/garantia"
701                    
702                                                            x-on:click="open = false"
703                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
704                    data-test="mega-menu-link"
705                                    >
706                    <span>Garantia</span>
707                                    </a>
708                            </li>
709                                
710            <li
711                class="relative"
712                                data-test="mega-menu-row"
713            >
714                <a
715                    href="https://atendimento.positronrt.com.br/#/login"
716                    
717                     target="_blank" rel="noopener noreferrer"                                         x-on:click="open = false"
718                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
719                    data-test="mega-menu-link"
720                                    >
721                    <span>2ª Via de Boleto de Rastreamento <svg
722    xmlns="http://www.w3.org/2000/svg"
723    width="10"
724    height="10"
725    viewBox="0 0 24 24"
726    fill="none"
727    stroke="currentColor"
728    stroke-width="2.5"
729    stroke-linecap="round"
730    stroke-linejoin="round"
731    aria-hidden="true"
732    class="inline-block shrink-0 opacity-60" data-test="external-mark"
733><path d="M7 17 17 7M9 7h8v8"/></svg>
734</span>
735                                    </a>
736                            </li>
737                                
738            <li
739                class="relative"
740                                data-test="mega-menu-row"
741            >
742                <a
743                    href="https://positron.com.br/contato"
744                    
745                                                            x-on:click="open = false"
746                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
747                    data-test="mega-menu-link"
748                                    >
749                    <span>Contato</span>
750                                    </a>
751                            </li>
752            </ul>
753</div>
754                            </div>
755                                <div
756                class="relative flex"
757                                    
758                    x-data="{ get open() { return openMenu === 4 }, set open(value) { openMenu = value ? 4 : (openMenu === 4 ? null : openMenu) } }"
759                    x-on:mouseenter="clearTimeout(closeTimer); open = true"
760                    x-on:mouseleave="closeTimer = setTimeout(() => open = false, 200)"
761                    x-on:focusin="clearTimeout(closeTimer); open = true"
762                    x-on:focusout="if (! $el.contains($event.relatedTarget)) open = false"
763                    x-on:keydown.escape.prevent="open = false; $event.target.blur()"
764                                data-test="main-nav-item"
765            >
766                <a
767                    href="https://positron.com.br/a-positron/quem-somos"
768                                         aria-haspopup="true" x-bind:aria-expanded="open.toString()" x-on:click="open = false"                                         
769                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white "
770                    data-test="main-nav-link"
771                                    >A Pósitron</a>
772                                    <div x-show="open" x-cloak class="absolute left-0 top-full z-20 min-w-56 rounded-b-[var(--wf-radius)] bg-[var(--wf-surface)] p-2 shadow-[var(--wf-shadow-card)]" data-test="mega-menu">
773    <ul class="space-y-1">
774                                
775            <li
776                class="relative"
777                                data-test="mega-menu-row"
778            >
779                <a
780                    href="https://positron.com.br/a-positron/quem-somos"
781                    
782                                                            x-on:click="open = false"
783                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
784                    data-test="mega-menu-link"
785                                    >
786                    <span>Quem Somos</span>
787                                    </a>
788                            </li>
789                                
790            <li
791                class="relative"
792                                data-test="mega-menu-row"
793            >
794                <a
795                    href="https://positron.com.br/a-positron/responsabilidade-socioambiental"
796                    
797                                                            x-on:click="open = false"
798                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
799                    data-test="mega-menu-link"
800                                    >
801                    <span>Responsabilidade Socioambiental</span>
802                                    </a>
803                            </li>
804                                
805            <li
806                class="relative"
807                                data-test="mega-menu-row"
808            >
809                <a
810                    href="https://www.linkedin.com/company/pst/jobs/"
811                    
812                     target="_blank" rel="noopener noreferrer"                                         x-on:click="open = false"
813                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
814                    data-test="mega-menu-link"
815                                    >
816                    <span>Trabalhe Conosco <svg
817    xmlns="http://www.w3.org/2000/svg"
818    width="10"
819    height="10"
820    viewBox="0 0 24 24"
821    fill="none"
822    stroke="currentColor"
823    stroke-width="2.5"
824    stroke-linecap="round"
825    stroke-linejoin="round"
826    aria-hidden="true"
827    class="inline-block shrink-0 opacity-60" data-test="external-mark"
828><path d="M7 17 17 7M9 7h8v8"/></svg>
829</span>
830                                    </a>
831                            </li>
832                                
833            <li
834                class="relative"
835                                data-test="mega-menu-row"
836            >
837                <a
838                    href="https://positron.com.br/a-positron/imprensa"
839                    
840                                                            x-on:click="open = false"
841                    class="flex items-center justify-between gap-6 rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] transition hover:bg-[var(--wf-surface-2)] hover:text-[var(--wf-cta)]"
842                    data-test="mega-menu-link"
843                                    >
844                    <span>Imprensa</span>
845                                    </a>
846                            </li>
847            </ul>
848</div>
849                            </div>
850                                <div
851                class="relative flex"
852                                data-test="main-nav-item"
853            >
854                <a
855                    href="https://positron.com.br/blog"
856                                                                                
857                    class="relative flex items-center px-4 font-display text-sm font-bold text-[var(--wf-cta-text)] transition after:absolute after:inset-x-4 after:bottom-0 after:h-0.5 after:rounded-full after:bg-white after:opacity-0 hover:bg-[var(--wf-cta-hover)] focus-visible:outline-white "
858                    data-test="main-nav-link"
859                                    >Blog</a>
860                            </div>
861            </div>
862</nav>
863            <div
864    x-data
865    x-show="$store.ui.mobileNavOpen"
866    x-cloak
867    class="fixed inset-0 z-40 bg-[var(--wf-page)] lg:hidden"
868    role="dialog"
869    aria-modal="true"
870    
871    aria-label="Menu principal"
872    data-test="mobile-nav"
873>
874    <div class="flex min-h-16 items-center justify-between border-b border-[var(--wf-border)] bg-[var(--wf-surface)] px-4">
875        <strong class="text-[var(--wf-text)]">Menu</strong>
876        <button
877            type="button"
878            aria-label="Fechar menu"
879            class="flex h-11 w-11 items-center justify-center rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] text-[var(--wf-text)] transition hover:border-[var(--wf-cta)] hover:text-[var(--wf-cta)]"
880            x-on:click="$store.ui.mobileNavOpen = false"
881            data-test="mobile-nav-close"
882        ><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
883    <path d="M18 6 6 18M6 6l12 12"/></svg>
884</button>
885    </div>
886    <div class="h-[calc(100vh-4rem)] overflow-y-auto pb-8">
887        <ul class="bg-[var(--wf-surface)]" data-test="mobile-nav-tree">
888                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
889        <button
890            type="button"
891            x-bind:aria-expanded="open.toString()"
892            x-on:click="open = ! open"
893            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] px-4"
894            data-test="mobile-nav-accordion"
895        >
896            Produtos
897            <span aria-hidden="true">
898                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
899    <path d="M5 12h14"/></svg>
900</span>
901                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
901ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
902    <path d="M12 5v14M5 12h14"/></svg>
903</span>
904            </span>
905        </button>
906        <ul x-show="open" x-cloak>
907                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
908        <button
909            type="button"
910            x-bind:aria-expanded="open.toString()"
911            x-on:click="open = ! open"
912            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] pl-8 pr-4"
913            data-test="mobile-nav-accordion"
914        >
915            Alarmes Automotivos
916            <span aria-hidden="true">
917                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
918    <path d="M5 12h14"/></svg>
919</span>
920                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
921    <path d="M12 5v14M5 12h14"/></svg>
922</span>
923            </span>
924        </button>
925        <ul x-show="open" x-cloak>
926                            <li>
927        <a
928            href="https://positron.com.br/produtos/alarmes/carro"
929                        class="block border-b border-[var(--wf-border)] py-3 font-medium pl-8 pr-4"
930            data-test="mobile-nav-link"
931        >Carro</a>
932    </li>
933                            <li>
934        <a
935            href="https://positron.com.br/produtos/alarmes/moto"
936                        class="block border-b border-[var(--wf-border)] py-3 font-medium pl-8 pr-4"
937            data-test="mobile-nav-link"
938        >Moto</a>
939    </li>
940                    </ul>
941    </li>
942                            <li>
943        <a
944            href="https://positron.com.br/produtos/mp3-player"
945                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
946            data-test="mobile-nav-link"
947        >MP3 Player</a>
948    </li>
949                            <li>
950        <a
951            href="https://positron.com.br/produtos/tacografo-digital"
952                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
953            data-test="mobile-nav-link"
954        >Tacógrafo Digital</a>
955    </li>
956                            <li>
957        <a
958            href="https://positron.com.br/produtos/baterias-moto"
959                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
960            data-test="mobile-nav-link"
961        >Baterias para Motocicletas</a>
962    </li>
963                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
964        <button
965            type="button"
966            x-bind:aria-expanded="open.toString()"
967            x-on:click="open = ! open"
968            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] pl-8 pr-4"
969            data-test="mobile-nav-accordion"
970        >
971            Acessórios
972            <span aria-hidden="true">
973                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
974    <path d="M5 12h14"/></svg>
975</span>
976                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
977    <path d="M12 5v14M5 12h14"/></svg>
978</span>
979            </span>
980        </button>
981        <ul x-show="open" x-cloak>
982                            <li>
983        <a
984            href="https://positron.com.br/produto/sensor-de-estacionamento"
985                        class="block border-b border-[var(--wf-border)] py-3 font-medium pl-8 pr-4"
986            data-test="mobile-nav-link"
987        >Sensor de Estacionamento</a>
988    </li>
989                            <li>
990        <a
991            href="https://positron.com.br/produto/kit-de-travas-eletricas-linear-4-portas-tr420"
992                        class="block border-b border-[var(--wf-border)] py-3 font-medium pl-8 pr-4"
993            data-test="mobile-nav-link"
994        >Trava Elétrica</a>
995    </li>
996                            <li>
997        <a
998            href="https://positron.com.br/produto/modulo-acendimento-automatico-dos-farois-hl200"
999                        class="block border-b border-[var(--wf-border)] py-3 font-medium pl-8 pr-4"
1000            data-test="mobile-nav-link"
1001        >Acendimento automático dos Faróis</a>
1002    </li>
1003                    </ul>
1004    </li>
1005                            <li>
1006        <a
1007            href="https://positron.com.br/catalogo"
1008                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1009            data-test="mobile-nav-link"
1010        >Catálogo</a>
1011    </li>
1012                    </ul>
1013    </li>
1014                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
1015        <button
1016            type="button"
1017            x-bind:aria-expanded="open.toString()"
1018            x-on:click="open = ! open"
1019            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] px-4"
1020            data-test="mobile-nav-accordion"
1021        >
1022            Rastreamento
1023            <span aria-hidden="true">
1024                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1025    <path d="M5 12h14"/></svg>
1026</span>
1027                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1028    <path d="M12 5v14M5 12h14"/></svg>
1029</span>
1030            </span>
1031        </button>
1032        <ul x-show="open" x-cloak>
1033                            <li>
1034        <a
1035            href="https://positron.com.br/rastreamento"
1036                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1037            data-test="mobile-nav-link"
1038        >Para Você</a>
1039    </li>
1040                            <li>
1041        <a
1042            href="https://stoneridge.com.br/conheca-a-stoneridge-brasil/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=institucional-Stoneridge#sectionrastreamento"
1043             target="_blank" rel="noopener noreferrer"             class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1044            data-test="mobile-nav-link"
1045        >Para a Sua Empresa <svg
1046    xmlns="http://www.w3.org/2000/svg"
1047    width="10"
1048    height="10"
1049    viewBox="0 0 24 24"
1050    fill="none"
1051    stroke="currentColor"
1052    stroke-width="2.5"
1053    stroke-linecap="round"
1054    stroke-linejoin="round"
1055    aria-hidden="true"
1056    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1057><path d="M7 17 17 7M9 7h8v8"/></svg>
1058</a>
1059    </li>
1060                            <li>
1061        <a
1062            href="https://portal.pst.com.br/vendafacil/"
1063             target="_blank" rel="noopener noreferrer"             class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1064            data-test="mobile-nav-link"
1065        >Venda Fácil <svg
1066    xmlns="http://www.w3.org/2000/svg"
1067    width="10"
1068    height="10"
1069    viewBox="0 0 24 24"
1070    fill="none"
1071    stroke="currentColor"
1072    stroke-width="2.5"
1073    stroke-linecap="round"
1074    stroke-linejoin="round"
1075    aria-hidden="true"
1076    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1077><path d="M7 17 17 7M9 7h8v8"/></svg>
1078</a>
1079    </li>
1080                    </ul>
1081    </li>
1082                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
1083        <button
1084            type="button"
1085            x-bind:aria-expanded="open.toString()"
1086            x-on:click="open = ! open"
1087            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] px-4"
1088            data-test="mobile-nav-accordion"
1089        >
1090            Onde Encontrar
1091            <span aria-hidden="true">
1092                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1093    <path d="M5 12h14"/></svg>
1094</span>
1095                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1096    <path d="M12 5v14M5 12h14"/></svg>
1097</span>
1098            </span>
1099        </button>
1100        <ul x-show="open" x-cloak>
1101                            <li>
1102        <a
1103            href="https://www.lojapositron.com.br"
1104             target="_blank" rel="noopener noreferrer"             class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1105            data-test="mobile-nav-link"
1106        >Compre Agora <svg
1107    xmlns="http://www.w3.org/2000/svg"
1108    width="10"
1109    height="10"
1110    viewBox="0 0 24 24"
1111    fill="none"
1112    stroke="currentColor"
1113    stroke-width="2.5"
1114    stroke-linecap="round"
1115    stroke-linejoin="round"
1116    aria-hidden="true"
1117    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1118><path d="M7 17 17 7M9 7h8v8"/></svg>
1119</a>
1120    </li>
1121                            <li>
1122        <a
1123            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1124                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1125            data-test="mobile-nav-link"
1126        >Rede de Parceiros</a>
1127    </li>
1128                    </ul>
1129    </li>
1130                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
1131        <button
1132            type="button"
1133            x-bind:aria-expanded="open.toString()"
1134            x-on:click="open = ! open"
1135            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] px-4"
1136            data-test="mobile-nav-accordion"
1137        >
1138            Suporte / Atendimento
1139            <span aria-hidden="true">
1140                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1141    <path d="M5 12h14"/></svg>
1142</span>
1143                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1144    <path d="M12 5v14M5 12h14"/></svg>
1145</span>
1146            </span>
1147        </button>
1148        <ul x-show="open" x-cloak>
1149                            <li>
1150        <a
1151            href="https://positron.com.br/suporte/informativos-tecnicos"
1152                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1153            data-test="mobile-nav-link"
1154        >Informativos Técnicos</a>
1155    </li>
1156                            <li>
1157        <a
1158            href="https://positron.com.br/suporte/duvidas-frequentes"
1159                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1160            data-test="mobile-nav-link"
1161        >Dúvidas Frequentes</a>
1162    </li>
1163                            <li>
1164        <a
1165            href="https://positron.com.br/contratos-positron"
1166                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1167            data-test="mobile-nav-link"
1168        >Contratos</a>
1169    </li>
1170                            <li>
1171        <a
1172            href="https://positron.com.br/garantia"
1173                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1174            data-test="mobile-nav-link"
1175        >Garantia</a>
1176    </li>
1177                            <li>
1178        <a
1179            href="https://atendimento.positronrt.com.br/#/login"
1180             target="_blank" rel="noopener noreferrer"             class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1181            data-test="mobile-nav-link"
1182        >2ª Via de Boleto de Rastreamento <svg
1183    xmlns="http://www.w3.org/2000/svg"
1184    width="10"
1185    height="10"
1186    viewBox="0 0 24 24"
1187    fill="none"
1188    stroke="currentColor"
1189    stroke-width="2.5"
1190    stroke-linecap="round"
1191    stroke-linejoin="round"
1192    aria-hidden="true"
1193    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1194><path d="M7 17 17 7M9 7h8v8"/></svg>
1195</a>
1196    </li>
1197                            <li>
1198        <a
1199            href="https://positron.com.br/contato"
1200                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1201            data-test="mobile-nav-link"
1202        >Contato</a>
1203    </li>
1204                    </ul>
1205    </li>
1206                            <li class="border-b border-[var(--wf-border)]" x-data="{ open: false }">
1207        <button
1208            type="button"
1209            x-bind:aria-expanded="open.toString()"
1210            x-on:click="open = ! open"
1211            class="flex w-full items-center justify-between py-3 text-left font-semibold text-[var(--wf-text)] px-4"
1212            data-test="mobile-nav-accordion"
1213        >
1214            A Pósitron
1215            <span aria-hidden="true">
1216                <span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1217    <path d="M5 12h14"/></svg>
1218</span>
1219                <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1220    <path d="M12 5v14M5 12h14"/></svg>
1221</span>
1222            </span>
1223        </button>
1224        <ul x-show="open" x-cloak>
1225                            <li>
1226        <a
1227            href="https://positron.com.br/a-positron/quem-somos"
1228                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1229            data-test="mobile-nav-link"
1230        >Quem Somos</a>
1231    </li>
1232                            <li>
1233        <a
1234            href="https://positron.com.br/a-positron/responsabilidade-socioambiental"
1235                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1236            data-test="mobile-nav-link"
1237        >Responsabilidade Socioambiental</a>
1238    </li>
1239                            <li>
1240        <a
1241            href="https://www.linkedin.com/company/pst/jobs/"
1242             target="_blank" rel="noopener noreferrer"             class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1243            data-test="mobile-nav-link"
1244        >Trabalhe Conosco <svg
1245    xmlns="http://www.w3.org/2000/svg"
1246    width="10"
1247    height="10"
1248    viewBox="0 0 24 24"
1249    fill="none"
1250    stroke="currentColor"
1251    stroke-width="2.5"
1252    stroke-linecap="round"
1253    stroke-linejoin="round"
1254    aria-hidden="true"
1255    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1256><path d="M7 17 17 7M9 7h8v8"/></svg>
1257</a>
1258    </li>
1259                            <li>
1260        <a
1261            href="https://positron.com.br/a-positron/imprensa"
1262                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] pl-8 pr-4"
1263            data-test="mobile-nav-link"
1264        >Imprensa</a>
1265    </li>
1266                    </ul>
1267    </li>
1268                            <li>
1269        <a
1270            href="https://positron.com.br/blog"
1271                        class="block border-b border-[var(--wf-border)] py-3 font-semibold text-[var(--wf-text)] px-4"
1272            data-test="mobile-nav-link"
1273        >Blog</a>
1274    </li>
1275                    </ul>
1276        <div class="space-y-3 p-4">
1277            <p class="text-xs font-bold uppercase tracking-[0.16em] text-[var(--wf-muted)]">Portais</p>
1278            
1279                            <a href="https://www.positronrt.com.br/rastreador5/login.xhtml"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] w-full" data-test="mobile-nav-portal">Portal de Rastreamento <svg
1280    xmlns="http://www.w3.org/2000/svg"
1281    width="10"
1282    height="10"
1283    viewBox="0 0 24 24"
1284    fill="none"
1285    stroke="currentColor"
1286    stroke-width="2.5"
1287    stroke-linecap="round"
1288    stroke-linejoin="round"
1289    aria-hidden="true"
1290    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1291><path d="M7 17 17 7M9 7h8v8"/></svg>
1292</a>
1293                            <a href="https://atendimento.positronrt.com.br/#/login"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] w-full" data-test="mobile-nav-portal">Portal de Cliente <svg
1294    xmlns="http://www.w3.org/2000/svg"
1295    width="10"
1296    height="10"
1297    viewBox="0 0 24 24"
1298    fill="none"
1299    stroke="currentColor"
1300    stroke-width="2.5"
1301    stroke-linecap="round"
1302    stroke-linejoin="round"
1303    aria-hidden="true"
1304    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1305><path d="M7 17 17 7M9 7h8v8"/></svg>
1306</a>
1307                            <a href="https://loja.stoneridge.com.br/tacografo"  target="_blank" rel="noopener noreferrer"  class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)] w-full" data-test="mobile-nav-portal">Serviços de Tacógrafo <svg
1308    xmlns="http://www.w3.org/2000/svg"
1309    width="10"
1310    height="10"
1311    viewBox="0 0 24 24"
1312    fill="none"
1313    stroke="currentColor"
1314    stroke-width="2.5"
1315    stroke-linecap="round"
1316    stroke-linejoin="round"
1317    aria-hidden="true"
1318    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1319><path d="M7 17 17 7M9 7h8v8"/></svg>
1320</a>
1321                        
1322            <div class="rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] p-4 text-sm">
1323                <a href="https://wa.me/5508008555888" target="_blank" rel="noopener noreferrer" data-track="click_telefone_whatsapp" class="block font-semibold text-[var(--wf-text)]" data-test="mobile-nav-sales-phone">
1324                    Televendas 0800-855-5888 <svg
1325    xmlns="http://www.w3.org/2000/svg"
1326    width="10"
1327    height="10"
1328    viewBox="0 0 24 24"
1329    fill="none"
1330    stroke="currentColor"
1331    stroke-width="2.5"
1332    stroke-linecap="round"
1333    stroke-linejoin="round"
1334    aria-hidden="true"
1335    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1336><path d="M7 17 17 7M9 7h8v8"/></svg>
1337                </a>
1338                <p class="mt-2 border-t border-[var(--wf-border)] pt-2" data-test="mobile-nav-theft-phone">Roubo e furto 0800-775-6001</p>
1339            </div>
1340            
1341            <a href="https://www.stoneridge.com"  target="_blank" rel="noopener noreferrer"  class="block pt-4 text-sm text-[var(--wf-text-2)] transition hover:text-[var(--wf-cta)]">
1342                Marca do Grupo Stoneridge
1343            </a>
1344        </div>
1345    </div>
1346</div>
1347        </header>
1348        <main>
1349                
1350    <div data-test="product-category-page">
1351        <nav aria-label="Breadcrumb" class="wf-container py-4 text-sm text-[var(--wf-muted)]" data-test="breadcrumb">
1352    <ol class="flex flex-wrap items-center gap-2">
1353        <li>
1354            <a class="hover:text-[var(--wf-text)]" href="https://positron.com.br">Home</a>
1355        </li>
1356                    <li class="flex items-center gap-2">
1357                <span aria-hidden="true">/</span>
1358                                    <span aria-current="page" class="text-[var(--wf-text)]">Produtos</span>
1359                            </li>
1360                    <li class="flex items-center gap-2">
1361                <span aria-hidden="true">/</span>
1362                                    <span aria-current="page" class="text-[var(--wf-text)]">Alarmes para Carro</span>
1363                            </li>
1364            </ol>
1365</nav>
1366
1367        <section class="wf-band-wash relative overflow-hidden border-b border-[var(--wf-border)]" data-test="category-hero">
1368    <div aria-hidden="true" class="wf-dots pointer-events-none absolute -right-10 -top-16 hidden h-64 w-64 md:block"></div>
1369    <div class="wf-container relative py-12 md:py-16">
1370        <div class="max-w-3xl">
1371            <p class="font-display text-xs font-bold uppercase tracking-[0.16em] text-[var(--wf-cta)]">PRODUTOS</p>
1372            <h1 class="mt-2 text-balance font-display text-4xl font-extrabold leading-[1.08] text-[var(--wf-text)] md:text-5xl">Alarmes para Carro</h1>
1373                            <p class="mt-4 text-lg leading-8 text-[var(--wf-text-2)]">Proteção sonora, bloqueio e presença para o seu carro, com instalação na rede credenciada.</p>
1374                    </div>
1375    </div>
1376</section>
1377
1378        <section class="py-10">
1379            <div class="wf-container">
1380                                    
1381                    
1382                                        <div class="wf-band-wash mb-8 flex flex-col gap-4 roun
1382ded-[var(--wf-radius-lg)] border border-[var(--wf-border)] p-6 md:flex-row md:items-center md:justify-between md:p-8" data-test="category-guide">
1383                        <div class="wf-reveal max-w-3xl">
1384        <h2 class="text-balance font-display text-3xl font-extrabold leading-tight text-[var(--wf-text)] md:text-4xl">Qual é o produto Pósitron <span class="text-[var(--wf-cta)]">ideal para você?</span></h2>
1385    
1386            <p class="mt-3 text-base leading-7 text-[var(--wf-text-2)]">Marque até 3 modelos nos cards abaixo e compare os recursos lado a lado.</p>
1387    </div>
1388                        <span
1389    aria-hidden="true"
1390    class="inline-grid h-12 w-12 shrink-0 place-items-center rounded-[13px] bg-[rgba(167,25,48,0.09)] text-[var(--wf-cta)] hidden h-16 w-16 md:inline-grid" data-test="icon-chip"
1391>
1392    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1393    <circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.4"/></svg>
1394</span>
1395                    </div>
1396                
1397                <div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3 wide:grid-cols-4" data-test="product-grid">
1398            <article
1399    x-data
1400    x-bind:class="$store.comparator.isSelected('px360bt-starter') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1401    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1402>
1403    
1404    <a href="https://positron.com.br/produto/px360bt-starter" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1405        <picture>
1406    
1407                <source type="image/webp" srcset="https://positron.com.br/storage/997/conversions/IMG_1-PX360STARTER-SITE1-w480-webp.webp 480w, https://positron.com.br/storage/997/conversions/IMG_1-PX360STARTER-SITE1-w960-webp.webp 960w, https://positron.com.br/storage/997/conversions/IMG_1-PX360STARTER-SITE1-webp.webp 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1408        <img
1409        src="https://positron.com.br/storage/997/IMG_1-PX360STARTER-SITE1.png"
1410        alt="CYBER PX360BT STARTER"
1411        width="1000"
1412        height="1000"
1413         loading="lazy" decoding="async"         
1414                    style="--wf-ar: 1000 / 1000"
1415                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1416    >
1417</picture>
1418    </a>
1419    <div class="mt-4 flex flex-1 flex-col">
1420        <div class="flex flex-wrap items-start justify-between gap-2">
1421            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">CYBER PX360BT STARTER</h3>
1422                    </div>
1423        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O Alarme automotivo PX360BT Starter agora está ainda mais moderno com a função Remote Starter para ligar e desligar o veículo sem a necessidade de chave por meio de um aplicativo exclusivo.</p>
1424        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1425            <a href="https://positron.com.br/produto/px360bt-starter" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1426                            
1427                <div
1428    x-data="{ open: false }"
1429    x-on:click.outside="open = false"
1430    x-on:keydown.escape="open = false"
1431    class="relative inline-block" data-test="buy-dropdown"
1432>
1433    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1434    <div
1435        role="menu"
1436        x-show="open"
1437        x-cloak
1438        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1439        data-test="buy-dropdown-menu"
1440    >
1441        <a
1442            role="menuitem"
1443            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-px360bt-bluetooth-e-remote-starter/p"
1444            target="_blank"
1445            rel="noopener noreferrer"
1446            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1447            data-test="buy-online"
1448            data-track="click_compre_agora"
1449        >Comprar Online <svg
1450    xmlns="http://www.w3.org/2000/svg"
1451    width="10"
1452    height="10"
1453    viewBox="0 0 24 24"
1454    fill="none"
1455    stroke="currentColor"
1456    stroke-width="2.5"
1457    stroke-linecap="round"
1458    stroke-linejoin="round"
1459    aria-hidden="true"
1460    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1461><path d="M7 17 17 7M9 7h8v8"/></svg>
1462</a>
1463        <a
1464            role="menuitem"
1465            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1466            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1467            data-test="buy-find-store"
1468        >Localizar Loja Física</a>
1469    </div>
1470</div>
1471                        <button
1472                type="button"
1473                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1474                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022px360bt-starter\u0022,\u0022name\u0022:\u0022CYBER PX360BT STARTER\u0022}'))"
1475                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('px360bt-starter')"
1476                x-bind:aria-pressed="$store.comparator.isSelected('px360bt-starter').toString()"
1477                data-test="product-card-compare"
1478            >
1479                <span
1480                    aria-hidden="true"
1481                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1482                    x-bind:class="$store.comparator.isSelected('px360bt-starter') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1483                >
1484                    <span x-show="$store.comparator.isSelected('px360bt-starter')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1485    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1486</span>
1487                </span> Comparar
1488            </button>
1489        </div>
1490        <p
1491            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('px360bt-starter')"
1492            x-cloak
1493            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1494            data-test="compare-limit-note"
1495        >Limite de 3 produtos atingido.</p>
1496    </div>
1497</article>
1498            <article
1499    x-data
1500    x-bind:class="$store.comparator.isSelected('cyber-px360') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1501    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1502>
1503    
1504    <a href="https://positron.com.br/produto/cyber-px360" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1505        <picture>
1506    
1507                <source type="image/avif" srcset="https://positron.com.br/storage/1015/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1.png 480w, https://positron.com.br/storage/1015/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1.png 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1508            <source type="image/webp" srcset="https://positron.com.br/storage/1015/conversions/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1-w480-webp.webp 480w, https://positron.com.br/storage/1015/conversions/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1-w960-webp.webp 960w, https://positron.com.br/storage/1015/conversions/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1-webp.webp 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1509        <img
1510        src="https://positron.com.br/storage/1015/IMG_1_-_CYBER_PX360_UNIVERSAL_-_SITE1.png"
1511        alt="CYBER PX360"
1512        width="1000"
1513        height="1000"
1514         loading="lazy" decoding="async"         
1515                    style="--wf-ar: 1000 / 1000"
1516                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1517    >
1518</picture>
1519    </a>
1520    <div class="mt-4 flex flex-1 flex-col">
1521        <div class="flex flex-wrap items-start justify-between gap-2">
1522            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">CYBER PX360</h3>
1523                    </div>
1524        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O alarme automotivo Cyber PX360 oferece mais segurança e praticidade para o seu veículo, com função presença e compatível com veículos 12 volts do mercado brasileiro.</p>
1525        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1526            <a href="https://positron.com.br/produto/cyber-px360" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1527                            
1528                <div
1529    x-data="{ open: false }"
1530    x-on:click.outside="open = false"
1531    x-on:keydown.escape="open = false"
1532    class="relative inline-block" data-test="buy-dropdown"
1533>
1534    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1535    <div
1536        role="menu"
1537        x-show="open"
1538        x-cloak
1539        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1540        data-test="buy-dropdown-menu"
1541    >
1542        <a
1543            role="menuitem"
1544            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-px360-universal/p"
1545            target="_blank"
1546            rel="noopener noreferrer"
1547            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1548            data-test="buy-online"
1549            data-track="click_compre_agora"
1550        >Comprar Online <svg
1551    xmlns="http://www.w3.org/2000/svg"
1552    width="10"
1553    height="10"
1554    viewBox="0 0 24 24"
1555    fill="none"
1556    stroke="currentColor"
1557    stroke-width="2.5"
1558    stroke-linecap="round"
1559    stroke-linejoin="round"
1560    aria-hidden="true"
1561    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1562><path d="M7 17 17 7M9 7h8v8"/></svg>
1563</a>
1564        <a
1565            role="menuitem"
1566            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1567            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1568            data-test="buy-find-store"
1569        >Localizar Loja Física</a>
1570    </div>
1571</div>
1572                        <button
1573                type="button"
1574                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1575                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022cyber-px360\u0022,\u0022name\u0022:\u0022CYBER PX360\u0022}'))"
1576                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-px360')"
1577                x-bind:aria-pressed="$store.comparator.isSelected('cyber-px360').toString()"
1578                data-test="product-card-compare"
1579            >
1580                <span
1581                    aria-hidden="true"
1582                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1583                    x-bind:class="$store.comparator.isSelected('cyber-px360') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1584                >
1585                    <span x-show="$store.comparator.isSelected('cyber-px360')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1586    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1587</span>
1588                </span> Comparar
1589            </button>
1590        </div>
1591        <p
1592            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-px360')"
1593            x-cloak
1594            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1595            data-test="compare-limit-note"
1596        >Limite de 3 produtos atingido.</p>
1597    </div>
1598</article>
1599            <article
1600    x-data
1601    x-bind:class="$store.comparator.isSelected('cyber-fx360') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1602    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1603>
1604    
1605    <a href="https://positron.com.br/produto/cyber-fx360" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1606        <picture>
1607    
1608                <source type="image/avif" srcset="https://positron.com.br/storage/1031/IMG_1_-_CYBER_FX3601.png 480w, https://positron.com.br/storage/1031/IMG_1_-_CYBER_FX3601.png 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1609            <source type="image/webp" srcset="https://positron.com.br/storage/1031/conversions/IMG_1_-_CYBER_FX3601-w480-webp.webp 480w, https://positron.com.br/storage/1031/conversions/IMG_1_-_CYBER_FX3601-w960-webp.webp 960w, https://positron.com.br/storage/1031/conversions/IMG_1_-_CYBER_FX3601-webp.webp 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1610        <img
1611        src="https://positron.com.br/storage/1031/IMG_1_-_CYBER_FX3601.png"
1612        alt="CYBER FX360"
1613        width="1000"
1614        height="1000"
1615         loading="lazy" decoding="async"         
1616                    style="--wf-ar: 1000 / 1000"
1617                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1618    >
1619</picture>
1620    </a>
1621    <div class="mt-4 flex flex-1 flex-col">
1622        <div class="flex flex-wrap items-start justify-between gap-2">
1623            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">CYBER FX360</h3>
1624                    </div>
1625        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O alarme FX360 possui as funções essenciais para garantir conforto e segurança, compatível com veículos 12 volts do mercado brasileiro e controle remoto função presença.</p>
1626        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1627            <a href="https://positron.com.br/produto/cyber-fx360" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1628                            
1629                <div
1630    x-data="{ open: false }"
1631    x-on:click.outside="open = false"
1632    x-on:keydown.escape="open = false"
1633    class="relative inline-block" data-test="buy-dropdown"
1634>
1635    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1636    <div
1637        role="menu"
1638        x-show="open"
1639        x-cloak
1640        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1641        data-test="buy-dropdown-menu"
1642    >
1643        <a
1644            role="menuitem"
1645            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-fx360/p"
1646            target="_blank"
1647            rel="noopener noreferrer"
1648            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1649            data-test="buy-online"
1650            data-track="click_compre_agora"
1651        >Comprar Online <svg
1652    xmlns="http://www.w3.org/2000/svg"
1653    width="10"
1654    height="10"
1655    viewBox="0 0 24 24"
1656    fill="none"
1657    stroke="currentColor"
1658    stroke-width="2.5"
1659    stroke-linecap="round"
1660    stroke-linejoin="round"
1661    aria-hidden="true"
1662    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1663><path d="M7 17 17 7M9 7h8v8"/></svg>
1664</a>
1665        <a
1666            role="menuitem"
1667            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1668            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1669            data-test="buy-find-store"
1670        >Localizar Loja Física</a>
1671    </div>
1672</div>
1673                        <button
1674                type="button"
1675                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1676                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022cyber-fx360\u0022,\u0022name\u0022:\u0022CYBER FX360\u0022}'))"
1677                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-fx360')"
1678                x-bind:aria-pressed="$store.comparator.isSelected('cyber-fx360').toString()"
1679                data-test="product-card-compare"
1680            >
1681                <span
1682                    aria-hidden="true"
1683                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1684                    x-bind:class="$store.comparator.isSelected('cyber-fx360') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1685                >
1686                    <span x-show="$store.comparator.isSelected('cyber-fx360')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1687    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1688</span>
1689                </span> Comparar
1690            </button>
1691        </div>
1692        <p
1693            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-fx360')"
1694            x-cloak
1695            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1696            data-test="compare-limit-note"
1697        >Limite de 3 produtos atingido.</p>
1698    </div>
1699</article>
1700            <article
1701    x-data
1702    x-bind:class="$store.comparator.isSelected('cyber-exact-360') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1703    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1704>
1705    
1706    <a href="https://positron.com.br/produto/cyber-exact-360" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1707        <picture>
1708    
1709                <source type="image/avif" srcset="https://positron.com.br/storage/1048/conversions/alarmes_EXACT-360-B-w480-avif.avif 480w, https://positron.com.br/storage/1048/conversions/alarmes_EXACT-360-B-avif.avif 520w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1710            <source type="image/webp" srcset="https://positron.com.br/storage/1048/conversions/alarmes_EXACT-360-B-w480-webp.webp 480w, https://positron.com.br/storage/1048/conversions/alarmes_EXACT-360-B-webp.webp 520w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1711        <img
1712        src="https://positron.com.br/storage/1048/alarmes_EXACT-360-B.jpg"
1713        alt="CYBER EX360 EXACT"
1714        width="520"
1715        height="480"
1716         loading="lazy" decoding="async"         
1717                    style="--wf-ar: 520 / 480"
1718                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1719    >
1720</picture>
1721    </a>
1722    <div class="mt-4 flex flex-1 flex-col">
1723        <div class="flex flex-wrap items-start justify-between gap-2">
1724            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">CYBER EX360 EXACT</h3>
1725                    </div>
1726        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">A opção perfeita para proteger o seu carro. O alarme Exact 360 tem aplicação universal, compatível com os veículos 12 volts do mercado brasileiro e conta com funções tecnológicas para deixar o seu dia a dia no trânsito muito mais prático e seguro!</p>
1727        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1728            <a href="https://positron.com.br/produto/cyber-exact-360" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1729                            
1730                <div
1731    x-data="{ open: false }"
1732    x-on:click.outside="open = false"
1733    x-on:keydown.escape="open = false"
1734    class="relative inline-block" data-test="buy-dropdown"
1735>
1736    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1737    <div
1738        role="menu"
1739        x-show="open"
1740        x-cloak
1741        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1742        data-test="buy-dropdown-menu"
1743    >
1744        <a
1745            role="menuitem"
1746            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-ex360-exact-universal/p"
1747            target="_blank"
1748            rel="noopener noreferrer"
1749            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1750            data-test="buy-online"
1751            data-track="click_compre_agora"
1752        >Comprar Online <svg
1753    xmlns="http://www.w3.org/2000/svg"
1754    width="10"
1755    height="10"
1756    viewBox="0 0 24 24"
1757    fill="none"
1758    stroke="currentColor"
1759    stroke-width="2.5"
1760    stroke-linecap="round"
1761    stroke-linejoin="round"
1762    aria-hidden="true"
1763    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1764><path d="M7 17 17 7M9 7h8v8"/></svg>
1765</a>
1766        <a
1767            role="menuitem"
1768            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1769            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1770            data-test="buy-find-store"
1771        >Localizar Loja Física</a>
1772    </div>
1773</div>
1774                        <button
1775                type="button"
1776                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1777                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022cyber-exact-360\u0022,\u0022name\u0022:\u0022CYBER EX360 EXACT\u0022}'))"
1778                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-exact-360')"
1779                x-bind:aria-pressed="$store.comparator.isSelected('cyber-exact-360').toString()"
1780                data-test="product-card-compare"
1781            >
1782                <span
1783                    aria-hidden="true"
1784                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1785                    x-bind:class="$store.comparator.isSelected('cyber-exact-360') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1786                >
1787                    <span x-show="$store.comparator.isSelected('cyber-exact-360')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1788    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1789</span>
1790                </span> Comparar
1791            </button>
1792        </div>
1793        <p
1794            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-exact-360')"
1795            x-cloak
1796            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1797            data-test="compare-limit-note"
1798        >Limite de 3 produtos atingido.</p>
1799    </div>
1800</article>
1801            <article
1802    x-data
1803    x-bind:class="$store.comparator.isSelected('cyber-ex360-blade') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1804    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1805>
1806    
1807    <a href="https://positron.com.br/produto/cyber-ex360-blade" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1808        <picture>
1809    
1810                <source type="image/webp" srcset="https://positron.com.br/storage/1069/conversions/IMG_1_-_CYBER_EX360_EXACT_BLADE1-w480-webp.webp 480w, https://positron.com.br/storage/1069/conversions/IMG_1_-_CYBER_EX360_EXACT_BLADE1-w960-webp.webp 960w, https://positron.com.br/storage/1069/conversions/IMG_1_-_CYBER_EX360_EXACT_BLADE1-webp.webp 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1811        <img
1812        src="https://positron.com.br/storage/1069/IMG_1_-_CYBER_EX360_EXACT_BLADE1.png"
1813        alt="CYBER EX360 BLADE"
1814        width="1000"
1815        height="1000"
1816         loading="lazy" decoding="async"         
1817                    style="--wf-ar: 1000 / 1000"
1818                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1819    >
1820</picture>
1821    </a>
1822    <div class="mt-4 flex flex-1 flex-col">
1823        <div class="flex flex-wrap items-start justify-between gap-2">
1824            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">CYBER EX360 BLADE</h3>
1825                    </div>
1826        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">A opção perfeita para proteger o seu carro. O alarme Exact 360 tem aplicação universal, compatível com os veículos 12 volts do mercado brasileiro e vem com controle canivete PX80.</p>
1827        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1828            <a href="https://positron.com.br/produto/cyber-ex360-blade" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1829                            
1830                <div
1831    x-data="{ open: false }"
1832    x-on:click.outside="open = false"
1833    x-on:keydown.escape="open = false"
1834    class="relative inline-block" data-test="buy-dropdown"
1835>
1836    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1837    <div
1838        role="menu"
1839        x-show="open"
1840        x-cloak
1841        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1842        data-test="buy-dropdown-menu"
1843    >
1844        <a
1845            role="menuitem"
1846            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-ex360-exact-blade--novo-/p"
1847            target="_blank"
1848            rel="noopener noreferrer"
1849            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1850            data-test="buy-online"
1851            data-track="click_compre_agora"
1852        >Comprar Online <svg
1853    xmlns="http://www.w3.org/2000/svg"
1854    width="10"
1855    height="10"
1856    viewBox="0 0 24 24"
1857    fill="none"
1858    stroke="currentColor"
1859    stroke-width="2.5"
1860    stroke-linecap="round"
1861    stroke-linejoin="round"
1862    aria-hidden="true"
1863    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1864><path d="M7 17 17 7M9 7h8v8"/></svg>
1865</a>
1866        <a
1867            role="menuitem"
1868            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1869            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1870            data-test="buy-find-store"
1871        >Localizar Loja Física</a>
1872    </div>
1873</div>
1874                        <button
1875                type="button"
1876                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1877                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022cyber-ex360-blade\u0022,\u0022name\u0022:\u0022CYBER EX360 BLADE\u0022}'))"
1878                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-ex360-blade')"
1879                x-bind:aria-pressed="$store.comparator.isSelected('cyber-ex360-blade').toString()"
1880                data-test="product-card-compare"
1881            >
1882                <span
1883                    aria-hidden="true"
1884                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1885                    x-bind:class="$store.comparator.isSelected('cyber-ex360-blade') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1886                >
1887                    <span x-show="$store.comparator.isSelected('cyber-ex360-blade')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1888    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1889</span>
1890                </span> Comparar
1891            </button>
1892        </div>
1893        <p
1894            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('cyber-ex360-blade')"
1895            x-cloak
1896            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1897            data-test="compare-limit-note"
1898        >Limite de 3 produtos atingido.</p>
1899    </div>
1900</article>
1901            <article
1902    x-data
1903    x-bind:class="$store.comparator.isSelected('keyless-kl360') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
1904    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
1905>
1906    
1907    <a href="https://positron.com.br/produto/keyless-kl360" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
1908        <picture>
1909    
1910                <source type="image/avif" srcset="https://positron.com.br/storage/1083/conversions/alarmes_KEYLESS-360-B-w480-avif.avif 480w, https://positron.com.br/storage/1083/conversions/alarmes_KEYLESS-360-B-avif.avif 520w, https://positron.com.br/storage/1083/alarmes_KEYLESS-360-B.jpg 960w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1911            <source type="image/webp" srcset="https://positron.com.br/storage/1083/conversions/alarmes_KEYLESS-360-B-w480-webp.webp 480w, https://positron.com.br/storage/1083/conversions/alarmes_KEYLESS-360-B-webp.webp 520w, https://positron.com.br/storage/1083/alarmes_KEYLESS-360-B.jpg 960w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
1912        <img
1913        src="https://positron.com.br/storage/1083/alarmes_KEYLESS-360-B.jpg"
1914        alt="KEYLESS KL360"
1915        width="520"
1916        height="480"
1917         loading="lazy" decoding="async"         
1918                    style="--wf-ar: 520 / 480"
1919                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
1920    >
1921</picture>
1922    </a>
1923    <div class="mt-4 flex flex-1 flex-col">
1924        <div class="flex flex-wrap items-start justify-between gap-2">
1925            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">KEYLESS KL360</h3>
1926                    </div>
1927        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O Alarme Automotivo Keyless 360 é ideal para veículos com sistema de conforto original de fábrica e sem sensor de ultrassom. Com controle de presença.</p>
1928        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
1929            <a href="https://positron.com.br/produto/keyless-kl360" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
1930                            
1931                <div
1932    x-data="{ open: false }"
1933    x-on:click.outside="open = false"
1934    x-on:keydown.escape="open = false"
1935    class="relative inline-block" data-test="buy-dropdown"
1936>
1937    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
1938    <div
1939        role="menu"
1940        x-show="open"
1941        x-cloak
1942        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
1943        data-test="buy-dropdown-menu"
1944    >
1945        <a
1946            role="menuitem"
1947            href="https://www.lojapositron.com.br/alarme-automotivo-positron-keyless-kl360-com-controle-remoto-presenca/p"
1948            target="_blank"
1949            rel="noopener noreferrer"
1950            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1951            data-test="buy-online"
1952            data-track="click_compre_agora"
1953        >Comprar Online <svg
1954    xmlns="http://www.w3.org/2000/svg"
1955    width="10"
1956    height="10"
1957    viewBox="0 0 24 24"
1958    fill="none"
1959    stroke="currentColor"
1960    stroke-width="2.5"
1961    stroke-linecap="round"
1962    stroke-linejoin="round"
1963    aria-hidden="true"
1964    class="inline-block shrink-0 opacity-60" data-test="external-mark"
1965><path d="M7 17 17 7M9 7h8v8"/></svg>
1966</a>
1967        <a
1968            role="menuitem"
1969            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
1970            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
1971            data-test="buy-find-store"
1972        >Localizar Loja Física</a>
1973    </div>
1974</div>
1975                        <button
1976                type="button"
1977                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
1978                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022keyless-kl3
197860\u0022,\u0022name\u0022:\u0022KEYLESS KL360\u0022}'))"
1979                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('keyless-kl360')"
1980                x-bind:aria-pressed="$store.comparator.isSelected('keyless-kl360').toString()"
1981                data-test="product-card-compare"
1982            >
1983                <span
1984                    aria-hidden="true"
1985                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
1986                    x-bind:class="$store.comparator.isSelected('keyless-kl360') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
1987                >
1988                    <span x-show="$store.comparator.isSelected('keyless-kl360')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
1989    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
1990</span>
1991                </span> Comparar
1992            </button>
1993        </div>
1994        <p
1995            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('keyless-kl360')"
1996            x-cloak
1997            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
1998            data-test="compare-limit-note"
1999        >Limite de 3 produtos atingido.</p>
2000    </div>
2001</article>
2002            <article
2003    x-data
2004    x-bind:class="$store.comparator.isSelected('keyless-360-light') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
2005    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
2006>
2007    
2008    <a href="https://positron.com.br/produto/keyless-360-light" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
2009        <picture>
2010    
2011                <source type="image/avif" srcset="https://positron.com.br/storage/1097/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1.png 480w, https://positron.com.br/storage/1097/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1.png 960w, https://positron.com.br/storage/1097/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1.png 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
2012            <source type="image/webp" srcset="https://positron.com.br/storage/1097/conversions/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1-w480-webp.webp 480w, https://positron.com.br/storage/1097/conversions/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1-w960-webp.webp 960w, https://positron.com.br/storage/1097/conversions/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1-webp.webp 1000w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
2013        <img
2014        src="https://positron.com.br/storage/1097/IMG_1_-_KEYLESS_KL360_LIGHT_-_SITE1.png"
2015        alt="KEYLESS 360 LIGHT"
2016        width="1000"
2017        height="1000"
2018         loading="lazy" decoding="async"         
2019                    style="--wf-ar: 1000 / 1000"
2020                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
2021    >
2022</picture>
2023    </a>
2024    <div class="mt-4 flex flex-1 flex-col">
2025        <div class="flex flex-wrap items-start justify-between gap-2">
2026            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">KEYLESS 360 LIGHT</h3>
2027                    </div>
2028        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O Alarme Automotivo Keyless 360 é ideal para veículos com sistema de conforto original de fábrica e sem sensor de ultrassom. Permite utilizar o controle original.</p>
2029        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
2030            <a href="https://positron.com.br/produto/keyless-360-light" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
2031                            
2032                <div
2033    x-data="{ open: false }"
2034    x-on:click.outside="open = false"
2035    x-on:keydown.escape="open = false"
2036    class="relative inline-block" data-test="buy-dropdown"
2037>
2038    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
2039    <div
2040        role="menu"
2041        x-show="open"
2042        x-cloak
2043        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
2044        data-test="buy-dropdown-menu"
2045    >
2046        <a
2047            role="menuitem"
2048            href="https://www.lojapositron.com.br/-alarme-automotivo-positron-keyless-kl360-light/p"
2049            target="_blank"
2050            rel="noopener noreferrer"
2051            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
2052            data-test="buy-online"
2053            data-track="click_compre_agora"
2054        >Comprar Online <svg
2055    xmlns="http://www.w3.org/2000/svg"
2056    width="10"
2057    height="10"
2058    viewBox="0 0 24 24"
2059    fill="none"
2060    stroke="currentColor"
2061    stroke-width="2.5"
2062    stroke-linecap="round"
2063    stroke-linejoin="round"
2064    aria-hidden="true"
2065    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2066><path d="M7 17 17 7M9 7h8v8"/></svg>
2067</a>
2068        <a
2069            role="menuitem"
2070            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
2071            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
2072            data-test="buy-find-store"
2073        >Localizar Loja Física</a>
2074    </div>
2075</div>
2076                        <button
2077                type="button"
2078                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
2079                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022keyless-360-light\u0022,\u0022name\u0022:\u0022KEYLESS 360 LIGHT\u0022}'))"
2080                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('keyless-360-light')"
2081                x-bind:aria-pressed="$store.comparator.isSelected('keyless-360-light').toString()"
2082                data-test="product-card-compare"
2083            >
2084                <span
2085                    aria-hidden="true"
2086                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
2087                    x-bind:class="$store.comparator.isSelected('keyless-360-light') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
2088                >
2089                    <span x-show="$store.comparator.isSelected('keyless-360-light')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2090    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
2091</span>
2092                </span> Comparar
2093            </button>
2094        </div>
2095        <p
2096            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('keyless-360-light')"
2097            x-cloak
2098            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
2099            data-test="compare-limit-note"
2100        >Limite de 3 produtos atingido.</p>
2101    </div>
2102</article>
2103            <article
2104    x-data
2105    x-bind:class="$store.comparator.isSelected('alarme-para-caminhao-tx360') ? 'border-[var(--wf-cta)]' : 'border-transparent'"
2106    class="wf-card wf-card-hover wf-reveal flex h-full flex-col border p-4" data-test="product-card"
2107>
2108    
2109    <a href="https://positron.com.br/produto/alarme-para-caminhao-tx360" tabindex="-1" aria-hidden="true" data-test="product-card-image-link" data-track="click_produtos">
2110        <picture>
2111    
2112                <source type="image/avif" srcset="https://positron.com.br/storage/1108/conversions/alarmes_CAMINHAO-TX-360-B-w480-avif.avif 480w, https://positron.com.br/storage/1108/conversions/alarmes_CAMINHAO-TX-360-B-avif.avif 520w, https://positron.com.br/storage/1108/alarmes_CAMINHAO-TX-360-B.jpg 960w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
2113            <source type="image/webp" srcset="https://positron.com.br/storage/1108/conversions/alarmes_CAMINHAO-TX-360-B-w480-webp.webp 480w, https://positron.com.br/storage/1108/conversions/alarmes_CAMINHAO-TX-360-B-webp.webp 520w, https://positron.com.br/storage/1108/alarmes_CAMINHAO-TX-360-B.jpg 960w" sizes="(min-width: 1280px) 25vw, (min-width: 768px) 33vw, 100vw">
2114        <img
2115        src="https://positron.com.br/storage/1108/alarmes_CAMINHAO-TX-360-B.jpg"
2116        alt="ALARME PARA CAMINHÃO TX360"
2117        width="520"
2118        height="480"
2119         loading="lazy" decoding="async"         
2120                    style="--wf-ar: 520 / 480"
2121                        class="h-auto max-w-full wf-img w-full rounded-[var(--wf-radius)]"
2122    >
2123</picture>
2124    </a>
2125    <div class="mt-4 flex flex-1 flex-col">
2126        <div class="flex flex-wrap items-start justify-between gap-2">
2127            <h3 class="font-display text-lg font-bold text-[var(--wf-text)]">ALARME PARA CAMINHÃO TX360</h3>
2128                    </div>
2129        <p class="mt-2 line-clamp-1 text-sm leading-6 text-[var(--wf-text-2)]">O Alarme TX360 é compatível com veículos 12/24V e possui bateria backup.</p>
2130        <div class="mt-auto flex flex-wrap items-center gap-2 pt-5">
2131            <a href="https://positron.com.br/produto/alarme-para-caminhao-tx360" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" data-test="product-card-details" data-track="click_produtos">Mais detalhes</a>
2132                            
2133                <div
2134    x-data="{ open: false }"
2135    x-on:click.outside="open = false"
2136    x-on:keydown.escape="open = false"
2137    class="relative inline-block" data-test="buy-dropdown"
2138>
2139    <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="open = !open" x-bind:aria-expanded="open.toString()" aria-haspopup="menu" data-test="buy-dropdown-toggle">Comprar ▾</button>
2140    <div
2141        role="menu"
2142        x-show="open"
2143        x-cloak
2144        class="wf-card absolute right-0 z-20 mt-2 w-56 p-2"
2145        data-test="buy-dropdown-menu"
2146    >
2147        <a
2148            role="menuitem"
2149            href="https://www.lojapositron.com.br/alarme-automotivo-positron-cyber-tx360-bivolt-com-bateria-back-up/p"
2150            target="_blank"
2151            rel="noopener noreferrer"
2152            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
2153            data-test="buy-online"
2154            data-track="click_compre_agora"
2155        >Comprar Online <svg
2156    xmlns="http://www.w3.org/2000/svg"
2157    width="10"
2158    height="10"
2159    viewBox="0 0 24 24"
2160    fill="none"
2161    stroke="currentColor"
2162    stroke-width="2.5"
2163    stroke-linecap="round"
2164    stroke-linejoin="round"
2165    aria-hidden="true"
2166    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2167><path d="M7 17 17 7M9 7h8v8"/></svg>
2168</a>
2169        <a
2170            role="menuitem"
2171            href="https://positron.com.br/onde-encontrar/rede-de-parceiros"
2172            class="block rounded-[var(--wf-radius)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] hover:bg-[var(--wf-surface-2)]"
2173            data-test="buy-find-store"
2174        >Localizar Loja Física</a>
2175    </div>
2176</div>
2177                        <button
2178                type="button"
2179                class="min-h-11 rounded-[var(--wf-radius)] border border-[var(--wf-border)] bg-[var(--wf-surface)] px-3 py-2 text-sm font-semibold text-[var(--wf-text)] disabled:opacity-50"
2180                x-on:click="$store.comparator.toggle(JSON.parse('{\u0022slug\u0022:\u0022alarme-para-caminh
2180ao-tx360\u0022,\u0022name\u0022:\u0022ALARME PARA CAMINH\\u00c3O TX360\u0022}'))"
2181                x-bind:disabled="$store.comparator.limitReached() && !$store.comparator.isSelected('alarme-para-caminhao-tx360')"
2182                x-bind:aria-pressed="$store.comparator.isSelected('alarme-para-caminhao-tx360').toString()"
2183                data-test="product-card-compare"
2184            >
2185                <span
2186                    aria-hidden="true"
2187                    class="inline-flex h-4 w-4 items-center justify-center rounded-sm border"
2188                    x-bind:class="$store.comparator.isSelected('alarme-para-caminhao-tx360') ? 'border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)]' : 'border-[var(--wf-line)] bg-[var(--wf-surface)]'"
2189                >
2190                    <span x-show="$store.comparator.isSelected('alarme-para-caminhao-tx360')" x-cloak><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2191    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
2192</span>
2193                </span> Comparar
2194            </button>
2195        </div>
2196        <p
2197            x-show="$store.comparator.limitReached() && !$store.comparator.isSelected('alarme-para-caminhao-tx360')"
2198            x-cloak
2199            class="mt-3 text-xs font-semibold text-[var(--wf-text)]"
2200            data-test="compare-limit-note"
2201        >Limite de 3 produtos atingido.</p>
2202    </div>
2203</article>
2204    </div>
2205
2206                            </div>
2207        </section>
2208    </div>
2209        </main>
2210                    <section id="newsletter" class="wf-band-red py-14" data-test="newsletter-band">
2211    <div class="wf-container grid gap-10 lg:grid-cols-[0.9fr_1.1fr]">
2212        <div>
2213            <p class="font-display text-xs font-bold uppercase tracking-[0.16em] text-white/75">PÓSITRON</p>
2214            <h2 class="mt-2 font-display text-3xl font-extrabold text-white">Quem Somos</h2>
2215            <p class="mt-3 max-w-xl leading-7 text-white/90">Marca do Grupo Stoneridge, a Pósitron é referência em segurança e tecnologia automotiva no Brasil há mais de 38 anos — alarmes, rastreamento, som e tacógrafos com rede credenciada em todo o país.</p>
2216            <p class="mt-6 block text-sm font-semibold text-white">Siga-nos</p>
2217            
2218            <div class="mt-3 flex flex-wrap gap-3">
2219                                    <a
2220                        
2221                        href="https://www.instagram.com/positron_brasil/"
2222                        target="_blank"
2223                        rel="noopener noreferrer"
2224                        class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-white/40 text-white transition hover:bg-white hover:text-[var(--wf-cta)]"
2225                        data-test="newsletter-social"
2226                    >
2227                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
2228    <path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.00
22287-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg>
2229                        <span class="sr-only">Instagram</span>
2230                    </a>
2231                                    <a
2232                        
2233                        href="https://www.facebook.com/PositronFanPage/"
2234                        target="_blank"
2235                        rel="noopener noreferrer"
2236                        class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-white/40 text-white transition hover:bg-white hover:text-[var(--wf-cta)]"
2237                        data-test="newsletter-social"
2238                    >
2239                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
2240    <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>
2241                        <span class="sr-only">Facebook</span>
2242                    </a>
2243                                    <a
2244                        
2245                        href="https://www.linkedin.com/company/pst/"
2246                        target="_blank"
2247                        rel="noopener noreferrer"
2248                        class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-white/40 text-white transition hover:bg-white hover:text-[var(--wf-cta)]"
2249                        data-test="newsletter-social"
2250                    >
2251                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
2252    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
2253                        <span class="sr-only">LinkedIn</span>
2254                    </a>
2255                                    <a
2256                        
2257                        href="https://www.youtube.com/user/positronvideos"
2258                        target="_blank"
2259                        rel="noopener noreferrer"
2260                        class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-white/40 text-white transition hover:bg-white hover:text-[var(--wf-cta)]"
2261                        data-test="newsletter-social"
2262                    >
2263                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
2264    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
2265                        <span class="sr-only">YouTube</span>
2266                    </a>
2267                                    <a
2268                        
2269                        href="https://www.flickr.com/photos/positronimagens"
2270                        target="_blank"
2271                        rel="noopener noreferrer"
2272                        class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-white/40 text-white transition hover:bg-white hover:text-[var(--wf-cta)]"
2273                        data-test="newsletter-social"
2274                    >
2275                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" >
2276    <path d="M5.334 6.666C2.3884 6.666 0 9.055 0 12c0 2.9456 2.3884 5.334 5.334 5.334 2.9456 0 5.332-2.3884 5.332-5.334 0-2.945-2.3864-5.334-5.332-5.334zm13.332 0c-2.9456 0-5.332 2.389-5.332 5.334 0 2.9456 2.3864 5.334 5.332 5.334C21.6116 17.334 24 14.9456 24 12c0-2.945-2.3884-5.334-5.334-5.334Z"/></svg>
2277                        <span class="sr-only">Flickr</span>
2278                    </a>
2279                            </div>
2280        </div>
2281        <form
2282            method="POST"
2283            action="https://positron.com.br/forms/newsletter"
2284            
2285            name="Newsletter"
2286            class="wf-card wf-reveal p-6 text-[var(--wf-text-2)]"
2287            
2288            data-newsletter-form
2289            data-error-message="Não foi possível concluir o cadastro agora. Tente novamente em instantes."
2290            data-test="newsletter-form"
2291        >
2292            <input type="hidden" name="_token" value="gaZM5nbWI1JokIP5GSBX4Ui97LLN5rcQv92YQO9Q" autocomplete="off">            <div class="hidden" aria-hidden="true">
2293    
2294    <label for="newsletter-website">Não preencha este campo</label>
2295    <input id="newsletter-website" type="text" name="website" value="" tabindex="-1" autocomplete="off" data-test="honeypot">
2296</div>
2297            <h2 class="font-display text-xl font-bold text-[var(--wf-text)]">Quer receber novidades e ofertas em primeira mão?</h2>
2298            
2299            <div class="mt-5 grid gap-4 md:grid-cols-2">
2300                <div data-test="form-field">
2301    <label class="wf-label" for="name">Nome *</label>
2302
2303            <input id="name" name="name" type="text" required value="" placeholder="" class="wf-field">
2304    
2305    
2306
2307    
2308    </div>
2309                <div data-test="form-field">
2310    <label class="wf-label" for="email">E-mail *</label>
2311
2312            <input id="email" name="email" type="email" required value="" placeholder="" class="wf-field">
2313    
2314    
2315
2316    
2317    </div>
2318            </div>
2319            
2320            <fieldset class="mt-4">
2321                <legend class="wf-label">Quero receber novidades:</legend>
2322                <div class="grid gap-2 text-sm sm:grid-cols-2 md:grid-cols-3">
2323                                            <label class="flex items-center gap-2">
2324                            <input
2325                                type="checkbox"
2326                                name="interests[]"
2327                                value="Para meu carro"
2328                                                                data-test="newsletter-interest"
2329                            >
2330                            Para meu carro
2331                        </label>
2332                                            <label class="flex items-center gap-2">
2333                            <input
2334                                type="checkbox"
2335                                name="interests[]"
2336                                value="Para minha moto"
2337                                                                data-test="newsletter-interest"
2338                            >
2339                            Para minha moto
2340                        </label>
2341                                            <label class="flex items-center gap-2">
2342                            <input
2343                                type="checkbox"
2344                                name="interests[]"
2345                                value="Rastreamento"
2346                                                                data-test="newsletter-interest"
2347                            >
2348                            Rastreamento
2349                        </label>
2350                                            <label class="flex items-center gap-2">
2351                            <input
2352                                type="checkbox"
2353                                name="interests[]"
2354                                value="Tacógrafos"
2355                                                                data-test="newsletter-interest"
2356                            >
2357                            Tacógrafos
2358                        </label>
2359                                            <label class="flex items-center gap-2">
2360                            <input
2361                                type="checkbox"
2362                                name="interests[]"
2363                                value="Dicas automotivas"
2364                                                                data-test="newsletter-interest"
2365                            >
2366                            Dicas automotivas
2367                        </label>
2368                                            <label class="flex items-center gap-2">
2369                            <input
2370                                type="checkbox"
2371                                name="interests[]"
2372                                value="Lançamentos e promoções"
2373                                                                data-test="newsletter-interest"
2374                            >
2375                            Lançamentos e promoções
2376                        </label>
2377                                    </div>
2378            </fieldset>
2379            
2380            <label class="mt-4 flex items-start gap-2 text-sm">
2381                
2382                <input type="checkbox" name="privacy" value="1" class="mt-1" required  data-test="newsletter-privacy">
2383                <span class="text-xs leading-5">
2384                    Ao dar aceite abaixo você concorda em receber e-mails da Pósitron com cotações, promoções e novidades de nossos produtos e serviços. Manteremos os seus dados pessoais em segurança. Para maiores informações acesse nosso <a href="https://positron.com.br/aviso-de-privacidade"  class="font-semibold text-[var(--wf-cta)] underline underline-offset-4 transition hover:text-[var(--wf-cta-hover)]">Aviso de Privacidade</a>.
2385                </span>
2386            </label>
2387            
2388            <div
2389                class="mt-3 hidden items-start gap-2 rounded-lg px-3 py-2.5 text-sm font-semibold"
2390                role="status"
2391                aria-live="polite"
2392                data-newsletter-feedback
2393                data-test="newsletter-feedback"
2394            >
2395                <span data-newsletter-feedback-text></span>
2396            </div>
2397            
2398                                    
2399            <dialog
2400     data-success-dialog="newsletter"
2401    class="w-[min(92vw,26rem)] flex-col rounded-[var(--wf-radius-lg)] bg-[var(--wf-surface)] p-0 text-center shadow-[0_24px_60px_rgba(55,66,74,0.35)] backdrop:bg-black/60 open:flex"
2402    aria-labelledby="newsletter-success-title"
2403>
2404    <div class="flex flex-col items-center gap-3 px-7 py-8">
2405        <span class="flex h-12 w-12 items-center justify-center rounded-full bg-emerald-700 text-white" aria-hidden="true">
2406            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2407    <path d="m4 12.5 5.5 5.5L20 7"/></svg>
2408        </span>
2409        <h2 id="newsletter-success-title" class="font-display text-xl font-extrabold text-[var(--wf-text)]">
2410            Enviado!
2411        </h2>
2412        <p class="text-sm leading-6 text-[var(--wf-text-2)]" data-success-dialog-message data-test="newsletter-success">Cadastro realizado com sucesso. Enviamos um e-mail de confirmação.</p>
2413        <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)] shadow-[var(--wf-shadow-cta)] hover:-translate-y-px hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)] motion-reduce:hover:translate-y-0 mt-2" data-success-dialog-close="data-success-dialog-close">Fechar</button>
2414    </div>
2415</dialog>
2416            <button type="submit" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)] shadow-[var(--wf-shadow-cta)] hover:-translate-y-px hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)] motion-reduce:hover:translate-y-0 mt-5" data-test="newsletter-submit">CADASTRAR</button>
2417        </form>
2418    </div>
2419</section>
2420                <footer class="wf-band-dark wf-band-dark--subtle border-t-[3px] border-[var(--wf-cta)]" data-test="footer">
2421    <div class="wf-container py-10">
2422        
2423        <div class="mb-8 flex flex-col items-center gap-5 md:hidden">
2424            <a href="https://positron.com.br" class="inline-block w-40">
2425                <picture>
2426    
2427                <source type="image/webp" srcset="https://positron.com.br/storage/85/conversions/logo-white-w480-webp.webp 480w, https://positron.com.br/storage/85/conversions/logo-white-webp.webp 600w" sizes="100vw">
2428        <img
2429        src="https://positron.com.br/storage/85/logo-white.png"
2430        alt="Pósitron"
2431        width="600"
2432        height="89"
2433         loading="lazy" decoding="async"         
2434                    style="--wf-ar: 600 / 89"
2435                        class="h-auto max-w-full wf-img w-full"
2436    >
2437</picture>
2438            </a>
2439            
2440            <div class="flex items-center justify-center gap-4">
2441                                                            <picture>
2442    
2443                <source type="image/webp" srcset="https://positron.com.br/storage/1/conversions/selo-reclameaqui-w480-webp.webp 480w, https://positron.com.br/storage/1/conversions/selo-reclameaqui-webp.webp 545w" sizes="80px">
2444        <img
2445        src="https://positron.com.br/storage/1/selo-reclameaqui.png"
2446        alt="Selo Empresa Campeã — Prêmio Reclame Aqui 2024"
2447        width="545"
2448        height="1024"
2449         loading="lazy" decoding="async"         
2450                    style="--wf-ar: 545 / 1024"
2451                        class="h-auto max-w-full wf-img w-20" data-test="footer-seal"
2452    >
2453</picture>
2454                                                                                <sp
2454an class="inline-flex rounded-[var(--wf-radius)] bg-white px-3 py-2">
2455                            <picture>
2456    
2457                <source type="image/webp" srcset="https://positron.com.br/storage/2/conversions/selo-google-webp.webp 452w" sizes="112px">
2458        <img
2459        src="https://positron.com.br/storage/2/selo-google.png"
2460        alt="Google Safe Browsing"
2461        width="452"
2462        height="133"
2463         loading="lazy" decoding="async"         
2464                    style="--wf-ar: 452 / 133"
2465                        class="h-auto max-w-full wf-img w-28" data-test="footer-seal"
2466    >
2467</picture>
2468                        </span>
2469                                                </div>
2470        </div>
2471
2472        <div class="hidden gap-6 md:grid md:grid-cols-3 lg:grid-cols-6" data-test="footer-columns">
2473            
2474            <div class="flex flex-col items-center md:pr-8 lg:pr-10" data-test="footer-brand">
2475                <a href="https://positron.com.br" class="inline-block w-36">
2476                    <picture>
2477    
2478                <source type="image/webp" srcset="https://positron.com.br/storage/85/conversions/logo-white-w480-webp.webp 480w, https://positron.com.br/storage/85/conversions/logo-white-webp.webp 600w" sizes="100vw">
2479        <img
2480        src="https://positron.com.br/storage/85/logo-white.png"
2481        alt="Pósitron"
2482        width="600"
2483        height="89"
2484         loading="lazy" decoding="async"         
2485                    style="--wf-ar: 600 / 89"
2486                        class="h-auto max-w-full wf-img w-full"
2487    >
2488</picture>
2489                </a>
2490                                                            <div class="mt-5">
2491                            <picture>
2492    
2493                <source type="image/webp" srcset="https://positron.com.br/storage/1/conversions/selo-reclameaqui-w480-webp.webp 480w, https://positron.com.br/storage/1/conversions/selo-reclameaqui-webp.webp 545w" sizes="96px">
2494        <img
2495        src="https://positron.com.br/storage/1/selo-reclameaqui.png"
2496        alt="Selo Empresa Campeã — Prêmio Reclame Aqui 2024"
2497        width="545"
2498        height="1024"
2499         loading="lazy" decoding="async"         
2500                    style="--wf-ar: 545 / 1024"
2501                        class="h-auto max-w-full wf-img w-24"
2502    >
2503</picture>
2504                        </div>
2505                                                                                <span class="mt-4 inline-flex rounded-[var(--wf-radius)] bg-white px-3 py-2">
2506                            <picture>
2507    
2508                <source type="image/webp" srcset="https://positron.com.br/storage/2/conversions/selo-google-webp.webp 452w" sizes="112px">
2509        <img
2510        src="https://positron.com.br/storage/2/selo-google.png"
2511        alt="Google Safe Browsing"
2512        width="452"
2513        height="133"
2514         loading="lazy" decoding="async"         
2515                    style="--wf-ar: 452 / 133"
2516                        class="h-auto max-w-full wf-img w-28"
2517    >
2518</picture>
2519                        </span>
2520                                                </div>
2521                            <div data-test="footer-column">
2522                    <h2 class="font-display text-sm font-bold uppercase tracking-[0.08em]">A Pósitron</h2>
2523                    <ul class="mt-3 space-y-2 text-sm">
2524                                                    <li>
2525                                                                    <a href="https://positron.com.br/a-positron/quem-somos" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Quem Somos</a>
2526                                                            </li>
2527                                                    <li>
2528                                                                    <a href="https://positron.com.br/a-positron/responsabilidade-socioambiental" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Responsabilidade Socioambiental</a>
2529                                                            </li>
2530                                                    <li>
2531                                                                    <a href="https://www.linkedin.com/company/15943/jobs/" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Trabalhe Conosco <svg
2532    xmlns="http://www.w3.org/2000/svg"
2533    width="10"
2534    height="10"
2535    viewBox="0 0 24 24"
2536    fill="none"
2537    stroke="currentColor"
2538    stroke-width="2.5"
2539    stroke-linecap="round"
2540    stroke-linejoin="round"
2541    aria-hidden="true"
2542    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2543><path d="M7 17 17 7M9 7h8v8"/></svg>
2544</a>
2545                                                            </li>
2546                                                    <li>
2547                                                                    <a href="https://positron.com.br/a-positron/imprensa" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Imprensa</a>
2548                                                            </li>
2549                                            </ul>
2550                    
2551                                            <h2 class="mt-6 font-display text-sm font-bold uppercase tracking-[0.08em]">Blog</h2>
2552                        <ul class="mt-3 space-y-2 text-sm">
2553                                                            <li>
2554                                    <a href="https://positron.com.br/blog" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Últimas matérias</a>
2555                                </li>
2556                                                    </ul>
2557                                    </div>
2558                            <div data-test="footer-column">
2559                    <h2 class="font-display text-sm font-bold uppercase tracking-[0.08em]">Produtos</h2>
2560                    <ul class="mt-3 space-y-2 text-sm">
2561                                                    <li>
2562                                                                    <a href="https://positron.com.br/produtos/alarmes/carro" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Alarmes para Carro</a>
2563                                                            </li>
2564                                                    <li>
2565                                                                    <a href="https://positron.com.br/produtos/alarmes/moto" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Alarmes para Moto</a>
2566                                                            </li>
2567                                                    <li>
2568                                                                    <a href="https://positron.com.br/produtos/mp3-player" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">MP3 Player</a>
2569                                                            </li>
2570                                                    <li>
2571                                                                    <a href="https://positron.com.br/produtos/tacografo-digital" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Tacógrafo Digital</a>
2572                                                            </li>
2573                                                    <li>
2574                                                                    <a href="https://positron.com.br/produtos/baterias-moto" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Baterias para Motocicletas</a>
2575                                                            </li>
2576                                                    <li>
2577                                                                    <a href="https://positron.com.br/produtos/acessorios" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Acessórios</a>
2578                                                            </li>
2579                                            </ul>
2580                    
2581                                    </div>
2582                            <div data-test="footer-column">
2583                    <h2 class="font-display text-sm font-bold uppercase tracking-[0.08em]">Rastreamento</h2>
2584                    <ul class="mt-3 space-y-2 text-sm">
2585                                                    <li>
2586                                                                    <a href="https://positron.com.br/rastreamento" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Para Você</a>
2587                                                            </li>
2588                                                    <li>
2589                                                                    <a href="https://stoneridge.com.br/conheca-a-stoneridge-brasil/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=institucional-Stoneridge#sectionrastreamento" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Para a Sua Empresa <svg
2590    xmlns="http://www.w3.org/2000/svg"
2591    width="10"
2592    height="10"
2593    viewBox="0 0 24 24"
2594    fill="none"
2595    stroke="currentColor"
2596    stroke-width="2.5"
2597    stroke-linecap="round"
2598    stroke-linejoin="round"
2599    aria-hidden="true"
2600    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2601><path d="M7 17 17 7M9 7h8v8"/></svg>
2602</a>
2603                                                            </li>
2604                                                    <li>
2605                                                                    <a href="https://portal.pst.com.br/vendafacil/" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Venda Fácil <svg
2606    xmlns="http://www.w3.org/2000/svg"
2607    width="10"
2608    height="10"
2609    viewBox="0 0 24 24"
2610    fill="none"
2611    stroke="currentColor"
2612    stroke-width="2.5"
2613    stroke-linecap="round"
2614    stroke-linejoin="round"
2615    aria-hidden="true"
2616    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2617><path d="M7 17 17 7M9 7h8v8"/></svg>
2618</a>
2619                                                            </li>
2620                                            </ul>
2621                    
2622                                    </div>
2623                            <div data-test="footer-column">
2624                    <h2 class="font-display text-sm font-bold uppercase tracking-[0.08em]">Onde Encontrar</h2>
2625                    <ul class="mt-3 space-y-2 text-sm">
2626                                                    <li>
2627                                                                    <a href="https://www.lojapositron.com.br" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Compre Agora <svg
2628    xmlns="http://www.w3.org/2000/svg"
2629    width="10"
2630    height="10"
2631    viewBox="0 0 24 24"
2632    fill="none"
2633    stroke="currentColor"
2634    stroke-width="2.5"
2635    stroke-linecap="round"
2636    stroke-linejoin="round"
2637    aria-hidden="true"
2638    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2639><path d="M7 17 17 7M9 7h8v8"/></svg>
2640</a>
2641                                                            </li>
2642                                                    <li>
2643                                                                    <a href="https://positron.com.br/onde-encontrar/rede-de-parceiros" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Rede de Parceiros</a>
2644                                                            </li>
2645                                            </ul>
2646                    
2647                                    </div>
2648                            <div data-test="footer-column">
2649                    <h2 class="font-display text-sm font-bold uppercase tracking-[0.08em]">Suporte/Atendimento</h2>
2650                    <ul class="mt-3 space-y-2 text-sm">
2651                                                    <li>
2652                                                                    <a href="https://positron.com.br/suporte/informativos-tecnicos" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Informativos Técnicos</a>
2653                                                            </li>
2654                                                    <li>
2655                                                                    <a href="https://positron.com.br/suporte/duvidas-frequentes" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Dúvidas Frequentes</a>
2656                                                            </li>
2657                                                    <li>
2658                                                                    <a href="https://positron.com.br/contratos-positron" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Contratos</a>
2659                                                            </li>
2660                                                    <li>
2661                                                                    <a href="https://positron.com.br/garantia" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Garantia</a>
2662                                                            </li>
2663                                                    <li>
2664                                                                    <a href="https://positron.com.br/catalogo" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Catálogo de Produtos</a>
2665                                                            </li>
2666                                                    <li>
2667                                                                    <a href="https://atendimento.positronrt.com.br/#/login" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">2ª Via de Boleto <svg
2668    xmlns="http://www.w3.org/2000/svg"
2669    width="10"
2670    height="10"
2671    viewBox="0 0 24 24"
2672    fill="none"
2673    stroke="currentColor"
2674    stroke-width="2.5"
2675    stroke-linecap="round"
2676    stroke-linejoin="round"
2677    aria-hidden="true"
2678    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2679><path d="M7 17 17 7M9 7h8v8"/></svg>
2680</a>
2681                                                            </li>
2682                                                    <li>
2683                                                                    <a href="https://positron.com.br/contato" class="inline-block py-1 font-medium underline-offset-4 hover:underline" data-test="footer-link">Contato</a>
2684                                                            </li>
2685                                            </ul>
2686                    
2687                                    </div>
2688                    </div>
2689                <div class="space-y-2 md:hidden" x-data="{ openColumn: 'A P\u00f3sitron' }" data-test="footer-accordion">
2690                            <section class="border-b border-[var(--wf-line)]">
2691                    <button
2692                        type="button"
2693                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2694                        x-bind:aria-expanded="(openColumn === 'A P\u00f3sitron').toString()"
2695                        x-on:click="openColumn = openColumn === 'A P\u00f3sitron' ? '' : 'A P\u00f3sitron'"
2696                    >
2697                        A Pósitron
2698                        <span aria-hidden="true">
2699                            <span x-show="openColumn === 'A P\u00f3sitron'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2700    <path d="M5 12h14"/></svg>
2701</span>
2702                            <span x-show="openColumn !== 'A P\u00f3sitron'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2703    <path d="M12 5v14M5 12h14"/></svg>
2704</span>
2705                        </span>
2706                    </button>
2707                    <ul x-show="openColumn === 'A P\u00f3sitron'" x-cloak class="space-y-2 pb-4 text-sm">
2708                                                    <li>
2709                                                                    <a href="https://positron.com.br/a-positron/quem-somos" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Quem Somos</a>
2710                                                            </li>
2711                                                    <li>
2712                                                                    <a href="https://positron.com.br/a-positron/responsabilidade-socioambiental" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Responsabilidade Socioambiental</a>
2713                                                            </li>
2714                                                    <li>
2715                                                                    <a href="https://www.linkedin.com/company/15943/jobs/" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Trabalhe Conosco <svg
2716    xmlns="http://www.w3.org/2000/svg"
2717    width="10"
2718    height="10"
2719    viewBox="0 0 24 24"
2720    fill="none"
2721    stroke="currentColor"
2722    stroke-width="2.5"
2723    stroke-linecap="round"
2724    stroke-linejoin="round"
2725    aria-hidden="true"
2726    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2727><path d="M7 17 17 7M9 7h8v8"/></svg>
2728</a>
2729                                                            </li>
2730                                                    <li>
2731                                                                    <a href="https://positron.com.br/a-positron/imprensa" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Imprensa</a>
2732                                                            </li>
2733                                            </ul>
2734                </section>
2735                            <section class="border-b border-[var(--wf-line)]">
2736                    <button
2737                        type="button"
2738                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2739                        x-bind:aria-expanded="(openColumn === 'Produtos').toString()"
2740                        x-on:click="openColumn = openColumn === 'Produtos' ? '' : 'Produtos'"
2741                    >
2742                        Produtos
2743                        <span aria-hidden="true">
2744                            <span x-show="openColumn === 'Produtos'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2745    <path d="M5 12h14"/></svg>
2746</span>
2747                            <span x-show="openColumn !== 'Produtos'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2748    <path d="M12 5v14M5 12h14"/></svg>
2749</span>
2750                        </span>
2751                    </button>
2752                    <ul x-show="openColumn === 'Produtos'" x-cloak class="space-y-2 pb-4 text-sm">
2753                                                    <li>
2754                                                                    <a href="https://positron.com.br/produtos/alarmes/carro" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Alarmes para Carro</a>
2755                                                            </li>
2756                                                    <li>
2757                                                                    <a href="https://positron.com.br/produtos/alarmes/moto" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Alarmes para Moto</a>
2758                                                            </li>
2759                                                    <li>
2760                                                                    <a href="https://positron.com.br/produtos/mp3-player" class="inline-block py-1 font-medium underline-offset-4 hover:underline">MP3 Player</a>
2761                                                            </li>
2762                                                    <li>
2763                                                                    <a href="https://positron.com.br/produtos/tacografo-digital" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Tacógrafo Digital</a>
2764                                                            </li>
2765                                                    <li>
2766                                                                    <a href="https://positron.com.br/produtos/baterias-moto" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Baterias para Motocicletas</a>
2767                                                            </li>
2768                                                    <li>
2769                                                                    <a href="https://positron.com.br/produtos/acessorios" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Acessórios</a>
2770                                                            </li>
2771                                            </ul>
2772                </section>
2773                            <section class="border-b border-[var(--wf-line)]">
2774                    <button
2775                        type="button"
2776                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2777                        x-bind:aria-expanded="(openColumn === 'Rastreamento').toString()"
2778                        x-on:click="openColumn = openColumn === 'Rastreamento' ? '' : 'Rastreamento'"
2779                    >
2780                        Rastreamento
2781                        <span aria-hidden="true">
2782                            <span x-show="openColumn === 'Rastreamento'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2783    <path d="M5 12h14"/></svg>
2784</span>
2785                            <span x-show="openColumn !== 'Rastreamento'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2785ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2786    <path d="M12 5v14M5 12h14"/></svg>
2787</span>
2788                        </span>
2789                    </button>
2790                    <ul x-show="openColumn === 'Rastreamento'" x-cloak class="space-y-2 pb-4 text-sm">
2791                                                    <li>
2792                                                                    <a href="https://positron.com.br/rastreamento" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Para Você</a>
2793                                                            </li>
2794                                                    <li>
2795                                                                    <a href="https://stoneridge.com.br/conheca-a-stoneridge-brasil/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=institucional-Stoneridge#sectionrastreamento" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Para a Sua Empresa <svg
2796    xmlns="http://www.w3.org/2000/svg"
2797    width="10"
2798    height="10"
2799    viewBox="0 0 24 24"
2800    fill="none"
2801    stroke="currentColor"
2802    stroke-width="2.5"
2803    stroke-linecap="round"
2804    stroke-linejoin="round"
2805    aria-hidden="true"
2806    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2807><path d="M7 17 17 7M9 7h8v8"/></svg>
2808</a>
2809                                                            </li>
2810                                                    <li>
2811                                                                    <a href="https://portal.pst.com.br/vendafacil/" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Venda Fácil <svg
2812    xmlns="http://www.w3.org/2000/svg"
2813    width="10"
2814    height="10"
2815    viewBox="0 0 24 24"
2816    fill="none"
2817    stroke="currentColor"
2818    stroke-width="2.5"
2819    stroke-linecap="round"
2820    stroke-linejoin="round"
2821    aria-hidden="true"
2822    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2823><path d="M7 17 17 7M9 7h8v8"/></svg>
2824</a>
2825                                                            </li>
2826                                            </ul>
2827                </section>
2828                            <section class="border-b border-[var(--wf-line)]">
2829                    <button
2830                        type="button"
2831                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2832                        x-bind:aria-expanded="(openColumn === 'Onde Encontrar').toString()"
2833                        x-on:click="openColumn = openColumn === 'Onde Encontrar' ? '' : 'Onde Encontrar'"
2834                    >
2835                        Onde Encontrar
2836                        <span aria-hidden="true">
2837                            <span x-show="openColumn === 'Onde Encontrar'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2838    <path d="M5 12h14"/></svg>
2839</span>
2840                            <span x-show="openColumn !== 'Onde Encontrar'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2841    <path d="M12 5v14M5 12h14"/></svg>
2842</span>
2843                        </span>
2844                    </button>
2845                    <ul x-show="openColumn === 'Onde Encontrar'" x-cloak class="space-y-2 pb-4 text-sm">
2846                                                    <li>
2847                                                                    <a href="https://www.lojapositron.com.br" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Compre Agora <svg
2848    xmlns="http://www.w3.org/2000/svg"
2849    width="10"
2850    height="10"
2851    viewBox="0 0 24 24"
2852    fill="none"
2853    stroke="currentColor"
2854    stroke-width="2.5"
2855    stroke-linecap="round"
2856    stroke-linejoin="round"
2857    aria-hidden="true"
2858    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2859><path d="M7 17 17 7M9 7h8v8"/></svg>
2860</a>
2861                                                            </li>
2862                                                    <li>
2863                                                                    <a href="https://positron.com.br/onde-encontrar/rede-de-parceiros" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Rede de Parceiros</a>
2864                                                            </li>
2865                                            </ul>
2866                </section>
2867                            <section class="border-b border-[var(--wf-line)]">
2868                    <button
2869                        type="button"
2870                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2871                        x-bind:aria-expanded="(openColumn === 'Suporte\/Atendimento').toString()"
2872                        x-on:click="openColumn = openColumn === 'Suporte\/Atendimento' ? '' : 'Suporte\/Atendimento'"
2873                    >
2874                        Suporte/Atendimento
2875                        <span aria-hidden="true">
2876                            <span x-show="openColumn === 'Suporte\/Atendimento'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2877    <path d="M5 12h14"/></svg>
2878</span>
2879                            <span x-show="openColumn !== 'Suporte\/Atendimento'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2880    <path d="M12 5v14M5 12h14"/></svg>
2881</span>
2882                        </span>
2883                    </button>
2884                    <ul x-show="openColumn === 'Suporte\/Atendimento'" x-cloak class="space-y-2 pb-4 text-sm">
2885                                                    <li>
2886                                                                    <a href="https://positron.com.br/suporte/informativos-tecnicos" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Informativos Técnicos</a>
2887                                                            </li>
2888                                                    <li>
2889                                                                    <a href="https://positron.com.br/suporte/duvidas-frequentes" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Dúvidas Frequentes</a>
2890                                                            </li>
2891                                                    <li>
2892                                                                    <a href="https://positron.com.br/contratos-positron" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Contratos</a>
2893                                                            </li>
2894                                                    <li>
2895                                                                    <a href="https://positron.com.br/garantia" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Garantia</a>
2896                                                            </li>
2897                                                    <li>
2898                                                                    <a href="https://positron.com.br/catalogo" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Catálogo de Produtos</a>
2899                                                            </li>
2900                                                    <li>
2901                                                                    <a href="https://atendimento.positronrt.com.br/#/login" target="_blank" rel="noopener noreferrer" class="inline-block py-1 font-medium underline-offset-4 hover:underline">2ª Via de Boleto <svg
2902    xmlns="http://www.w3.org/2000/svg"
2903    width="10"
2904    height="10"
2905    viewBox="0 0 24 24"
2906    fill="none"
2907    stroke="currentColor"
2908    stroke-width="2.5"
2909    stroke-linecap="round"
2910    stroke-linejoin="round"
2911    aria-hidden="true"
2912    class="inline-block shrink-0 opacity-60" data-test="external-mark"
2913><path d="M7 17 17 7M9 7h8v8"/></svg>
2914</a>
2915                                                            </li>
2916                                                    <li>
2917                                                                    <a href="https://positron.com.br/contato" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Contato</a>
2918                                                            </li>
2919                                            </ul>
2920                </section>
2921                            <section class="border-b border-[var(--wf-line)]">
2922                    <button
2923                        type="button"
2924                        class="flex w-full items-center justify-between py-3 text-left font-bold"
2925                        x-bind:aria-expanded="(openColumn === 'Blog').toString()"
2926                        x-on:click="openColumn = openColumn === 'Blog' ? '' : 'Blog'"
2927                    >
2928                        Blog
2929                        <span aria-hidden="true">
2930                            <span x-show="openColumn === 'Blog'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2931    <path d="M5 12h14"/></svg>
2932</span>
2933                            <span x-show="openColumn !== 'Blog'"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2934    <path d="M12 5v14M5 12h14"/></svg>
2935</span>
2936                        </span>
2937                    </button>
2938                    <ul x-show="openColumn === 'Blog'" x-cloak class="space-y-2 pb-4 text-sm">
2939                                                    <li>
2940                                                                    <a href="https://positron.com.br/blog" class="inline-block py-1 font-medium underline-offset-4 hover:underline">Últimas matérias</a>
2941                                                            </li>
2942                                            </ul>
2943                </section>
2944                    </div>
2945        <p class="mt-8 border-t border-[var(--wf-line)] pt-6 text-sm" data-test="footer-legal">
2945PST Eletrônica LTDA – CNPJ: 84.496.066/0001-04 | Empresa do Grupo Stoneridge e detentora da marca Pósitron</p>
2946        
2947        
2948        <div class="mt-3 flex min-h-8 flex-wrap items-center gap-x-3 gap-y-1 text-sm">
2949            <span>Copyright</span>
2950            <span aria-hidden="true" class="opacity-50">·</span>
2951            <a href="https://positron.com.br/aviso-de-privacidade" class="inline-flex min-h-8 items-center font-medium underline-offset-4 hover:underline" data-test="footer-privacy-link">Aviso de Privacidade</a>
2952        </div>
2953    </div>
2954</footer>
2955        <aside
2956    x-data
2957    x-show="$store.comparator.items.length > 0"
2958    x-cloak
2959    class="fixed inset-x-0 bottom-0 z-20 border-t-2 border-[var(--wf-cta)] bg-[var(--wf-surface)] p-3 shadow-[0_-10px_30px_rgba(55,66,74,0.15)]" data-test="compare-tray"
2960>
2961    <div class="wf-container flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
2962        <div>
2963            <p class="font-display text-sm font-bold text-[var(--wf-text)]" data-test="compare-tray-count">
2964                Comparador: <span class="text-[var(--wf-cta)]" x-text="$store.comparator.items.length"></span>/3 selecionado(s)
2965            </p>
2966            <p x-show="$store.comparator.limitReached()" class="text-xs font-semibold text-[var(--wf-text)]" data-test="compare-tray-limit">Limite de 3 atingido.</p>
2967            <p x-show="! $store.comparator.limitReached()" class="text-xs text-[var(--wf-muted)]">Adicione até 3 produtos.</p>
2968        </div>
2969        <div class="flex flex-wrap items-center gap-2">
2970            <template x-for="item in $store.comparator.items" :key="item.slug">
2971                <button
2972                    type="button"
2973                    x-on:click="$store.comparator.remove(item.slug)"
2974                    class="inline-flex items-center gap-1.5 rounded-full border border-[var(--wf-border)] bg-[var(--wf-surface-2)] px-3 py-2 text-xs font-semibold text-[var(--wf-text)] transition hover:border-[var(--wf-cta)] hover:text-[var(--wf-cta)]"
2975                    data-test="compare-tray-chip"
2976                >
2977                    <span x-text="item.name"></span> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" >
2978    <path d="M18 6 6 18M6 6l12 12"/></svg>
2979                </button>
2980            </template>
2981            <button type="button" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta-2)] text-[var(--wf-cta-2-text)] hover:bg-[var(--wf-cta)] hover:text-[var(--wf-cta-text)]" x-on:click="$store.comparator.clear()" data-test="compare-tray-clear">Limpar</button>
2982            <a href="https://positron.com.br/comparar" class="inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--wf-radius)] border px-5 py-2 font-display text-sm font-bold transition disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none border-[var(--wf-cta)] bg-[var(--wf-cta)] text-[var(--wf-cta-text)] shadow-[var(--wf-shadow-cta)] hover:-translate-y-px hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)] motion-reduce:hover:translate-y-0" x-bind:href="'https://positron.com.br/comparar?produtos=' + $store.comparator.query()" data-test="compare-tray-go">Comparar</a>
2983        </div>
2984    </div>
2985</aside>
2986        <div
2987        x-data="{ loaded: false }"
2988        x-init="
2989            const inject = () => {
2990                if (loaded) return;
2991                loaded = true;
2992                $el.innerHTML = atob($el.dataset.embed);
2993                Array.from($el.querySelectorAll('script')).forEach((s) => { const n = document.createElement('script'); if (s.src) { n.src = s.src; } n.text = s.text; s.replaceWith(n); });
2994                // Lighthouse 08/09/2026: o SDK cria <iframe id=iframe-sdk> sem title (falha de
2995                // acessibilidade). Nomeamos assim que ele aparece; o SDK é de terceiros.
2996                const nomear = () => { const f = document.getElementById('iframe-sdk'); if (f && ! f.title) { f.title = 'Atendimento TOM'; } return !! f; };
2997                if (! nomear()) { const o = new MutationObserver(() => { if (nomear()) { o.disconnect(); } }); o.observe(document.body, { childList: true, subtree: true }); }
2998            };
2999            ['scroll', 'pointerdown', 'keydown', 'touchstart'].forEach((evt) => window.addEventListener(evt, inject, { once: true, passive: true }));
3000            window.requestIdleCallback ? window.requestIdleCallback(inject, { timeout: 3000 }) : window.setTimeout(inject, 2000);
3001        "
3002        data-embed="PGRpdiBpZD0ibmNoYXQiIGNoYXQtc2RrPSJfX18kXzEiID48L2Rpdj4KPHNjcmlwdD4KICAgICAgICAoZnVuY3Rpb24gKGQsIGlkKXsKICAgICAgICAgICAgICAgdmFyIGpzID0gZC5jcmVhdGVFbGVtZW50KCdzY3JpcHQnKTsKICAgICAgICAgICAgICAganMuc3JjID0gImh0dHBzOi8vbmV4dXMuc3RvbmVyaWRnZS5jb206MzAwMi9uY2hhdHNkay5qcyI7CiAgICAgICAgICAgICAgIChkLmhlYWQgfHwgZC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaGVhZCcpWzBdKS5hcHBlbmRDaGlsZChqcyk7CiAgICAgICAgfShkb2N1bWVudCwgJ2NoYXQtc2RrJykpOwo8L3NjcmlwdD4="
3003        data-test="tom-widget-embed"
3004        data-track-first="click_chat_tom"
3005    ></div>
3006        <div
3007    x-data="cookieConsent"
3008    x-show="visible"
3009    x-cloak
3010    role="dialog"
3011    
3012    aria-label="Aviso de privacidade e cookies"
3013    class="fixed inset-x-0 bottom-0 border-t border-[var(--wf-border)] bg-[var(--wf-surface)] shadow-sm"
3014    style="z-index: 2147483647"
3015    data-test="cookie-consent"
3016>
3017    
3018    
3019    <div class="wf-container flex flex-col items-center gap-1.5 py-2 text-center">
3020        
3021        <p class="text-xs leading-snug text-[var(--wf-text-2)]">
3022            Nós buscamos a transparência em todas as nossas relações. Sendo assim, informamos que utilizamos cookies para aprimorar a sua experiência de navegação e adaptar seus interesses e necessidades. Para consultar mais informações sobre os tipos de cookies utilizados em nossa plataforma, acesse o nosso
3023            <a href="https://positron.com.br/aviso-de-privacidade"  class="font-semibold text-[var(--wf-cta)] underline underline-offset-4 transition hover:text-[var(--wf-cta-hover)]">Aviso de Privacidade</a>.
3024        </p>
3025        
3026        <button
3027            type="button"
3028            x-on:click="dismiss('accepted')"
3029            class="inline-flex min-h-7 items-center justify-center rounded-[var(--wf-radius)] border border-[var(--wf-cta)] bg-[var(--wf-cta)] px-4 font-display text-xs font-bold text-[var(--wf-cta-text)] transition hover:border-[var(--wf-cta-hover)] hover:bg-[var(--wf-cta-hover)]"
3030            data-test="cookie-accept"
3031        >Fechar</button>
3032    </div>
3033</div>
3034    </div>
3035</body>
3036</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.