PageSourceSearch

https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/

html seletronic.com.br collected 2026-09-24 08:51:09 UTC 219,542 bytes, 2,197 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-BR" class="antialiased">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <link rel="preconnect" href="https://fonts.googleapis.com">
7    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800;900&display=swap" rel="stylesheet">
9    
10    <!-- Dark Mode Toggle check on load -->
11    
11<script>
12        if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
13            document.documentElement.classList.add('dark');
14        } else {
15            document.documentElement.classList.remove('dark');
16        }
17    </script>
17
18    <title>Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic</title>
19<link rel='preload' href='https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg' as='image' type='image/jpeg' media='all' imagesrcset='https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg 1400w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-300x169.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1024x576.jpg 1024w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-768x432.jpg 768w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1080x608.jpg 1080w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-520x293.jpg 520w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1200x675.jpg 1200w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-150x84.jpg 150w' />
20<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
21<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
22<link rel="alternate" type="application/rss+xml" title="Feed para Seletronic &raquo;" href="https://seletronic.com.br/feed/" />
23<link rel="alternate" type="application/rss+xml" title="Feed de comentários para Seletronic &raquo;" href="https://seletronic.com.br/comments/feed/" />
24<link rel="alternate" type="application/rss+xml" title="Feed de comentários para Seletronic &raquo; Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua" href="https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/feed/" />
25<link rel="alternate" type="application/rss+xml" title="Feed de Seletronic &raquo; Story" href="https://seletronic.com.br/web-stories/feed/"><style id="wp-img-auto-sizes-contain-inline-css">
26img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
27/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
28</style>
29<style id="wp-emoji-styles-inline-css">
30
31	img.wp-smiley, img.emoji {
32		display: inline !important;
33		border: none !important;
34		box-shadow: none !important;
35		height: 1em !important;
36		width: 1em !important;
37		margin: 0 0.07em !important;
38		vertical-align: -0.1em !important;
39		background: none !important;
40		padding: 0 !important;
41	}
42/*# sourceURL=wp-emoji-styles-inline-css */
43</style>
44<style id="classic-theme-styles-inline-css">
45/*! This file is auto-generated */
46.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
47/*# sourceURL=/wp-includes/css/classic-themes.min.css */
48</style>
49
50<style id="global-styles-inline-css">
51:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
510) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
51.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
52/*# sourceURL=global-styles-inline-css */
53</style>
54
55<link rel='stylesheet' id='selepower-style-css' href='https://seletronic.com.br/wp-content/themes/selepower/style.css?ver=7.1.2' media='all' />
56<link rel='stylesheet' id='selepower-app-css' href='https://seletronic.com.br/wp-content/themes/selepower/assets/css/app.css?ver=1789357825' media='all' />
57<script id="selepower-darkmode-js" src="https://seletronic.com.br/wp-content/themes/selepower/assets/js/darkmode.min.js?ver=1789357826"></script>
57
58
59<link rel='shortlink' href='https://os.vouu.cc/yEg/' />
60<link rel="preconnect dns-prefetch" href="//fonts.gstatic.com" /><link rel="preconnect dns-prefetch" href="//pagead2.googlesyndication.com" /><link rel="preconnect dns-prefetch" href="//googleads.g.doubleclick.net" /><link rel="preconnect dns-prefetch" href="//tpc.googlesyndication.com" /><link rel="preconnect dns-prefetch" href="//cdnjs.cloudflare.com" /><link rel="preconnect dns-prefetch" href="//fonts.googleapis.com" /><link rel="preconnect dns-prefetch" href="//www.google-analytics.com" /><link rel="preconnect dns-prefetch" href="//ajax.googleapis.com" /><link rel="preconnect dns-prefetch" href="//apis.google.com" /><title>Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic</title><meta name="device_type" content="desktop" /><meta name="description" content="Saiba como funciona a loja de afiliados da Amazon (Amazon Influencer Program), requisitos de aprovação, como criar a sua vitrine e ganhar comissões." /><meta name="resource-type" content="document" /><meta name="distribution" content="global" /><meta name="rating" content="general" /><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><link rel="manifest" href="https://seletronic.com.br/manifest.json" /><meta name="theme-color" content="#09e" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="apple-mobile-web-app-title" content="Seletronic" /><link rel="apple-touch-icon" href="https://seletronic.com.br/estilos/img/icon-180x180.png" /><link rel="icon" type="image/png" sizes="64x64" href="https://seletronic.com.br/estilos/img/icon-64x64.png" /><meta property="fb:app_id" content="272883916479017" /><meta property="og:locale" content="pt-BR" /><meta property="og:url" content="https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/" /><meta property="og:title" content="Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic" /><meta property="og:site_name" content="Seletronic | Obtenha ajuda e conhecimento sobre tecnologia" /><meta property="og:description" content="" /><meta property="og:image" content="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg" /><meta property="og:type" content="article" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@seletronic" /><meta name="twitter:creator" content="@seletronic" /><meta name="twitter:title" content="Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic" /><meta name="twitter:description" content="" /><meta name="twitter:image" content="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg" /><meta name="twitter:image:alt" content="Miniatura do post: Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic" /><meta name="twitter:url" content="https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/" /><meta property="og:image:width" content="1400" /><meta property="og:image:height" content="788" /><meta property="og:image:alt" content="Como Funciona a Loja de Afiliados da Amazon Influencer Program" /><meta property="article:published_time" content="2026-09-24T03:14:06-03:00" /><meta property="article:modified_time" content="2026-09-24T03:14:06-03:00" /><meta property="article:author" content="https://seletronic.com.br/author/marcusvot/" /><meta property="article:section" content="Amazon" /><meta property="article:tag" content="Amazon" /><meta property="article:tag" content="Dicas" /><meta property="article:tag" content="Tecnologia" /><meta property="article:tag" content="Tutoriais" /><link rel="canonical" href="https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/"><!-- Google Tag Manager -->
61<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
62new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
63j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
64'https://www.googletagmanager.com/gtm.js?id=G-GBLCRGGS4Y'+dl;f.parentNode.insertBefore(j,f);
65})(window,document,'script','dataLayer','G-GBLCRGGS4Y');</script>
65
66<!-- End Google Tag Manager -->
66<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7579692632994287" crossorigin="anonymous"></script>
66<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
66<script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || [];</script>
66<script> googletag.cmd.push(function() {var REFRESH_KEY = "refresh";var REFRESH_VALUE = "true";var anchor_adx = googletag.sizeMapping().
67addSize([1000, 0], [[970, 90], [728, 90]]). //desktop
68addSize([422, 0], [[320, 100], [320, 50]]). //mobile big
69addSize([0, 0], [[320, 50], [320, 100]]). //mobile short
70build();var horizontal_adx = googletag.sizeMapping().
71addSize([1000, 0], ["fluid",[970, 250], [728, 90]]). //desktop
72addSize([422, 0], ["fluid",[336, 280], [300, 250]]). //mobile big
73addSize([0, 0], [[300, 250]]). //mobile short
74build();var h_adf = googletag.sizeMapping().
75addSize([1000, 0], ["fluid",[970, 90],[728, 90], [320, 100], [320, 50]]). //desktop
76addSize([0, 0], ["fluid",[320, 100],[320, 50]]). //mobile big
77build();var sidebar_sticky_adx = googletag.sizeMapping().
78addSize([1000, 0], ["fluid",[300, 600], [300, 250], [250, 250]]). //desktop
79addSize([0, 0], ["fluid",[300, 250], [250, 250]]). //mobile big
80build();var sidebar_adx = googletag.sizeMapping().
81addSize([1000, 0], [[336, 280], [300, 250], [250, 250]]). //desktop
82addSize([0, 0], [[300, 250], [250, 250]]). //mobile big
83build();var post_adx = googletag.sizeMapping()
84  .addSize([1000, 0], ["fluid",[250, 250],[300, 250],[300, 300],[320, 160], [320, 320], [336, 280]]) // desktop
85  .addSize([0, 0], ["fluid", [250, 250], [300, 250], [300, 300],[320, 320],[320, 160],[320, 100],[320, 50]]) // mobile big
86  .build();
87var gptAdSlots = [];
88
89// Definição dos slots
90var gptSlots = [
91  { t: 'seletronic.com.br_post', s: [[970, 250], [728, 90], [300, 250]], i: 'a-gpt-post', m: horizontal_adx },
92  { t: 'seletronic.com.br_home', s: [[300, 250]], i: 'div-gpt-ad-1706157324042-0', m: horizontal_adx },
93  { t: 'seletronic.com.br_subpost', s: [[300, 250]], i: 'a-gpt-subpost', m: post_adx },
94  { t: 'seletronic.com.br_sidebar', s: [[300, 250]], i: 'div-gpt-ad-1702430715233-0', m: sidebar_adx },
95  { t: 'seletronic.com.br_sidebar_sticky', s: [[300, 250]], i: 'div-gpt-ad-1702269594141-0', m: sidebar_sticky_adx },
96  { t: 'seletronic.com.br_anchor', s: [[320, 50]], i: 'a-gpt-anchor', m: anchor_adx, pre: true},
97  { t: 'seletronic.com.br_background', s: [[1920, 1080]], i: 'div-gpt-ad-seletronic-background', pre: true},
98  { t: 'play.seletronic_download', s: [[300, 250]], i: 'gpt-download', m: horizontal_adx },
99  { t: 'play.seletronic_home_cat', s: [[300, 250]], i: 'div-gpt-ad-1702435637022-0', m: horizontal_adx },
100  { t: 'play.seletronic_title', s: [[300, 250]], i: 'div-gpt-ad-1702436587505-0', m: horizontal_adx },
101  { t: 'tools.seletronic', s: [[320, 100]], i: 'a-gpt-h', m: h_adf },
102  { t: 'tools.seletronic', s: [[320, 100]], i: 'a-gpt-hq', m: post_adx },
103  { t: 'offer_seletronic_sidebar', s: [[300, 250]], i: 'a-gpt-sd', m: sidebar_adx }
104];
105
106gptSlots.forEach(function(slot, index) {
107	
108var checkSlot = document.getElementById(slot.i);
109
110if(checkSlot || slot.pre == true){
111	
112var gptAd = googletag.defineSlot('/152126371/' + slot.t, slot.s, slot.i);
113  
114  if (slot.m) {
115    gptAd.defineSizeMapping(slot.m);
116  }
117
118  gptAdSlots[index] = gptAd.addService(googletag.pubads());
119  
120}
121});
122googletag.pubads().setTargeting('interests', ["Amazon","Dicas","Tecnologia","Tutoriais"]);googletag.pubads().enableLazyLoad();googletag.pubads().collapseEmptyDivs();
123var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 35;
124
125googletag.pubads().addEventListener('impressionViewable', function(event) {
126    var slot = event.slot;
127    var slotElementId = slot.getSlotElementId();
128    
129    // Verifica se o slot tem a classe no-refresh-ad
130    if (!document.getElementById(slotElementId).classList.contains('no-refresh-ad')) {
131        console.log('Viewable OK :' + slot);
132        
133        setTimeout(function() {
134            // Verifica novamente se a classe ainda não está presente antes de atualizar
135            if (!document.getElementById(slotElementId).classList.contains('no-refresh-ad')) {
136                console.log('refresh:' + slot);
137                googletag.pubads().refresh([slot]);
138            } else {
139                console.log('Anúncio marcado como no-refresh-ad, não atualizando.');
140            }
141        }, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000);
142    } else {
143        console.log('Anúncio marcado como no-refresh-ad, não atualizando.');
144    }
145});
146
147 googletag.enableServices();});
148
149function updateSlotStatus(slotId, state) {
150		console.log(slotId + ': ' + state);
151        var elem = document.getElementById(slotId + '-' + state);
152        elem.className = 'activated';
153        elem.innerText = 'Yes';
154      }</script>
154<script>       
155
156    function dynamicAppCard(element) {
157     
158        googletag.cmd.push(function () {          
159				
160			var app_slot = googletag.defineSlot('/152126371/play.seletronic_appcard', ['fluid'])
161                .addService(googletag.pubads());
162				
163
164
165            var div = document.createElement('div');
166            div.id = app_slot.getSlotElementId();
167            div.className = 'auto-inserted-ad-slot wd-100 hg-100';
168            element.appendChild(div);
169            googletag.display(app_slot);
170			
171	
172			
173			
174			
175        });
176    }
177    function dynamicContent(element) {
178     
179        googletag.cmd.push(function () {
180            var post_c_adx = googletag.sizeMapping()
181                .addSize([1089, 0], [[728, 90], [336, 280], [300, 250], [250, 250],'fluid']) // desktop
182                .addSize([0, 0], [[336, 280], [300, 250], [250, 250],'fluid']) // mobile big
183                .build();
184
185            var new_slot = googletag.defineSlot('/152126371/seletronic.com.br_post', [320, 50])
186                .defineSizeMapping(post_c_adx)
187                .addService(googletag.pubads());
188				
189
190
191            var div = document.createElement('div');
192            div.id = new_slot.getSlotElementId();
193            div.className = 'auto-inserted-ad-slot adx-e';
194            element.appendChild(div);
195            googletag.display(new_slot);
196			
197			
198			googletag.pubads().addEventListener('slotRenderEnded', function(event) {
199	
200				
201				if (event.isEmpty) {
202					
203				  
204				var id = event.slot.getSlotElementId();
205				
206				
207				var x = document.getElementById(id);
208				
209				if (x.parentElement.classList.contains('selead-block-content')) {
210					
211					x.parentElement.style.display = 'none';
212					
213				}
214				}
215			});
216			
217			
218			
219        });
220    }
221
222    document.addEventListener('DOMContentLoaded', function () {
223        var dynamicAds = document.querySelectorAll('.selead-block-content');
224        var dynamicAppCardAds = document.querySelectorAll('.selead-app-card');
225
226        dynamicAds.forEach(function (element) {
227            dynamicContent(element);
228        });        
229		
230    });    
231	
232
233		
234		</script>
234<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/"},"potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#respond"]}],"commentCount":0,"headline":"Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua","image":{"@type":"ImageObject","@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#primaryimage","inLanguage":"pt-BR","url":"https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg","contentUrl":"https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg","width":1400,"height":788},"datePublished":"2026-09-24T03:14:06-03:00","dateModified":"2026-09-24T03:14:06-03:00","author":{"@type":"Person","@id":"https://seletronic.com.br/author/marcusvot/#author","name":"Marcus Tavares","url":"https://seletronic.com.br/author/marcusvot/","image":{"@type":"ImageObject","url":"https://secure.gravatar.com/avatar/2bd511b89d9578d6c02e10b08668b7c0bdc27b109369e8877d80656c5f9813c7?s=150&d=mm&r=g"},"description":"Marcus \u00e9 o fundador da Seletronic. Al\u00e9m disso, \u00e9 programador, e editor no site. Ama ajudar as pessoas a resolverem problemas com tecnologia, por isso criou esse site. Segundo ele: \"A tecnologia foi feita para facilitar a vida das pessoas, ent\u00e3o devemos ensinar a us\u00e1-la\". Apesar de respirar tecnologia, ama plantas, animais ex\u00f3ticos e cozinhar.","jobTitle":"Editor e Redator de Tecnologia"},"publisher":{"@type":"Organization","@id":"https://seletronic.com.br/#organization","url":"https://seletronic.com.br/","name":"Seletronic","logo":{"@type":"ImageObject","url":"https://seletronic.com.br/estilos/img/seletronic-logo-4k.png"}},"description":"Saiba como funciona a loja de afiliados da Amazon (Amazon Influencer Program), requisitos de aprova\u00e7\u00e3o, como criar a sua vitrine e ganhar comiss\u00f5es.","articleBody":"Se voc\u00ea deseja monetizar recomenda\u00e7\u00f5es de produtos na internet ou j\u00e1 atua como criador de conte\u00fado, entender como funciona a loja de afiliados da Amazon \u00e9 um dos passos mais importantes para profissionalizar seus ganhos. Essa modalidade \u00e9 viabilizada pelo Amazon Influencer Program (Programa de Influenciadores da Amazon), uma extens\u00e3o avan\u00e7ada do tradicional Programa de Associados que permite criar uma vitrine exclusiva dentro da pr\u00f3pria plataforma da Amazon.\n\nNo Brasil, o recurso \u00e9 identificado oficialmente no painel como \"Sua Loja da Amazon\" ou \"Vitrine de Influenciador\" (termo derivado do ingl\u00eas Storefront). Diferente do sistema padr\u00e3o de afiliados \u2014 que gera apenas links de texto individuais para cada produto \u2014, a loja de influenciador oferece uma p\u00e1gina pr\u00f3pria personalizada (com formato amazon.com.br/shop/seunome) onde voc\u00ea pode organizar cole\u00e7\u00f5es tem\u00e1ticas, publicar fotos e postar v\u00eddeos de demonstra\u00e7\u00e3o.\n\nO Que \u00c9 e Como Funciona a Loja da Amazon?\n\nA vitrine funciona como a sua loja virtual dentro da Amazon, mas sem que voc\u00ea precise se preocupar com estoque, log\u00edstica, faturamento ou atendimento ao cliente: toda a infraestrutura de entrega e p\u00f3s-venda continua sendo gerenciada pela pr\u00f3pria Amazon.\n\nDentro da vitrine, o influenciador pode agrupar recomenda\u00e7\u00f5es em Listas de Ideias segmentadas por temas ou categorias de interesse (como Setup de Trabalho, Acess\u00f3rios Gamer, Eletrodom\u00e9sticos Favoritos ou Livros Recomendados).\n\nUm exemplo pr\u00e1tico de aplica\u00e7\u00e3o \u00e9 a loja do Seletronic na Amazon, que conta com uma vitrine super organizada de equipamentos, hardware e tecnologia, funcionando como um excelente complemento ao portal de cupons e promo\u00e7\u00f5es Ofertas Seletronic.\n\nComo Come\u00e7ar no Portal de Associados Amazon\n\nPara os criadores que j\u00e1 participam do Programa de Associados da Amazon, o convite e o atalho de configura\u00e7\u00e3o da vitrine costumam aparecer em destaque no topo do painel oficial:\n\n\n\nAo clicar no bot\u00e3o \"Configurar agora\", o sistema inicia o assistente para conectar suas redes sociais, validar a audi\u00eancia e gerar a URL exclusiva da sua loja.\n\nAs Duas Formas de Ganhar Comiss\u00f5es na Loja da Amazon\n\nUma das maiores vantagens da loja de afiliados em rela\u00e7\u00e3o aos links convencionais \u00e9 a possibilidade de faturar em duas frentes distintas:\n\n\n\nComiss\u00f5es por Tr\u00e1fego Externo (Off-Site): O criador compartilha o link da sua vitrine em redes sociais (Instagram, YouTube, TikTok, canais no WhatsApp ou Telegram) ou blogs. Quando um seguidor clica, entra 
234na loja e realiza compras qualificadas nas pr\u00f3ximas 24 horas, o influenciador recebe a comiss\u00e3o padr\u00e3o por categoria;\n\nComiss\u00f5es On-Site (Dentro do Pr\u00f3prio Site da Amazon): Esse \u00e9 o grande diferencial exclusivo do programa. Quando o criador publica v\u00eddeos de an\u00e1lise, testes ou unboxing na sua vitrine, o algoritmo da Amazon pode recomendar esse v\u00eddeo diretamente na p\u00e1gina de detalhes do produto. Se qualquer cliente que j\u00e1 estiver navegando na Amazon assistir ao seu conte\u00fado e comprar o item, a comiss\u00e3o \u00e9 creditada na sua conta, gerando renda passiva cont\u00ednua.\n\n\n\nQuais S\u00e3o os Requisitos para Ter uma Loja de Afiliado?\n\nPara ter acesso a uma vitrine personalizada, a Amazon exige a aprova\u00e7\u00e3o no Programa de Influenciadores. Os principais crit\u00e9rios avaliados incluem:\n\n\n\nPresen\u00e7a Ativa nas Redes Sociais: Ter uma conta comercial no YouTube, Instagram, TikTok ou Facebook;\n\nEngajamento Org\u00e2nico: Mais do que um n\u00famero massivo de seguidores, a Amazon avalia a taxa de intera\u00e7\u00e3o e a qualidade do relacionamento com a audi\u00eancia;\n\nConte\u00fado Consistente: Hist\u00f3rico de postagens voltadas para dicas, an\u00e1lises ou estilo de vida que se conectem naturalmente com produtos f\u00edsicos.\n\n\n\nPasso a Passo para Criar e Ativar a Sua Loja\n\nO processo de ativa\u00e7\u00e3o segue quatro etapas diretas:\n\n\n\nAcesse a p\u00e1gina oficial do Amazon Influencer Program ou clique no aviso de configura\u00e7\u00e3o dentro do Portal de Associados;\n\nConecte sua conta de rede social principal para a verifica\u00e7\u00e3o automatizada de m\u00e9tricas e seguidores;\n\nAp\u00f3s a aprova\u00e7\u00e3o, defina a URL personalizada da sua loja, fa\u00e7a o upload da foto de perfil e do banner de cabe\u00e7alho;\n\nCrie suas primeiras Listas de Ideias buscando produtos diretamente pelo cat\u00e1logo da Amazon e publique o link na bio das suas redes.\n\n\n\nDica de Economia: Para quem busca economizar nas compras di\u00e1rias, eventos como Prime Day e liquida\u00e7\u00f5es sazonais, vale a pena acompanhar a p\u00e1gina de cupons da Amazon no Ofertas Seletronic e conferir sele\u00e7\u00f5es de produtos na vitrine oficial do Seletronic na Amazon.\n\nPara acompanhar mais tutoriais e an\u00e1lises sobre ferramentas digitais, com\u00e9rcio eletr\u00f4nico e tecnologia, confira a nossa se\u00e7\u00e3o de guias e tutoriais no Portal Seletronic."},{"@type":"WebPage","@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/","url":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/","name":"Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua | Seletronic","isPartOf":{"@id":"https://seletronic.com.br/#website"},"description":"Saiba como funciona a loja de afiliados da Amazon (Amazon Influencer Program), requisitos de aprova\u00e7\u00e3o, como criar a sua vitrine e ganhar comiss\u00f5es.","breadcrumb":{"@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/"]}],"primaryImageOfPage":{"@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#primaryimage"},"image":{"@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#primaryimage"},"thumbnailUrl":"https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg","datePublished":"2026-09-24T03:14:06-03:00","dateModified":"2026-09-24T03:14:06-03:00"},{"@type":"ImageObject","@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#primaryimage","inLanguage":"pt-BR","url":"https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg","contentUrl":"https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg","width":1400,"height":788},{"@type":"BreadcrumbList","@id":"https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://seletronic.com.br/"},{"@type":"ListItem","position":2,"name":"Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciad
234ores e Como Criar a Sua"}]},{"@type":"WebSite","@id":"https://seletronic.com.br/#website","url":"https://seletronic.com.br/","name":"Seletronic","description":"Obtenha ajuda e conhecimento sobre tecnologia","publisher":{"@id":"https://seletronic.com.br/#organization"},"alternateName":"Seletronic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://seletronic.com.br/search?q={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https://seletronic.com.br#organization","name":"Seletronic","alternateName":"Seletronic","url":"https://seletronic.com.br","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https://seletronic.com.br#/schema/logo/image/","url":"https://seletronic.com.br/estilos/img/seletronic-logo-4k.png","contentUrl":"https://seletronic.com.br/estilos/img/seletronic-logo-4k.png","width":"3840","height":"774","caption":"Seletronic Logo"},"image":{"@id":"https://seletronic.com.br#/schema/logo/image/"},"sameAs":["https://www.facebook.com/seletronicbrasil","https://www.youtube.com/SeletronicBrasil","https://twitter.com/seletronic","https://www.linkedin.com/company/seletronic/","https://www.instagram.com/seletronic/","https://t.me/seletronicbr","https://www.threads.net/@seletronic"],"publishingPrinciples":"https://seletronic.com.br/politica-de-privacidade","ownershipFundingInfo":"https://seletronic.com.br/politica-de-privacidade","actionableFeedbackPolicy":"https://seletronic.com.br/politica-de-privacidade","correctionsPolicy":"https://seletronic.com.br/corporativo/contato/","ethicsPolicy":"https://seletronic.com.br/politica-de-privacidade"}]}</script>
234<script type="text/javascript">var ajaxurl = "https://seletronic.com.br/wp-admin/admin-ajax.php";var current_post_id = "24948";var loading = {}; var commentPage = {};var logged = false;const jswords = {like: 'Curtir', liked: 'Curtiu', loading: 'Carregando', delete : 'Excluir', deleted : 'Apagado', report : 'Denúnciar'}</script>
234<meta name="onesignal-plugin" content="wordpress-3.9.2">
235  
235<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
235
236  
236<script>
237          window.OneSignalDeferred = window.OneSignalDeferred || [];
238          OneSignalDeferred.push(async function(OneSignal) {
239            await OneSignal.init({
240              appId: "0274ef89-9420-450d-8779-d340b35bea15",
241              serviceWorkerOverrideForTypical: true,
242              path: "https://seletronic.com.br/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/",
243              serviceWorkerParam: { scope: "/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/push/onesignal/" },
244              serviceWorkerPath: "OneSignalSDKWorker.js",
245            });
246          });
247
248          // Unregister the legacy OneSignal service worker to prevent scope conflicts
249          if (navigator.serviceWorker) {
250            navigator.serviceWorker.getRegistrations().then((registrations) => {
251              // Iterate through all registered service workers
252              registrations.forEach((registration) => {
253                // Check the script URL to identify the specific service worker
254                if (registration.active && registration.active.scriptURL.includes('OneSignalSDKWorker.js.php')) {
255                  // Unregister the service worker
256                  registration.unregister().then((success) => {
257                    if (success) {
258                      console.log('OneSignalSW: Successfully unregistered:', registration.active.scriptURL);
259                    } else {
260                      console.log('OneSignalSW: Failed to unregister:', registration.active.scriptURL);
261                    }
262                  });
263                }
264              });
265            }).catch((error) => {
266              console.error('Error fetching service worker registrations:', error);
267            });
268        }
269        </script>
269
270<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 270-271
270
271<script async src="https://www.googletagmanager.com/gtag/js?id=
271G-GBLCRGGS4Y
vendor: 13 bytes, line 271
271"></script>
272<script>
273  
vendor: 138 bytes, lines 273-277
273window.dataLayer = window.dataLayer || [];
274  function gtag(){dataLayer.push(arguments);}
275  gtag('js', new Date());
276
277  gtag('config', '
277G-GBLCRGGS4Y
vendor: 7 bytes, lines 277-278
277');
278  
278gtag('config', 'AW-1000301153');
279</script>
279</head>
280<body class="wp-singular post-template-default single single-post postid-24948 single-format-standard wp-theme-selepower">
281<!-- Google Tag Manager (noscript) -->
282    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=G-GBLCRGGS4Y"
283    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
284    <!-- End Google Tag Manager (noscript) --><header id="top" class="bg-white dark:bg-[#111] border-b border-gray-200 dark:border-gray-800 shadow-sm sticky top-0 min-[782px]:[.admin-bar_&]:top-[32px] z-[2000] w-full transition-colors font-sans">
285    
286        <style>
287    :root {
288        --sp-main: #0099EE;
289        --sp-cta-bg: #e0f2fe;
290        --sp-cta-border: #bae6fd;
291    }
292    
293    #top .sp-text-main { color: var(--sp-main); }
294    #top .hover\:sp-text-main:hover { color: var(--sp-main); filter: brightness(0.9); }
295    #top .sp-bg-main { background-color: var(--sp-main); color: #fff; }
296    #top .hover\:sp-bg-main:hover { background-color: var(--sp-main); filter: brightness(0.9); }
297    #top .focus\:sp-border-main:focus { border-color: var(--sp-main); }
298    #top .hover\:sp-border-main:hover { border-color: var(--sp-main); }
299    
300    #top .sp-btn-cta {
301        background-color: var(--sp-cta-bg);
302        color: var(--sp-main);
303        border-color: var(--sp-cta-border);
304    }
305    #top .sp-btn-cta:hover {
306        background-color: var(--sp-main);
307        color: #fff;
308    }
309    
310    /* Dark Mode Adaptação da CTA (Fundo Semi-translúcido cinza, texto main normal) */
311    html.dark #top .sp-btn-cta {
312        background-color: rgba(255, 255, 255, 0.05); 
313        color: var(--sp-main);
314        border-color: rgba(255, 255, 255, 0.1);
315    }
316    html.dark #top .sp-btn-cta:hover {
317        background-color: var(--sp-main);
318        color: #fff;
319        border-color: var(--sp-main);
320    }
321    </style>
322
323    <!-- Top Row -->
324    <div class="relative z-20 flex w-full h-[50px] bg-white dark:bg-[#111] border-b border-gray-100 dark:border-gray-800 px-2 lg:px-4">
325        
326        <!-- Hamburger Menu (Left) -->
327        <div class="w-[40px] h-[50px] flex items-center justify-center">
328            <button id="main-menu-btn" class="w-[30px] h-[30px] flex items-center justify-center cursor-pointer sp-text-main hover:sp-text-main focus:outline-none" aria-label="Abrir Menu">
329                <svg class="w-[30px] h-[30px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-21"></use></svg>            </button>
330        </div>
331        
332        <!-- Logo (Center) -->
333        <div class="flex-1 h-[50px] flex items-center justify-center relative">
334            <a id="hd-logo-amp" title="Home" class="block h-[30px] relative" href="https://seletronic.com.br/">
335                                <img src="https://seletronic.com.br/estilos/svg/seletronic/logo.svg" alt="Logo Seletronic" class="max-h-[30px] w-auto">
336            </a>
337        </div>
338        
339        <!-- Desktop Right Items (Search, Profile/Login, Theme) -->
340        <div class="w-auto h-[50px] flex items-center justify-end">
341            <!-- Search Icon (Right) -->
342            <div class="w-[40px] h-[50px] flex items-center justify-center">
343                <button id="toggle-search-btn" class="w-[30px] h-[30px] flex items-center justify-center cursor-pointer sp-text-main hover:sp-text-main focus:outline-none" aria-label="Buscar">
344                    <svg class="w-[20px] h-[20px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-22"></use></svg>                </button>
345            </div>
346            
347            <!-- Login/User Profile Button -->
348                            <!-- Not Logged In: Show Login Button -->
349                <div class="h-[50px] flex items-center justify-center pl-2 hidden sm:flex" id="header-login-button">
350                    <a title="Login" href="https://seletronic.com.br/login" class="trigger-login-modal sp-bg-main hover:sp-bg-main font-bold px-3 py-1.5 uppercase text-[10px] rounded-[5px] transition-colors">
351                        Login
352                    </a>
353                </div>
354                        
355            <!-- Theme Toggle -->
356            <div class="w-[40px] h-[50px] flex items-center justify-center ml-1">
357                <button id="theme-toggle" class="w-[30px] h-[30px] flex items-center justify-center rounded-full sp-text-main hover:sp-text-main focus:outline-none" aria-label="Alternar Dark Mode">
358                    
359                    <!-- Ícone Sol (Aparece SOMENTE no Dark Mode: Pressione para voltar ao Modo Claro) -->
360                    <svg class="w-5 h-5 sp-text-main hover:sp-text-main transition-colors" aria-hidden="true" role="presentation" id="icon-sun"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-24"></use></svg>                    
361                    <!-- Ícone Lua (Aparece SOMENTE no Claro: Pressione para ir ao Modo Dark) -->
362                    <svg class="w-5 h-5 sp-text-main hover:sp-text-main transition-colors" aria-hidden="true" role="presentation" id="icon-moon"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-25"></use></svg>
363                </button>
364            </div>
365        </div> <!-- Fim da estrutura Right Itens -->
366    </div> <!-- Fim da estrutura Top Flex Row -->
367
368    <!-- Sub Base Row (Bottom Bar / Dashboard Navigation) -->
369        
370    <!-- Area de Busca Full-Header Overlay -->
371    <div id="dropdown-search-area" class="hidden absolute inset-0 bg-white dark:bg-[#111] z-[2010] h-[50px] flex items-center justify-center px-4 w-full">
372        <form role="search" method="get" class="w-full max-w-4xl h-[40px] flex items-center relative" action="https://seletronic.com.br/">
373            
374            <!-- Icone Lupa (Submit Search) -->
375            <button type="submit" class="absolute left-3 text-gray-500 hover:sp-text-main focus:outline-none" aria-label="Pesquisar no site">
376                <svg class="w-[20px] h-[20px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-22"></use></svg>            </button>
377            
378            <!-- Campo Input -->
379            <input type="search" placeholder="Buscar no site..." value="" name="s" required class="w-full h-full bg-gray-100 dark:bg-[#222] text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 border border-gray-200 dark:border-gray-700 rounded-full pl-10 pr-10 text-[15px] focus:outline-none focus:sp-border-main transition-colors">
380            
381            <!-- Icone X (Fechar Overlay) -->
382            <button type="button" id="close-search-btn" class="absolute right-3 text-gray-500 hover:text-red-500 focus:outline-none" aria-label="Fechar busca">
383                <svg class="w-[20px] h-[20px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-26"></use></svg>            </button>
384        </form>
385    </div>
386
387    <!-- Backdrop Overlay para o Menu Lateral -->
388    <div id="menu-backdrop" class="fixed inset-0 bg-black/50 z-[1999] hidden transition-opacity opacity-0 backdrop-blur-sm"></div>
389
390    <!-- Menu Drawer (Lateral Esquerda) -->
391    <div id="side-nav-drawer" class="fixed top-0 left-0 h-full w-[300px] max-w-[85vw] bg-white dark:bg-[#111] z-[2005] transform -translate-x-full transition-transform duration-300 ease-in-out shadow-2xl flex flex-col overflow-y-auto border-r border-gray-200 dark:border-gray-800">
392        
393        <div class="px-5 py-4 flex items-center border-b border-gray-100 dark:border-gray-800 bg-gray-50 dark:bg-[#1a1a1a]">
394            <!-- Botão Fechar -->
395            <button id="close-menu-btn" class="w-[30px] h-[30px] flex items-center justify-center text-gray-500 hover:text-red-500 focus:outline-none" aria-label="Fechar Menu">
396                <svg class="w-6 h-6 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-26"></use></svg>            </button>
397            <div class="flex-1 flex justify-center pr-8">
398                <img src="https://seletronic.com.br/estilos/svg/seletronic/logo.svg" alt="Logo" class="h-[25px] w-auto">
399            </div>
400        </div>
401
402        <nav class="flex flex-col py-2 flex-grow text-[15px] font-bold text-[#333] dark:text-[#eee]">
403    <a href="https://seletronic.com.br/" class="flex items-center px-5 py-3 border-b border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-[#222] hover:text-seleblue transition-colors">
404        <span>Noticias</span>
405    </a>
406</nav>
407        
408        <div class="p-5 mt-auto bg-gray-50 dark:bg-[#1a1a1a] border-t border-gray-200 dark:border-gray-800">
409                            <a href="https://seletronic.com.br/login" class="trigger-login-modal block text-center w-full sp-bg-main hover:sp-bg-main py-2 rounded-[2px] font-bold text-sm transition-colors uppercase">
410                    Fazer Login
411                </a>
412                    </div>
413    </div>
414</header>
415
416<script>
417    document.addEventListener('DOMContentLoaded', () => {
418        // Elements
419        const menuBtn = document.getElementById('main-menu-btn');
420        const closeMenuBtn = document.getElementById('close-menu-btn');
421        const sideNavDrawer = document.getElementById('side-nav-drawer');
422        const backdrop = document.getElementById('menu-backdrop');
423        
424        const searchBtn = document.getElementById('toggle-search-btn');
425        const searchArea = document.getElementById('dropdown-search-area');
426        const closeSearchBtn = document.getElementById('close-search-btn');
427
428        // Drawer Menu Logic
429        const openMenu = () => {
430            if (!searchArea.classList.contains('hidden')) {
431                searchArea.classList.add('hidden');
432            }
433            backdrop.classList.remove('hidden');
434            setTimeout(() => backdrop.classList.remove('opacity-0'), 10);
435            sideNavDrawer.classList.remove('-translate-x-full');
436            document.body.style.overflow = 'hidden';
437        };
438
439        const closeMenu = () => {
440            sideNavDrawer.classList.add('-translate-x-full');
441            backdrop.classList.add('opacity-0');
442            setTimeout(() => backdrop.classList.add('hidden'), 300);
443            document.body.style.overflow = '';
444        };
445
446        menuBtn?.addEventListener('click', openMenu);
447        closeMenuBtn?.addEventListener('click', closeMenu);
448        backdrop?.addEventListener('click', closeMenu);
449
450        document.addEventListener('keydown', (e) => {
451            if (e.key === 'Escape') {
452                closeMenu();
453                if (!searchArea.classList.contains('hidden')) searchArea.classList.add('hidden');
454            }
455        });
456
457        // Overlay Search Logic
458        searchBtn?.addEventListener('click', () => {
459            closeMenu();
460            searchArea.classList.remove('hidden');
461            
462            setTimeout(() => {
463                const input = searchArea.querySelector('input[type="search"]');
464                if(input) input.focus();
465            }, 50);
466        });
467
468        closeSearchBtn?.addEventListener('click', () => {
469            searchArea.classList.add('hidden');
470        });
471
472        // Notifications Dropdown Logic
473        const notifyBtn = document.getElementById('sp-notify-btn');
474        const notifyDropdown = document.getElementById('sp-notify-dropdown');
475        const notifyBadge = document.getElementById('sp-notify-badge');
476        let notificationsRead = false;
477
478        if (notifyBtn && notifyDropdown) {
479            notifyBtn.addEventListener('click', (e) => {
480                e.stopPropagation();
481                notifyDropdown.classList.toggle('hidden');
482                
483                // If opening and badge is visble, mark them read in BD
484                if (!notifyDropdown.classList.contains('hidden') && !notificationsRead && notifyBadge) {
485                    
486                    fetch(selepowerAjax.ajaxurl, {
487                        method: 'POST',
488                        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
489                        body: 'action=sp_mark_notifications_read'
490                    })
491                    .then(response => response.json())
492                    .then(data => {
493                        if (data.success) {
494                            notificationsRead = true;
495                            // Reset visual instantâneo
496                            notifyBadge.style.opacity = '0';
497                            setTimeout(() => notifyBadge.remove(), 300);
498                            
499                            // Remove background highlighting dos itens lidos
500                            const unreadItems = notifyDropdown.querySelectorAll('.bg-blue-50\\/50, .dark\\:bg-blue-900\\/10');
501                            unreadItems.forEach(item => {
502                                item.classList.remove('bg-blue-50/50', 'dark:bg-blue-900/10');
503                                item.classList.add('bg-transparent');
504                            });
505                        }
506                    });
507                }
508            });
509
510            // Close notification dropdown when clicking outside
511            document.addEventListener('click', (e) => {
512                if (!notifyBtn.contains(e.target) && !notifyDropdown.contains(e.target)) {
513                    notifyDropdown.classList.add('hidden');
514                }
515            });
516        }
517		
518        // Notifications Infinite Scroll (Pagination)
519        const notifyList = document.getElementById('sp-notify-list');
520        let notifOffset = 10;
521        let notifLoading = false;
522        let notifHasMore = notifyList ? (notifyList.getAttribute('data-has-more') === 'true') : false;
523
524        if (notifyList) {
525            notifyList.addEventListener('scroll', () => {
526                if(notifLoading || !notifHasMore) return;
527                
528                // Dispara o fetch quando chegar a 20px do fundo do scroll
529                if (notifyList.scrollTop + notifyList.clientHeight >= notifyList.scrollHeight - 20) {
530                    notifLoading = true;
531                    
532                    // Add Skeleton Loader suave indicando processamento
533                    const loader = document.createElement('li');
534                    loader.id = 'notif-loader';
535                    loader.className = 'p-3 flex items-start gap-3 animate-pulse border-b border-gray-50 dark:border-gray-800/50';
536                    loader.innerHTML = '<div class="w-6 h-6 bg-gray-200 dark:bg-gray-700 rounded-full flex-shrink-0"></div><div class="flex-1 space-y-2 py-1"><div class="h-2.5 bg-gray-200 dark:bg-gray-700 rounded w-3/4"></div><div class="h-2 bg-gray-200 dark:bg-gray-700 rounded w-1/2"></div></div>';
537                    notifyList.appendChild(loader);
538
539                    fetch(selepowerAjax.ajaxurl, {
540                        method: 'POST',
541                        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
542                        body: 'action=sp_load_more_notifications&offset=' + notifOffset
543                    })
544                    .then(response => response.json())
545                    .then(data => {
546                        const loaderEl = document.getElementById('notif-loader');
547                        if(loaderEl) loaderEl.remove();
548                        
549                        if (data.success && data.data.html) {
550                            notifyList.insertAdjacentHTML('beforeend', data.data.html);
551                            notifOffset += 10;
552                            notifHasMore = data.data.has_more;
553                        } else {
554                            notifHasMore = false;
555                        }
556                        
557                        if (!notifHasMore && notifOffset > 10) {
558                            notifyList.insertAdjacentHTML('beforeend', '<li class="p-3 text-center text-[10px] uppercase font-bold text-gray-400">Fim do Histórico Recente</li>');
559                        }
560                        notifLoading = false;
561                    });
562                }
563            });
564        }
565
566        // Theme Toggle Logic
567        const themeBtn = document.getElementById('theme-toggle');
568        const iconSun = document.getElementById('icon-sun');
569        const iconMoon = document.getElementById('icon-moon');
570        const htmlElement = document.documentElement;
571
572        const updateIcons = () => {
573            if(iconSun && iconMoon) {
574                if (htmlElement.classList.contains('dark')) {
575                    iconSun.style.display = 'block';
576                    iconMoon.style.display = 'none';
577                } else {
578                    iconSun.style.display = 'none';
579                    iconMoon.style.display = 'block';
580                }
581            }
582        };
583
584        // Initialize on load
585        updateIcons();
586
587        if(themeBtn) {
588            themeBtn.addEventListener('click', () => {
589                htmlElement.classList.toggle('dark');
590                
591                if (htmlElement.classList.contains('dark')) {
592                    localStorage.setItem('theme', 'dark');
593                } else {
594                    localStorage.setItem('theme', 'light');
595                }
596                updateIcons();
597            });
598        }
599
600        // Headroom Effect for Sub-Base (Hide on scroll down, show on scroll up)
601        const subBase = document.getElementById('header-sub-base');
602        let lastScrollY = window.scrollY;
603        let ticking = false;
604        let isProgrammaticScroll = false;
605        
606        // Bloqueia a retração da barra durante navegação por âncoras (Scroll Suave) para evitar "Jittering"
607        document.addEventListener('click', function(e) {
608            const anchor = e.target.closest('a[href^="#"]');
609            if (anchor && anchor.getAttribute('href') !== '#') {
610                isProgrammaticScroll = true;
611                setTimeout(() => {
612                    isProgrammaticScroll = false;
613                    lastScrollY = window.scrollY; // Sincroniza sem pular ao desligar
614                }, 1000);
614 // 1 segundo é suficiente para a maioria dos scrolls suaves completarem
615            }
616        });
617        
618        // Define a distância mínima (delta) em pixels antes de disparar a animação
619        const delta = 30;
620        // Ponto onde no topo (em pixels) a barra sempre deve aparecer travada
621        const navbarHeight = 60;
622
623        const handleScroll = () => {
624            if (!subBase || isProgrammaticScroll) {
625                if(isProgrammaticScroll) lastScrollY = window.scrollY;
626                ticking = false;
627                return;
628            }
629            const currentScrollY = window.scrollY;
630
631            // Se voltar para o topo estrito, garanta que mostre sempre
632            if (currentScrollY <= navbarHeight) {
633                subBase.style.marginTop = '0px';
634                lastScrollY = currentScrollY;
635                ticking = false;
636                return;
637            }
638
639            // Certifica-se que eles scrollaram mais que o Delta para ativar a animação
640            if (Math.abs(lastScrollY - currentScrollY) <= delta) {
641                ticking = false;
642                return;
643            }
644
645            // Identifica a direção e aplica a animação garantida e contínua
646            if (currentScrollY > lastScrollY && currentScrollY > navbarHeight) {
647                // Scroll Down: Recolhe tudo pra valer e oculta atrás
648                subBase.style.marginTop = '-40px';
649            } else {
650                // Scroll Up: Abre tudo de uma vez
651                subBase.style.marginTop = '0px';
652            }
653
654            lastScrollY = currentScrollY;
655            ticking = false;
656        };
657
658        window.addEventListener('scroll', () => {
659            if (!ticking) {
660                window.requestAnimationFrame(handleScroll);
661                ticking = true;
662            }
663        });
664    });
665</script>
665
666
667<main class="container mx-auto px-4 lg:px-8 py-8 md:py-12 flex flex-col lg:flex-row gap-10">
668    
669    <!-- Coluna do Conteúdo / Artigo -->
670    <div class="w-full lg:w-2/3 max-w-[850px] mx-auto lg:mx-0">
671                    <article>
672                <header class="mb-8">
673                <!-- Breadcrumb -->
674                <div class="breadcrumb-container flex items-center space-x-2 text-xs font-bold uppercase tracking-widest text-gray-400 mb-6">
675                    <a href="https://seletronic.com.br" class="hover:text-seleblue transition" title="Ir para a página inicial" aria-label="Ir para a página inicial">Home</a>
676                    <span>/</span>
677                    <a href="https://seletronic.com.br/amazon/" class="text-seleblue hover:text-blue-700 transition" title="Ver posts da categoria Amazon" aria-label="Ver posts da categoria Amazon">Amazon</a>                </div>
678
679                <!-- Título -->
680                <h1 class="text-3xl sm:text-4xl lg:text-5xl font-heading font-black text-gray-900 dark:text-white leading-[1.15] mb-4 tracking-tight">
681                    Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua                </h1>
682                
683                                    <p class="text-xl sm:text-2xl text-gray-500 dark:text-gray-400 font-medium leading-snug mb-8">
684                        Guia completo sobre o Amazon Influencer Program: descubra como funciona a vitrine personalizada no Brasil, requisitos de aprovação, comissões on-site e passo a passo                    </p>
685                                <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between border-y border-gray-100 dark:border-gray-800 py-4 mb-8">
686                    <div class="flex items-center text-sm font-medium mb-4 sm:mb-0">
687                        <img src="https://seletronic.com.br/wp-content/uploads/users_photos/2023/07/64c1761df1ba6.jpg" alt="Marcus Tavares" width="48" height="48" class="w-12 h-12 object-cover rounded-full mr-4 ring-2 ring-gray-100 dark:ring-gray-800">                        <div>
688                            <div class="text-gray-900 dark:text-gray-100 font-bold tracking-tight"><span class="text-gray-900 dark:text-gray-100 hover:text-seleblue transition-colors"><a href="https://seletronic.com.br/author/marcusvot/" rel="author">Marcus Tavares</a></span></div>
689                            <div class="text-gray-500 dark:text-gray-400 text-[11px] mt-1.5 flex flex-wrap items-center gap-y-1 gap-x-2">
690                                    <div class="flex flex-wrap items-center gap-y-1 mt-0.5">
691                                        <div class="flex items-center">
692                                            <svg class="w-3.5 h-3.5 mr-1 text-gray-400 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-36"></use></svg>                                            <time datetime="2026-09-24T03:14:06-03:00">24/09/2026, às 03:14</time>
693                                        </div>
694                                                                                
695                                        <div class="mx-2 text-gray-300 dark:text-gray-600">&middot;</div>
696                                        
697                                        <a href="#comments" class="flex items-center hover:text-seleblue transition-colors group cursor-pointer scroll-smooth" title="Ir para a seção de comentários deste artigo" aria-label="Ir para a seção de comentários deste artigo">
698                                            <span class="text-xs mr-1 opacity-70 group-hover:opacity-100 transition-opacity translate-y-[-1px]">💬</span>
699                                            <span class="font-bold text-inherit underline underline-offset-2 decoration-gray-300 dark:decoration-gray-700 group-hover:decoration-seleblue">
700                                                Seja o primeiro a comentar                                            </span>
701                                        </a>
702                                    </div>
703                            </div>
704                        </div>
705                    </div>
706                    
707                    <!-- Botões de Compartilhamento -->
708                    <div class="flex items-center gap-2 mt-4 sm:mt-0 w-full sm:w-auto">
709                        <!-- WhatsApp -->
710                        <a href="https://api.whatsapp.com/send?text=Como+Funciona+a+Loja+de+Afiliados+da+Amazon%3F+Entenda+a+Vitrine+de+Influenciadores+e+Como+Criar+a+Sua+https%3A%2F%2Fseletronic.com.br%2Fcomo-funciona-loja-afiliados-amazon-influencer-program%2F" onclick="window.open(this.href, 'share-whatsapp', 'width=600,height=600,left='+(screen.width/2-300)+',top='+(screen.height/2-300)); return false;" target="_blank" rel="noopener noreferrer" class="flex-1 sm:flex-none sm:w-9 h-10 sm:h-9 flex items-center justify-center rounded-xl sm:rounded-full bg-white dark:bg-darksurface text-gray-500 dark:text-gray-400 hover:text-green-600 dark:hover:text-green-500 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors shadow-sm ring-1 ring-gray-200 dark:ring-gray-800" aria-label="Compartilhar no WhatsApp" title="Compartilhar este artigo no WhatsApp" role="button">
711                            <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-53"></use></svg>                        </a>
712                        
713                        <!-- Facebook -->
714                        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fseletronic.com.br%2Fcomo-funciona-loja-afiliados-amazon-influencer-program%2F" onclick="window.open(this.href, 'share-facebook', 'width=600,height=600,left='+(screen.width/2-300)+',top='+(screen.height/2-300)); return false;" target="_blank" rel="noopener noreferrer" class="flex-1 sm:flex-none sm:w-9 h-10 sm:h-9 flex items-center justify-center rounded-xl sm:rounded-full bg-white dark:bg-darksurface text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors shadow-sm ring-1 ring-gray-200 dark:ring-gray-800" aria-label="Compartilhar no Facebook" title="Compartilhar este artigo no Facebook" role="button">
715                            <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-17"></use></svg>                        </a>
716                        
717                        <!-- Native Web Share (Aparece nativo em celulares que suportam) -->
718                        <button type="button" onclick="if(navigator.share) { navigator.share({title: 'Como Funciona a Loja de Afiliados da Amazon? Entenda a Vitrine de Influenciadores e Como Criar a Sua', url: 'https://seletronic.com.br/como-funciona-loja-afiliados-amazon-influencer-program/'}); flex.stopPropagation(); return false; } else { alert('Função de compartilhamento nativo não suportada neste dispositivo.'); }" class="flex-1 sm:flex-none sm:w-9 h-10 sm:h-9 flex items-center justify-center rounded-xl sm:rounded-full bg-white dark:bg-darksurface text-gray-500 dark:text-gray-400 hover:text-seleblue dark:hover:text-seleblue hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors shadow-sm ring-1 ring-gray-200 dark:ring-gray-800" aria-label="Outras opções de compartilhamento de link" title="Outras opções de compartilhamento">
719                            <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-54"></use></svg>                        </button>
720                    </div>
721                </div>
722
723                                    <figure class="mb-10 rounded-2xl overflow-hidden shadow-md ring-1 ring-gray-100 dark:ring-gray-800 relative aspect-video">
724                        <img width="1200" height="675" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1200x675.jpg" class="w-full h-full object-cover wp-post-image" alt="Como Funciona a Loja de Afiliados da Amazon Influencer Program" decoding="async" fetchpriority="high" srcset="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1200x675.jpg 1200w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-300x169.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1024x576.jpg 1024w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-768x432.jpg 768w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-1080x608.jpg 1080w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-520x293.jpg 520w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program-150x84.jpg 150w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_como-funciona-loja-afiliados-amazon-influencer-program.jpg 1400w" sizes="(max-width: 1200px) 100v
724w, 1200px" />                    </figure>
725                            </header>
726
727            <!-- Banner Google News -->
728            
728<script async preferred-sources-control="manual" src="https://news.google.com/swg/js/v1/publisher.js"></script>
728
729            <aside aria-label="Siga a Seletronic no Google News" data-nosnippet class="mb-10 w-full relative overflow-hidden rounded-2xl bg-gradient-to-r from-blue-600 to-indigo-700 dark:from-blue-900 dark:to-indigo-950 shadow-lg group ring-1 ring-black/5 dark:ring-white/10">
730                <!-- Background decorative elements -->
731                <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4=')] opacity-50"></div>
732                <div class="absolute top-0 right-0 -mr-20 -mt-20 w-64 h-64 rounded-full bg-white opacity-10 blur-3xl group-hover:opacity-20 transition-opacity duration-700"></div>
733                <div class="absolute bottom-0 left-0 -ml-20 -mb-20 w-64 h-64 rounded-full bg-blue-400 opacity-20 blur-3xl group-hover:opacity-30 transition-opacity duration-700"></div>
734                
735                <div class="relative p-6 sm:p-8 flex flex-col md:flex-row items-center justify-between gap-6 z-10">
736                    <div class="flex items-center gap-5 sm:gap-6 flex-col sm:flex-row text-center sm:text-left">
737                        <!-- Icon Badge -->
738                        <div class="relative flex-shrink-0 w-16 h-16 sm:w-20 sm:h-20 rounded-2xl bg-white/10 backdrop-blur-md border border-white/20 flex items-center justify-center shadow-2xl transform group-hover:scale-105 transition-transform duration-500">
739                            <!-- G Logo -->
740                            <svg viewBox="0 0 24 24" class="w-8 h-8 sm:w-10 sm:h-10 text-white fill-current drop-shadow-md" xmlns="http://www.w3.org/2000/svg">
741                                <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
742                                <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.16v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
743                                <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.16C1.43 8.55 1 10.22 1 12s.43 3.45 1.16 4.93l3.68-2.84z" fill="#FBBC05"/>
744                                <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.16 7.07l3.68 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
745                            </svg>
746                            <div class="absolute -top-2 -right-2 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center animate-bounce shadow-lg ring-2 ring-blue-600 dark:ring-blue-900">
747                                <span class="w-2 h-2 bg-white rounded-full"></span>
748                            </div>
749                        </div>
750                        
751                        <div>
752                            <div class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-white/10 border border-white/10 text-white/90 text-[10px] sm:text-xs font-bold uppercase tracking-wider mb-3">
753                                <span class="w-1.5 h-1.5 rounded-full bg-green-400 animate-pulse"></span>
754                                Notícias em Tempo Real
755                            </div>
756                            <h3 class="text-2xl sm:text-3xl font-heading font-black text-white mb-2 tracking-tight leading-tight drop-shadow-sm">
757                                Siga a Seletronic no Google News
758                            </h3>
759                            <p class="text-blue-50 text-sm sm:text-base leading-relaxed max-w-xl font-medium drop-shadow-sm">
760                                Fique por dentro de tudo! Receba nossos artigos, dicas e ofertas diretamente no seu celular em primeira mão.
761                            </p>
762                        </div>
763                    </div>
764                    
765                    <a href="https://news.google.com/publications/CAAqBwgKMMqRmAwwus0Z?hl=pt-BR&gl=BR&ceid=BR%3Apt-419" id="seletronic-google-news-btn" target="_blank" rel="noopener noreferrer" class="group/btn relative flex-shrink-0 inline-flex items-center justify-center px-8 py-4 text-base font-black text-blue-700 bg-white rounded-2xl shadow-[0_8px_30px_rgba(255,255,255,0.2)] hover:shadow-[0_8px_40px_rgba(255,255,255,0.4)] transform hover:-translate-y-1 transition-all duration-300 gap-3 overflow-hidden mt-2 md:mt-0 w-full sm:w-auto ring-1 ring-black/5" title="Seguir a Seletronic no canal oficial do Google News" aria-label="Seguir a Seletronic no canal oficial do Google News" role="button">
766                        <span class="absolute inset-0 w-full h-full -mt-1 rounded-lg opacity-10 bg-gradient-to-b from-transparent via-transparent to-black"></span>
767                        <span class="relative flex items-center gap-2 z-10">
768                            <svg class="w-5 h-5 text-yellow-500 transform group-hover/btn:scale-125 group-hover/btn:-rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
769                            SEGUIR AGORA
770                        </span>
771                        <div class="absolute inset-0 h-full w-full bg-blue-50 scale-x-0 group-hover/btn:scale-x-100 transition-transform duration-500 origin-left z-0"></div>
772                    </a>
773                </div>
774            </aside>
775            
775<script>
776            (function() {
777                var gNewsApi = null;
778                (self.PREFERRED_SOURCE = self.PREFERRED_SOURCE || []).push(function(api) {
779                    api.init({ theme: 'light', lang: 'pt-BR' });
780                    gNewsApi = api;
781                });
782
783                var btn = document.getElementById('seletronic-google-news-btn');
784                if (btn) {
785                    btn.addEventListener('click', function(e) {
786                        if (gNewsApi && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') {
787                            e.preventDefault();
788                            gNewsApi.addPreferredSource();
789                        }
790                    });
791                }
792            })();
793            </script>
793
794            
795            <!-- O Conteúdo do Artigo -->
796            <div class="prose prose-lg md:prose-xl dark:prose-invert prose-blue max-w-none 
797                        prose-headings:font-heading prose-headings:font-bold prose-headings:tracking-tight
798                        prose-a:text-seleblue prose-a:no-underline hover:prose-a:underline hover:prose-a:decoration-2 hover:prose-a:underline-offset-4
799                        prose-img:rounded-2xl prose-img:shadow-sm prose-img:ring-1 prose-img:ring-gray-100 dark:prose-img:ring-gray-800">
800                <p>Se você deseja monetizar recomendações de produtos na internet ou já atua como criador de conteúdo, entender <strong>como funciona a loja de afiliados da <a href="https://seletronic.com.br/amazon/" title="Ver mais notícias e ofertas da Amazon no Seletronic">Amazon</a></strong> é um dos passos mais importantes para profissionalizar seus ganhos. Essa modalidade é viabilizada pelo <strong>Amazon Influencer Program</strong> (Programa de Influenciadores da Amazon), uma extensão avançada do tradicional Programa de Associados que permite criar uma <strong>vitrine exclusiva</strong> dentro da própria plataforma da Amazon.</p>
801<p>No Brasil, o recurso é identificado oficialmente no painel como <strong>&#8220;Sua Loja da Amazon&#8221;</strong> ou <strong>&#8220;Vitrine de Influenciador&#8221;</strong> (termo derivado do inglês <em>Storefront</em>). Diferente do sistema padrão de afiliados — que gera apenas links de texto individuais para cada produto —, a loja de influenciador oferece uma página própria personalizada (com formato <code>amazon.com.br/shop/seunome</code>) onde você pode organizar coleções temáticas, publicar fotos e postar vídeos de demonstração.</p>
802<h2>O Que É e Como Funciona a Loja da Amazon?</h2>
803<p>A vitrine funciona como a sua loja virtual dentro da Amazon, mas sem que você precise se preocupar com estoque, logística, faturamento ou atendimento ao cliente: toda a infraestrutura de entrega e pós-venda continua sendo gerenciada pela própria Amazon.</p>
804<p>Dentro da vitrine, o influenciador pode agrupar recomendações em <strong>Listas de Ideias</strong> segmentadas por temas ou categorias de interesse (como <em>Setup de Trabalho</em>, <em>Acessórios Gamer</em>, <em>Eletrodomésticos Favoritos</em> ou <em>Livros Recomendados</em>).</p>
805<p>Um exemplo prático de aplicação é a <a href="https://www.amazon.com.br/shop/seletronic" target="_blank" rel="sponsored nofollow noopener">loja do Seletronic na Amazon</a>, que conta com uma vitrine super organizada de equipamentos, hardware e tecnologia, funcionando como um excelente complemento ao portal de cupons e promoções <a href="https://ofertas.seletronic.com.br/" title="Acesse o portal Ofertas Seletronic">Ofertas Seletronic</a>.</p>
806<h2>Como Começar no Portal de Associados Amazon</h2>
807<p>Para os criadores que já participam do Programa de Associados da Amazon, o convite e o atalho de configuração da vitrine costumam aparecer em destaque no topo do painel oficial:</p>
808<p style="text-align: center"><img decoding="async" class="aligncenter" src="https://seletronic.com.br/wp-content/uploads/2026/09/compact_amazon_associados_configurar_sua_loja_aviso.jpg" alt="Aviso Configure sua loja da Amazon no painel oficial do Programa de Associados" /></p>
809<p>Ao clicar no botão <strong>&#8220;Configurar agora&#8221;</strong>, o sistema inicia o assistente para conectar suas <a href="https://seletronic.com.br/redes/" title="Ver mais notícias sobre Redes">redes</a> sociais, validar a audiência e gerar a URL exclusiva da sua loja.</p>
810<h2>As Duas Formas de Ganhar Comissões na Loja da Amazon</h2>
811<p>Uma das maiores vantagens da loja de afiliados em relação aos links convencionais é a possibilidade de faturar em duas frentes distintas:</p>
812<ol>
813<li><strong>Comissões por Tráfego Externo (Off-Site):</strong> O criador compartilha o link da sua vitrine em redes sociais (Instagram, YouTube, TikTok, canais no WhatsApp ou Telegram) ou blogs. Quando um seguidor clica, entra na loja e realiza compras qualificadas nas próximas 24 horas, o influenciad
813or recebe a comissão padrão por categoria;</li>
814<li><strong>Comissões On-Site (Dentro do Próprio Site da Amazon):</strong> Esse é o grande diferencial exclusivo do programa. Quando o criador publica vídeos de análise, testes ou <em>unboxing</em> na sua vitrine, o algoritmo da Amazon pode recomendar esse vídeo diretamente na página de detalhes do produto. Se qualquer cliente que já estiver navegando na Amazon assistir ao seu conteúdo e comprar o item, a comissão é creditada na sua conta, gerando renda passiva contínua.</li>
815</ol>
816<h2>Quais São os Requisitos para Ter uma Loja de Afiliado?</h2>
817<p>Para ter acesso a uma vitrine personalizada, a Amazon exige a aprovação no Programa de Influenciadores. Os principais critérios avaliados incluem:</p>
818<ul>
819<li><strong>Presença Ativa nas Redes Sociais:</strong> Ter uma conta comercial no YouTube, Instagram, TikTok ou Facebook;</li>
820<li><strong>Engajamento Orgânico:</strong> Mais do que um número massivo de seguidores, a Amazon avalia a taxa de interação e a qualidade do relacionamento com a audiência;</li>
821<li><strong>Conteúdo Consistente:</strong> Histórico de postagens voltadas para dicas, análises ou estilo de vida que se conectem naturalmente com produtos físicos.</li>
822</ul>
823<h2>Passo a Passo para Criar e Ativar a Sua Loja</h2>
824<p>O processo de ativação segue quatro etapas diretas:</p>
825<ol>
826<li>Acesse a página oficial do <strong>Amazon Influencer Program</strong> ou clique no aviso de configuração dentro do Portal de Associados;</li>
827<li>Conecte sua conta de rede social principal para a verificação automatizada de métricas e seguidores;</li>
828<li>Após a aprovação, defina a URL personalizada da sua loja, faça o upload da foto de perfil e do banner de cabeçalho;</li>
829<li>Crie suas primeiras Listas de Ideias buscando produtos diretamente pelo catálogo da Amazon e publique o link na bio das suas redes.</li>
830</ol>
831<blockquote>
832<p><strong>Dica de Economia:</strong> Para quem busca economizar nas compras diárias, eventos como Prime Day e liquidações sazonais, vale a pena acompanhar a <a href="https://ofertas.seletronic.com.br/loja/amazon/" title="Ver cupons da Amazon no Ofertas Seletronic" target="_blank" rel="noopener">página de cupons da Amazon no Ofertas Seletronic</a> e conferir seleções de produtos na <a href="https://www.amazon.com.br/shop/seletronic" target="_blank" rel="sponsored nofollow noopener">vitrine oficial do Seletronic na Amazon</a>.</p>
833</blockquote>
834<p>Para acompanhar mais tutoriais e análises sobre ferramentas digitais, comércio eletrônico e tecnologia, confira a nossa seção de <a href="https://seletronic.com.br/tutoriais/" title="Confira mais guias e tutoriais de tecnologia no Seletronic">guias e tutoriais no Portal Seletronic</a>.</p>
835<aside aria-label="Convite para Grupos de Ofertas" data-nosnippet="" class="w-full my-2 font-sans">
836    <div class="bg-blue-50/60 dark:bg-darksurface border-2 border-dashed border-blue-200 dark:border-gray-800 rounded-2xl p-4 relative overflow-hidden flex flex-col md:flex-row items-center justify-between gap-6 transition-colors">
837        <p class="m-0 text-gray-700 dark:text-gray-300 leading-relaxed">
838            🛑 <span class="text-red-600 dark:text-red-500 font-bold uppercase tracking-tight">Pare de pagar caro.</span> 
839            Enquanto você decide, outros estão <span class="text-green-600 dark:text-green-400 font-bold">economizando de verdade</span>. 
840            Não fique de fora: entre nos grupos do  
841            <strong><a href="https://ofertas.seletronic.com.br/entrar-grupo/" target="_blank" rel="noopener noreferrer" class="underline decoration-blue-500 hover:text-blue-600">WhatsApp</a></strong>, 
842            <strong><a href="https://t.me/seleofertas" target="_blank" rel="noopener noreferrer" class="underline decoration-blue-500 hover:text-blue-600">Telegram</a></strong> 
843            ou acesse o <strong><a href="https://ofertas.seletronic.com.br/" target="_blank" rel="noopener noreferrer" class="underline decoration-blue-500 hover:text-blue-600">Portal de Ofertas</a></strong>.
844        </p>
845    </div>
846</aside>
847    
848                                                            </div>
849            
850            <div class="border-t border-gray-200 dark:border-gray-800 pt-8 mt-8">
851               <h3 class="font-heading font-bold text-xl mb-4 text-gray-900 dark:text-gray-100">Categorias do Artigo</h3>
852               <div class="flex flex-wrap gap-2">
853                   <a class="bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-md hover:bg-seleblue hover:text-white transition-colors" href="https://seletronic.com.br/amazon/" rel="category tag">Amazon</a> <a class="bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-md hover:bg-seleblue hover:text-white transition-colors" href="https://seletronic.com.br/dicas/" rel="category tag">Dicas</a> <a class="bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-md hover:bg-seleblue hover:text-white transition-colors" href="https://seletronic.com.br/tecnologia/" rel="category tag">Tecnologia</a> <a class="bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-md hover:bg-seleblue hover:text-white transition-colors" href="https://seletronic.com.br/tutoriais/" rel="category tag">Tutoriais</a>               </div>
854            </div>
855
856            <!-- Caixa de Biografia do Autor -->
857            <footer class="mt-12 bg-gray-50 dark:bg-gray-800/50 rounded-2xl p-6 sm:p-8 flex flex-col sm:flex-row items-center sm:items-start gap-6 border border-gray-100 dark:border-gray-800">
858                <div class="flex-shrink-0">
859                    <img src="https://seletronic.com.br/wp-content/uploads/users_photos/2023/07/64c1761df1ba6.jpg" alt="Marcus Tavares" width="96" height="96" class="w-24 h-24 object-cover rounded-full ring-4 ring-white dark:ring-gray-800 shadow-md">                </div>
860                
861                <div class="text-center sm:text-left flex-1">
862                    <h3 class="font-heading font-black text-xl text-gray-900 dark:text-white mb-2">
863                        <a href="https://seletronic.com.br/author/marcusvot/" class="hover:text-seleblue transition-colors" rel="author" title="Ver todos os artigos escritos por Marcus Tavares" aria-label="Ver todos os artigos escritos por Marcus Tavares">
864                            Marcus Tavares                        </a>
865                    </h3>
866                    
867                    <div class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed mb-4">
868                        Marcus é o fundador da Seletronic. Além disso, é programador, e editor no site. Ama ajudar as pessoas a resolverem problemas com tecnologia, por isso criou esse site. Segundo ele: "A tecnologia foi feita para facilitar a vida das pessoas, então devemos ensinar a usá-la". Apesar de respirar tecnologia, ama plantas, animais exóticos e cozinhar.                    </div>
869                    
870                    <!-- Redes Sociais do Autor -->
871                    <div class="flex items-center justify-center sm:justify-start gap-3">
872                                                
873                                                    <a href="https://www.instagram.com/marcusvot/" target="_blank" rel="noopener noreferrer" class="w-8 h-8 rounded-full bg-white dark:bg-gray-700 flex items-center justify-center text-gray-600 dark:text-gray-300 hover:text-pink-600 hover:bg-pink-50 dark:hover:bg-pink-900/30 transition-colors shadow-sm ring-1 ring-gray-200 dark:ring-gray-700" title="Visitar o perfil do Instagram do autor" aria-label="Visitar o perfil do Instagram do autor" role="link">
874                                <svg class="w-4 h-4 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-5"></use></svg>                            </a>
875                                                
876                                            </div>
877                </div>
878            </footer>
879            </article>
880            
881            <!-- Artigos Relacionados (Mesma Categoria) -->
882                            <aside class="mt-12 pt-8 border-t border-gray-200 dark:border-gray-800" aria-label="Artigos Relacionados">
883                    <h2 class="font-heading font-black text-2xl text-gray-900 dark:text-gray-100 mb-6 relative inline-block">
884                        Artigos Relacionados
885                        <span class="absolute -bottom-2 left-0 w-1/2 h-1 bg-seleblue rounded-full"></span>
886                    </h2>
887                    
888                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
889                                                    <article class="group cursor-pointer flex flex-col bg-white dark:bg-darksurface rounded-2xl overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-300 ring-1 ring-gray-100 dark:ring-gray-800 transform hover:-translate-y-1">
890                                <div class="relative overflow-hidden aspect-[16/10]">
891                                    <a href="https://seletronic.com.br/cupom-150-off-shopee-24-09-2026/" title="Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10" class="block w-full h-full absolute inset-0 z-0">
892                                                                                    <img width="600" height="400" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-600x400.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 ease-out wp-post-image" alt="Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10" decoding="async" />                                                                            </a>
893                                    
894                                                                            <span class="absolute top-4 left-4 bg-seleblue text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-full shadow-lg pointer-events-none">Cupons de Desconto</span>
895                                                                    </div>
896                                
897                                <div class="p-6 flex flex-col flex-grow relative">
898                                    <h3 class="font-heading text-xl font-bold leading-tight text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
899                                        <a href="https://seletronic.com.br/cupom-150-off-shopee-24-09-2026/" title="Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10"><span class="absolute inset-0"></span>Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10</a>
900                                    </h3>
901                                </div>
902                            </article>
903                                                    <article class="group cursor-pointer flex flex-col bg-white dark:bg-darksurface rounded-2xl overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-300 ring-1 ring-gray-100 dark:ring-gray-800 transform hover:-translate-y-1">
904                                <div class="relative overflow-hidden aspect-[16/10]">
905                                    <a href="https://seletronic.com.br/cupom-10-off-mercado-livre-full-24-09-2026/" title="Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full" class="block w-full h-full absolute inset-0 z-0">
906                                                                                    <img width="600" height="400" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-600x400.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 ease-out wp-post-image" alt="Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full" decoding="async" />                                                                            </a>
907                                    
908                                                                            <span class="absolute top-4 left-4 bg-seleblue text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-full shadow-lg pointer-events-none">Cupons de Desconto</span>
909                                                                    </div>
910                                
911                                <div class="p-6 flex flex-col flex-grow relative">
912                                    <h3 class="font-heading text-xl font-bold leading-tight text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
913                                        <a href="https://seletronic.com.br/cupom-10-off-mercado-livre-full-24-09-2026/" title="Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full"><span class="absolute inset-0"></span>Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full</a>
914                                    </h3>
915                                </div>
916                            </article>
917                                                    <article class="group cursor-pointer flex flex-col bg-white dark:bg-darksurface rounded-2xl overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-300 ring-1 ring-gray-100 dark:ring-gray-800 transform hover:-translate-y-1">
918                                <div class="relative overflow-hidden aspect-[16/10]">
919                                    <a href="https://seletronic.com.br/cupom-25-off-mercado-livre-produtos-diversos-23-09-2026/" title="Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos" class="block w-full h-full absolute inset-0 z-0">
920                                                                                    <img width="600" height="400" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-600x400.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 ease-out wp-post-image" alt="Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos" decoding="async" loading="lazy" />                                                                            </a>
921                                    
922                                                                            <sp
922an class="absolute top-4 left-4 bg-seleblue text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-full shadow-lg pointer-events-none">Cupons de Desconto</span>
923                                                                    </div>
924                                
925                                <div class="p-6 flex flex-col flex-grow relative">
926                                    <h3 class="font-heading text-xl font-bold leading-tight text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
927                                        <a href="https://seletronic.com.br/cupom-25-off-mercado-livre-produtos-diversos-23-09-2026/" title="Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos"><span class="absolute inset-0"></span>Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos</a>
928                                    </h3>
929                                </div>
930                            </article>
931                                                    <article class="group cursor-pointer flex flex-col bg-white dark:bg-darksurface rounded-2xl overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-300 ring-1 ring-gray-100 dark:ring-gray-800 transform hover:-translate-y-1">
932                                <div class="relative overflow-hidden aspect-[16/10]">
933                                    <a href="https://seletronic.com.br/qualcomm-snapdragon-sound-elite-gen-2-fones-ia-cameras/" title="Qualcomm Anuncia Snapdragon Sound Elite Gen 2: Novo Chip de Áudio Traz IA On-Device e Suporte a Câmeras em Fones" class="block w-full h-full absolute inset-0 z-0">
934                                                                                    <img width="600" height="400" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-600x400.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 ease-out wp-post-image" alt="Qualcomm Anuncia Snapdragon Sound Elite Gen 2 com IA e Cameras" decoding="async" loading="lazy" />                                                                            </a>
935                                    
936                                                                            <span class="absolute top-4 left-4 bg-seleblue text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-full shadow-lg pointer-events-none">Fones de Ouvido</span>
937                                                                    </div>
938                                
939                                <div class="p-6 flex flex-col flex-grow relative">
940                                    <h3 class="font-heading text-xl font-bold leading-tight text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
941                                        <a href="https://seletronic.com.br/qualcomm-snapdragon-sound-elite-gen-2-fones-ia-cameras/" title="Qualcomm Anuncia Snapdragon Sound Elite Gen 2: Novo Chip de Áudio Traz IA On-Device e Suporte a Câmeras em Fones"><span class="absolute inset-0"></span>Qualcomm Anuncia Snapdragon Sound Elite Gen 2: Novo Chip de Áudio Traz IA On-Device e Suporte a Câmeras em Fones</a>
942                                    </h3>
943                                </div>
944                            </article>
945                                            </div>
946                </aside>
947                        
948            <!-- Injeção do Módulo de Comentários Globais 2.0 -->
949            
950<div id="comments" class="comments-area mt-10 mb-10 w-full mx-auto font-sans bg-white dark:bg-[#1a1a1a] p-4 sm:p-6 lg:p-8 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-800">
951
952    <!-- CAIXA BRANCA DE SUBMISSÃO -->
953        <div id="sp-respond-anchor" class="hidden"></div>
954    <div id="respond" class="comment-respond sp-form-instance relative pb-8 mb-8 border-b border-gray-100 dark:border-gray-800">
955        
956        <form class="sp-advanced-comment-form relative" onsubmit="return false;">
957            <!-- Hidden Fields que a WP DB necessita pra processar lá atrás -->
958            <input type="hidden" class="sp_post_id" name="sp_post_id" value="24948">
959            <input type="hidden" class="sp_comment_parent" name="sp_comment_parent" value="
9590">
960            <input type="hidden" class="sp_edit_comment_id" name="sp_edit_comment_id" value="0">
961
962            <!-- Banner UI de Reply Threading -->
963            <div class="sp-reply-banner hidden mb-3 items-center justify-between text-[13px] bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 p-2.5 px-4 rounded-xl border border-blue-200 dark:border-blue-800/50">
964                <span class="sp-reply-text flex items-center gap-2">
965                    <svg class="w-4 h-4 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-10"></use></svg>                    <span><strong>Respondendo a:</strong> ...</span>
966                </span>
967                <button type="button" class="sp-cancel-reply text-blue-400 hover:text-red-500 font-black transition-colors px-2 py-0.5 rounded-lg hover:bg-white dark:hover:bg-[#111] uppercase tracking-wider text-[10px]" title="Cancelar Resposta">&times; Cancelar</button>
968            </div>
969
970            <div class="relative z-50 w-full border border-gray-200 dark:border-gray-700/60 rounded-xl bg-gray-50 dark:bg-[#1a1a1a] shadow-sm transform transition-all duration-300 focus-within:ring-2 focus-within:ring-seleblue/50 focus-within:border-seleblue">
971                
972                <div 
973                    class="sp-comment-textarea w-full bg-transparent text-[15px] text-gray-800 dark:text-gray-200 border-none outline-none p-4 min-h-[80px] max-h-[250px] overflow-y-auto custom-scrollbar relative empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400 empty:before:pointer-events-none empty:before:block cursor-text focus:outline-none" 
974                    contenteditable="true"
975                    data-placeholder="Qual a sua opinião?"
976                ></div>
977
978                <!-- Dropdown de Menções do Autocomplete Ajax (Overlay por cima do Textarea) -->
979                <div class="sp-mentions-dropdown hidden absolute left-4 sm:left-4 top-full mt-1 w-[95%] sm:max-w-[320px] bg-white dark:bg-[#222] border border-gray-200 dark:border-gray-700 rounded-lg shadow-2xl z-[90] overflow-hidden transform scale-95 opacity-0 transition-all duration-150 origin-top-left">
980                    <div class="px-3 py-2 bg-gray-50 dark:bg-gray-800/80 border-b border-gray-100 dark:border-gray-700 text-xs font-bold text-gray-500 uppercase">Mencionar Usuários:</div>
981                    <ul class="sp-mentions-list max-h-56 overflow-y-auto custom-scrollbar"></ul>
982                </div>
983
984                <!-- Dropdown da Bandeja de Emojis -->
985                <div class="sp-emoji-dropdown hidden absolute left-2 sm:left-4 top-full mt-1 w-[95%] sm:max-w-[320px] bg-white dark:bg-[#222] border border-gray-200 dark:border-gray-700 rounded-lg shadow-2xl z-[90] overflow-hidden transform scale-95 opacity-0 transition-all duration-150 origin-top-left">
986                    <div class="px-3 py-2 bg-gray-50 dark:bg-gray-800/80 border-b border-gray-100 dark:border-gray-700 text-xs font-bold text-gray-500 uppercase flex justify-between items-center">
987                        <span>Emojis Populares</span>
988                        <button type="button" class="sp-cx-emoji text-gray-400 hover:text-red-500 text-lg leading-none cursor-pointer" title="Fechar">&times;</button>
989                    </div>
990                    <div class="sp-emoji-grid p-2 grid grid-cols-7 sm:grid-cols-8 gap-1 max-h-48 overflow-y-auto custom-scrollbar bg-white dark:bg-[#1a1a1a]"></div>
991                </div>
992
993                <!-- Dropdown do Formulário de YouTube Embed -->
994                <div class="sp-video-dropdown hidden absolute left-2 sm:left-4 top-full mt-1 w-[95%] sm:max-w-[320px] bg-white dark:bg-[#222] border border-gray-200 dark:border-gray-700 rounded-lg shadow-2xl z-[90] overflow-hidden transform scale-95 opacity-0 transition-all duration-150 origin-top-left p-3">
995                    <div class="text-xs font-bold text-gray-500 uppercase mb-3 flex justify-between items-center">
996                        <span class="flex items-center gap-1"><svg class="w-4 h-4 text-red-500 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-11"></use></svg> Anexar YouTube</span>
997                        <button type="button" class="sp-cx-video text-gray-400 hover:text-red-500 text-lg leading-none cursor-pointer" title="Fechar">&times;</button>
998                    </div>
999                    <div class="flex flex-col gap-2">
1000                        <input type="url" class="sp-yt-input w-full text-sm px-3 py-2 border border-gray-200 dark:border-gray-700 rounded bg-gray-50 dark:bg-[#1a1a1a] text-gray-800 dark:text-gray-100 outline-none focus:border-seleblue transition-colors" placeholder="Cole o link do vídeo aqui...">
1001                        <button type="button" class="sp-yt-add-btn w-full bg-red-600 hover:bg-red-700 text-white font-bold py-2 rounded transition-colors text-sm">Embutir Vídeo</button>
1002                    </div>
1003                </div>
1004
1005                <!-- Dropdown do Motor Giphy (Lazy Load) -->
1006                <div class="sp-giphy-dropdown hidden absolute left-2 sm:left-4 top-full mt-1 w-[95%] sm:max-w-[320px] bg-white dark:bg-[#222] border border-gray-200 dark:border-gray-700 rounded-lg shadow-2xl z-50 overflow-hidden transform scale-95 opacity-0 transition-all duration-150 origin-top-left flex flex-col">
1007                    <div class="px-3 py-2 bg-gray-50 dark:bg-gray-800/80 border-b border-gray-100 dark:border-gray-700 flex justify-between items-center shrink-0">
1008                        <input type="text" class="sp-giphy-search w-full bg-transparent border-none outline-none text-sm text-gray-800 dark:text-gray-200 font-medium" placeholder="O que você quer expressar?..." autocomplete="off">
1009                        <button type="button" class="sp-cx-giphy ml-2 text-gray-400 hover:text-red-500 text-lg font-black leading-none cursor-pointer" title="Fechar">&times;</button>
1010                    </div>
1011                    <div class="sp-giphy-grid p-2 grid grid-cols-2 gap-2 h-64 overflow-y-auto custom-scrollbar bg-white dark:bg-[#1a1a1a] content-start">
1012                        <!-- Onde os GIFs entram via JS Native Fetch -->
1013                        <div class="sp-giphy-loading col-span-2 text-center text-xs font-bold text-gray-400 py-8">
1014                            <div class="inline-block w-5 h-5 border-2 border-seleblue border-t-transparent roun
1014ded-full animate-spin mb-2"></div><br>
1015                            Conectando ao banco...
1016                        </div>
1017                    </div>
1018                    <!-- Brand Attribution Obrigatório pela API do Giphy -->
1019                    <div class="px-2 py-1 bg-gray-50 dark:bg-[#111] border-t border-gray-100 dark:border-gray-800 flex justify-end shrink-0 pointer-events-none">
1020                        <span class="text-[9px] font-black tracking-wider uppercase text-gray-400 dark:text-gray-600">Powered by GIPHY</span>
1021                    </div>
1022                </div>
1023
1024                <!-- Divisória Simples -->
1025                <div class="px-4">
1026                    <div class="h-px bg-gray-300 dark:bg-gray-700/60 w-full"></div>
1027                </div>
1028
1029                <!-- Barra de Ferramentas Base -->
1030                <div class="flex items-center justify-between px-3 py-2.5">    
1031                    <!-- Ícones à Esquerda -->
1032                    <div class="flex items-center gap-1 sm:gap-2 text-gray-700 dark:text-gray-300">
1033                        <button type="button" class="sp-format-btn w-8 h-8 hidden lg:flex items-center justify-center rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors font-bold text-gray-500" data-cmd="bold" title="Negrito">B</button>
1034                        <button type="button" class="sp-format-btn w-8 h-8 hidden lg:flex items-center justify-center rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors italic font-serif text-gray-500" data-cmd="italic" title="Itálico">I</button>
1035                        <button type="button" class="sp-format-btn w-8 h-8 hidden lg:flex items-center justify-center rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors line-through text-gray-500" data-cmd="strikeThrough" title="Riscado">S</button>
1036                        
1037                        <div class="hidden lg:block w-px h-5 bg-gray-300 dark:bg-gray-700 mx-1"></div>
1038
1039                        <button type="button" class="sp-emoji-trigger w-9 h-9 flex items-center justify-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors" title="Inserir Emoji">
1040                            <svg class="w-5 h-5 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-12"></use></svg>                        </button>
1041                        <button type="button" class="sp-giphy-trigger w-9 h-9 flex items-center justify-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors font-black text-[13px] tracking-tighter" title="Inserir GIF">
1042                            GIF
1043                        </button>
1044                        <button type="button" class="sp-mention-trigger w-9 h-9 flex items-center justify-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors font-bold text-lg" title="Mencionar (@)">
1045                            @
1046                        </button>
1047                        <!-- Botão Tooltip de Upload Imagem + Input Oculto -->
1048                        <button type="button" class="sp-image-trigger p-2 text-gray-500 hover:text-seleblue hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors group relative" title="Adicionar Imagem">
1049                            <svg class="w-5 h-5 mx-auto relative z-10 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-13"></use></svg>                        </button>
1050                        <input type="file" class="sp-comment-image-upload hidden" accept="image/png, image/jpeg, image/webp, image/gif">                   
1051                        <button type="button" class="sp-video-trigger w-9 h-9 flex items-center justify-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-seleblue transition-colors" title="Anexar Vídeo do YouTube">
1052                            <svg class="w-5 h-5 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-14"></use></svg>                        </button>
1053                    </div>
1054                    
1055                    <!-- Botão Enviar com Spinner -->
1056                    <div class="flex items-center">
1057                        <!-- Spinner nativo Tailwind -->
1058                        <div class="sp-comment-spinner hidden mr-3">
1059                            <svg class="animate-spin h-5 w-5 text-seleblue transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-15"></use></svg>                        </div>
1060                        <button type="button" class="sp-comment-submit-btn w-[30px] h-[30px] rounded-full bg-gray-100 dark:bg-darksurface flex items-center justify-center text-gray-500 hover:bg-seleblue hover:text-white transition-all pointer-events-none opacity-50" title="Enviar Comentário">
1061                            <svg class="w-5 h-5 pr-0.5 transition-transform transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-16"></use></svg>                        </button>
1062                    </div>
1063                </div>
1064            </div>
1065        </form>
1066    </div>
1067    
1068    <style>
1069    /* Recuperador Visual de Hierarquia de Respostas (.children WP Nativas) Escapando do Reset Tailwind */
1070    .comment-list .children {
1071        margin-left: 20px;
1072        padding-left: 15px;
1073        border-left: 2px solid #e5e7eb; /* gray-200 */
1074        margin-top: 15px !important;
1075        position: relative;
1076    }
1077    .dark .comment-list .children {
1078        border-color: #1f2937; /* gray-800 */
1079    }
1080    @media (min-width: 640px) {
1081        .comment-list .children {
1082            margin-left: 45px;
1083            padding-left: 20px;
1084        }
1085    }
1086    </style>
1087    
1088        
1089            
1090        <!-- O JS de AJAX Comments precisa desse container vivo para dar append do 1º Comentário -->
1091        <ol class="comment-list space-y-2 mt-2"></ol>
1092
1093                <div class="text-center py-12 px-4 bg-gray-50 dark:bg-[#1a1a1a] border border-dashed border-gray-200 dark:border-gray-800 rounded-xl mt-6">
1094            <span class="text-4xl sm:text-5xl mb-3 block opacity-80">💬</span>
1095            <h3 class="text-lg font-bold text-gray-900 dark:text-gray-100">Nenhum comentário!</h3>
1096            <p class="text-gray-500 dark:text-gray-400 mt-1 max-w-sm mx-auto text-sm">Seja o primeiro a compartilhar sua opinião ou fazer uma pergunta.</p>
1097        </div>
1098        
1099    
1100    
1101
1102</div>
1103
1104<!-- Modal Global de Vídeo do Fórum (Performance Promobit) -->
1105<div id="sp-forum-video-modal" class="fixed inset-0 z-[9999] hidden items-center justify-center bg-black/95 backdrop-blur-sm opacity-0 transition-opacity duration-300">
1106    <button id="sp-forum-close-btn" class="absolute top-4 right-4 sm:top-6 sm:right-6 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 text-white flex items-center justify-center transition-colors z-50">
1107        <svg class="w-6 h-6 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-43"></use></svg>    </button>
1108    <div class="w-full max-w-[800px] aspect-video bg-black/50 rounded-xl overflow-hidden relative shadow-2xl mx-4 transform scale-95 transition-transform duration-300" id="sp-forum-iframe-wrapper">
1109    </div>
1110</div>
1111
1112<!-- ========================================== -->
1113<!-- JAVASCRIPT VANILLA DO FRONTEND DE COMENTÁRIOS -->
1114<!-- ========================================== -->
1115
1116
1117<!-- MODAL HTML (Denúncias Flutuantes do WP Backend Triage) -->
1118<div id="sp-report-modal" class="hidden fixed inset-0 z-[99999] justify-center items-center">
1119    <div class="sp-report-box-bg absolute inset-0 bg-[#000000a0] backdrop-blur-sm cursor-pointer"></div>
1120    <div class="relative z-10 w-11/12 max-w-[400px] h-auto p-6 md:p-8 bg-white dark:bg-[#151515] rounded-[2rem] shadow-2xl border border-gray-100 dark:border-gray-800 transition-all scale-100">
1121        <button type="button" class="sp-close-report absolute top-5 right-5 w-8 h-8 flex items-center justify-center bg-gray-100 dark:bg-darksurface text-gray-500 hover:text-gray-900 rounded-full transition-colors font-bold z-50">&times;</button>
1122        
1123        <div class="text-center mb-6">
1124            <h2 class="text-2xl font-black font-heading text-red-500 mb-2">Denunciar</h2>
1125            <p class="text-xs font-medium text-gray-500 dark:text-gray-400">Notifique a Moderação. Suas denúncias são anônimas ao público, mas registradas na sua conta no Painel Central.</p>
1126        </div>
1127        
1128        <input type="hidden" id="sp-report-target-cid" value="0">
1129        
1130        <div class="flex flex-col gap-3 mb-6">
1131            <label class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 cursor-pointer hover:bg-red-50 dark:hover:bg-red-900/10 transition-colors">
1132                <input type="radio" name="sp-report-reason" value="Spam / Marketing Falso" class="w-5 h-5 text-red-500">
1133                <span class="text-sm font-bold text-gray-700 dark:text-gray-300">Spam ou Robô</span>
1134            </label>
1135            <label class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 cursor-pointer hover:bg-red-50 dark:hover:bg-red-900/10 transition-colors">
1136                <input type="radio" name="sp-report-reason" value="Ofensa / Ódio / Assédio" class="w-5 h-5 text-red-500">
1137                <span class="text-sm font-bold text-gray-700 dark:text-gray-300">Ofensa ou Agressão</span>
1138            </label>
1139            <label class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 cursor-pointer hover:bg-red-50 dark:hover:bg-red-900/10 transition-colors">
1140                <input type="radio" name="sp-report-reason" value="Golpe / Mentira" class="w-5 h-5 text-red-500">
1141                <span class="text-sm font-bold text-gray-700 dark:text-gray-300">Tentativa de Golpe / Vírus</span>
1142            </label>
1143        </div>
1144        
1145        <button type="button" id="sp-submit-report-btn" class="w-full bg-red-500 text-white font-bold text-[15px] h-12 rounded-[1rem] flex items-center justify-center hover:bg-red-600 transition-all">Denunciar Anonimamente (Via Perfil)</button>
1146    </div>
1147</div>
1148            
1149            </div>
1150
1151    <!-- Sidebar -->
1152    <aside class="w-full lg:w-1/3 flex flex-col gap-8">
1153        
1154        <!-- Últimas Notícias Widget -->
1155        <div class="bg-white dark:bg-darksurface rounded-2xl p-5 sm:p-6 shadow-sm ring-1 ring-gray-100 dark:ring-gray-800">
1156            <h3 class="font-heading font-black text-2xl text-gray-900 dark:text-gray-100 mb-6 relative inline-block">
1157                Últimas Notícias
1158            <span class="absolute -bottom-2 left-0 w-1/2 h-1 bg-seleblue rounded-full"></span>
1159            </h3>
1160            
1161            <div class="flex flex-col gap-6">
1162                                            <article class="group relative flex flex-col gap-3 pb-6 border-b border-gray-100 dark:border-gray-800">
1163                                <a href="https://seletronic.com.br/cupom-150-off-shopee-24-09-2026/" title="Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10" class="absolute inset-0 z-10 w-full h-full"></a>
1164                                <div class="w-full aspect-[4/3] sm:aspect-[16/10] rounded-xl overflow-hidden ring-1 ring-gray-100 dark:ring-gray-800 bg-gray-100 dark:bg-gray-800 relative shadow-sm">
1165                                                                            <img width="768" height="432" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-768x432.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500 wp-post-image" alt="Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10" decoding="async" loading="lazy" srcset="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-768x432.jpg 768w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-300x169.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-1024x576.jpg 1024w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-1080x608.jpg 1080w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-520x293.jpg 520w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-1200x675.jpg 1200w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026-150x84.jpg 150w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_shopee_150off_24_09_2026.jpg 1400w" sizes="auto, (max-width: 768px) 100vw, 768px" />                                                                    </div>
1166                                <div class="mt-1">
1167                                    <div class="flex items-center mb-3">
1168                                        <span class="bg-seleblue text-white text-[9px] sm:text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full shadow-sm">
1169                                            Cupons de Desconto                                        </span>
1170                                    </div>
1171                                    <h4 class="font-heading font-bold text-lg sm:text-xl text-gray-900 dark:text-gray-100 leading-snug group-hover:text-seleblue transition-colors duration-200">
1172                                        Madrugada com desconto pesado: Shopee libera cupom de R$ 150 OFF no Esquenta 10.10                                    </h4>
1173                                </div>
1174                            </article>
1175                                                        <article class="group relative flex items-center gap-4">
1176                                <a href="https://seletronic.com.br/cupom-10-off-mercado-livre-full-24-09-2026/" title="Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full" class="absolute inset-0 z-10 w-full h-full"></a>
1177                                <div class="flex-shrink-0 w-[90px] h-[90px] rounded-xl overflow-hidden ring-1 ring-gray-100 dark:ring-gray-800 bg-gray-100 dark:bg-gray-800 relative shadow-sm">
1178                                                                            <img width="150" height="150" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-150x150.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500 wp-post-image" alt="Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full" decoding="async" loading="lazy" srcset="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-150x150.jpg 150w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-100x100.jpg 100w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-72x72.jpg 72w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-130x130.jpg 130w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-250x250.jpg 250w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-300x300.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-500x500.jpg 500w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_10off_full_24_09_2026-96x96.jpg 96w" sizes="auto, (max-width: 150px) 100v
1178w, 150px" />                                                                    </div>
1179                                <div class="flex-1 py-1">
1180                                    <div class="flex items-center mb-2">
1181                                        <span class="bg-seleblue text-white text-[8px] sm:text-[9px] font-black uppercase tracking-widest px-2.5 py-0.5 rounded-full shadow-sm line-clamp-1">
1182                                            Cupons de Desconto                                        </span>
1183                                    </div>
1184                                    <h4 class="font-heading font-bold text-[14px] sm:text-[15px] leading-[1.3] text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
1185                                        Para abrir a quinta-feira: Mercado Livre ativa cupom de 10% OFF em produtos com envio Full                                    </h4>
1186                                </div>
1187                            </article>
1188                                                        <article class="group relative flex items-center gap-4">
1189                                <a href="https://seletronic.com.br/cupom-25-off-mercado-livre-produtos-diversos-23-09-2026/" title="Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos" class="absolute inset-0 z-10 w-full h-full"></a>
1190                                <div class="flex-shrink-0 w-[90px] h-[90px] rounded-xl overflow-hidden ring-1 ring-gray-100 dark:ring-gray-800 bg-gray-100 dark:bg-gray-800 relative shadow-sm">
1191                                                                            <img width="150" height="150" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-150x150.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500 wp-post-image" alt="Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos" decoding="async" loading="lazy" srcset="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-150x150.jpg 150w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-100x100.jpg 100w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-72x72.jpg 72w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-130x130.jpg 130w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-250x250.jpg 250w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-300x300.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-500x500.jpg 500w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_cupom_ml_25off_sempreml_23_09_2026-96x96.jpg 96w" sizes="auto, (max-width: 150px) 100vw, 150px" />                                                                    </div>
1192                                <div class="flex-1 py-1">
1193                                    <div class="flex items-center mb-2">
1194                                        <span class="bg-seleblue text-white text-[8px] sm:text-[9px] font-black uppercase tracking-widest px-2.5 py-0.5 rounded-full shadow-sm line-clamp-1">
1195                                            Cupons de Desconto                                        </span>
1196                                    </div>
1197                                    <h4 class="font-heading font-bold text-[14px] sm:text-[15px] leading-[1.3] text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
1198                                        Teto de até R$ 500: Mercado Livre surpreende na noite com cupom de 25% OFF em produtos diversos                                    </h4>
1199                                </div>
1200                            </article>
1201                                                        <article class="group relative flex items-center gap-4">
1202                                <a href="https://seletronic.com.br/qualcomm-snapdragon-sound-elite-gen-2-fones-ia-cameras/" title="Qualcomm Anuncia Snapdragon Sound Elite Gen 2: Novo Chip de Áudio Traz IA On-Device e Suporte a Câmeras em Fones" class="absolute inset-0 z-10 w-full h-full"></a>
1203                                <div class="flex-shrink-0 w-[90px] h-[90px] rounded-xl overflow-hidden ring-1 ring-gray-100 dark:ring-gray-800 bg-gray-100 dark:bg-gray-800 relative shadow-sm">
1204                                                                            <img width="150" height="150" src="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-150x150.jpg" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500 wp-post-image" alt="Qualcomm Anuncia Snapdragon Sound Elite Gen 2 com IA e Cameras" decoding="async" loading="lazy" srcset="https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-150x150.jpg 150w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-100x100.jpg 100w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-72x72.jpg 72w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-130x130.jpg 130w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-250x250.jpg 250w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-300x300.jpg 300w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-500x500.jpg 500w, https://seletronic.com.br/wp-content/uploads/2026/09/ready_1400x788_capa_qualcomm_snapdragon_sound_elite_gen_2_ia-96x96.jpg 96w" sizes="auto, (max-width: 150px) 100v
1204w, 150px" />                                                                    </div>
1205                                <div class="flex-1 py-1">
1206                                    <div class="flex items-center mb-2">
1207                                        <span class="bg-seleblue text-white text-[8px] sm:text-[9px] font-black uppercase tracking-widest px-2.5 py-0.5 rounded-full shadow-sm line-clamp-1">
1208                                            Fones de Ouvido                                        </span>
1209                                    </div>
1210                                    <h4 class="font-heading font-bold text-[14px] sm:text-[15px] leading-[1.3] text-gray-900 dark:text-gray-100 group-hover:text-seleblue transition-colors duration-200 line-clamp-3">
1211                                        Qualcomm Anuncia Snapdragon Sound Elite Gen 2: Novo Chip de Áudio Traz IA On-Device e Suporte a Câmeras em Fones                                    </h4>
1212                                </div>
1213                            </article>
1214                                        </div>
1215        </div>
1216
1217        <!-- YouTube Shorts -->
1218        
1219<div class="bg-gray-50 dark:bg-darksurface rounded-2xl p-4 sm:p-6 mb-6 ring-1 ring-gray-100 dark:ring-gray-800 shadow-sm overflow-hidden selepower-shorts-container w-full relative">
1220    
1221    <!-- Cabeçalho -->
1222    <div class="flex items-center justify-between mb-6">
1223        <div class="flex items-center gap-3">
1224            <div class="w-8 h-8 sm:w-10 sm:h-10 rounded-full bg-seleblue flex items-center justify-center text-white shadow-md">
1225                <svg class="w-4 h-4 sm:w-5 sm:h-5 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>            </div>
1226            <h3 class="text-xl sm:text-2xl font-bold text-gray-900 dark:text-white font-heading">Shorts</h3>
1227        </div>
1228        <div class="flex gap-2">
1229            <button class="shorts-btn-prev w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-gray-800 text-white flex items-center justify-center hover:bg-gray-700 transition" aria-label="Anterior">
1230                <svg class="w-4 h-4 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-51"></use></svg>            </button>
1231            <button class="shorts-btn-next w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-gray-800 text-white flex items-center justify-center hover:bg-gray-700 transition" aria-label="Próximo">
1232                <svg class="w-4 h-4 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-52"></use></svg>            </button>
1233        </div>
1234    </div>
1235
1236    <!-- Container do Web Story / Shorts -->
1237    <div class="relative w-full">
1238        <!-- Pista de Rolagem Horizontal -->
1239        <div class="shorts-track flex items-center overflow-x-auto snap-x snap-mandatory gap-3 sm:gap-4 pt-4 pb-12" style="scrollbar-width: none; -ms-overflow-style: none;">
1240            
1241                                            <div class="shorts-item relative flex-shrink-0 w-auto h-[350px] sm:h-[414px] aspect-[9/16] rounded-xl overflow-hidden snap-center group cursor-pointer ring-1 ring-gray-200 dark:ring-gray-800 shadow-sm transition-all duration-300 origin-center" title="Diga um jogo que marcou sua vida gamer 🥹" data-index="0" data-id="NMXADqQ-z-g">
1242                    
1243                    <!-- Background -->
1244                    <img src="https://i.ytimg.com/vi/NMXADqQ-z-g/sddefault.jpg" alt="Diga um jogo que marcou sua vida gamer 🥹" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1245                    
1246                    <!-- Overlay Gradiente Base -->
1247                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none"></div>
1248
1249                    <!-- Botão Play Centralizado -->
1250                    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
1251                        <div class="w-12 h-12 sm:w-14 sm:h-14 roun
1251ded-full bg-black/60 text-white flex items-center justify-center backdrop-blur-sm shadow-xl group-hover:bg-seleblue transition-colors duration-300">
1252                            <svg class="w-5 h-5 sm:w-6 sm:h-6 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>                        </div>
1253                    </div>
1254                    
1255                    <!-- Título -->
1256                    <div class="absolute bottom-0 left-0 w-full p-4 z-10 pointer-events-none">
1257                        <h4 class="text-white font-bold text-xs sm:text-sm tracking-tight leading-tight line-clamp-3 drop-shadow-md">
1258                            Diga um jogo que marcou sua vida gamer 🥹                        </h4>
1259                    </div>
1260                </div>
1261                                            <div class="shorts-item relative flex-shrink-0 w-auto h-[350px] sm:h-[414px] aspect-[9/16] rounded-xl overflow-hidden snap-center group cursor-pointer ring-1 ring-gray-200 dark:ring-gray-800 shadow-sm transition-all duration-300 origin-center" title="Envie imagens nas redes sociais sem precisar salvar no dispositivo" data-index="1" data-id="44xG0QsdDzk">
1262                    
1263                    <!-- Background -->
1264                    <img src="https://i.ytimg.com/vi/44xG0QsdDzk/sddefault.jpg" alt="Envie imagens nas redes sociais sem precisar salvar no dispositivo" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1265                    
1266                    <!-- Overlay Gradiente Base -->
1267                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none"></div>
1268
1269                    <!-- Botão Play Centralizado -->
1270                    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
1271                        <div class="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-black/60 text-white flex items-center justify-center backdrop-blur-sm shadow-xl group-hover:bg-seleblue transition-colors duration-300">
1272                            <svg class="w-5 h-5 sm:w-6 sm:h-6 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>                        </div>
1273                    </div>
1274                    
1275                    <!-- Título -->
1276                    <div class="absolute bottom-0 left-0 w-full p-4 z-10 pointer-events-none">
1277                        <h4 class="text-white font-bold text-xs sm:text-sm tracking-tight leading-tight line-clamp-3 drop-shadow-md">
1278                            Envie imagens nas redes sociais sem precisar salvar no dispositivo                        </h4>
1279                    </div>
1280                </div>
1281                                            <div class="shorts-item relative flex-shrink-0 w-auto h-[350px] sm:h-[414px] aspect-[9/16] rounded-xl overflow-hidden snap-center group cursor-pointer ring-1 ring-gray-200 dark:ring-gray-800 shadow-sm transition-all duration-300 origin-center" title="Como aumentar e diminuir os ícones da área de trabalho no #windows" data-index="2" data-id="2WjGSkxh_L0">
1282                    
1283                    <!-- Background -->
1284                    <img src="https://i.ytimg.com/vi/2WjGSkxh_L0/sddefault.jpg" alt="Como aumentar e diminuir os ícones da área de trabalho no #windows" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1285                    
1286                    <!-- Overlay Gradiente Base -->
1287                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none"></div>
1288
1289                    <!-- Botão Play Centralizado -->
1290                    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
1291                        <div class="w-12 h-12 sm:w-14 sm:h-14 roun
1291ded-full bg-black/60 text-white flex items-center justify-center backdrop-blur-sm shadow-xl group-hover:bg-seleblue transition-colors duration-300">
1292                            <svg class="w-5 h-5 sm:w-6 sm:h-6 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>                        </div>
1293                    </div>
1294                    
1295                    <!-- Título -->
1296                    <div class="absolute bottom-0 left-0 w-full p-4 z-10 pointer-events-none">
1297                        <h4 class="text-white font-bold text-xs sm:text-sm tracking-tight leading-tight line-clamp-3 drop-shadow-md">
1298                            Como aumentar e diminuir os ícones da área de trabalho no #windows                        </h4>
1299                    </div>
1300                </div>
1301                                            <div class="shorts-item relative flex-shrink-0 w-auto h-[350px] sm:h-[414px] aspect-[9/16] rounded-xl overflow-hidden snap-center group cursor-pointer ring-1 ring-gray-200 dark:ring-gray-800 shadow-sm transition-all duration-300 origin-center" title="Conheça os novos cartões de memória de Pokémon da SanDisk" data-index="3" data-id="UXr4NrqVNrc">
1302                    
1303                    <!-- Background -->
1304                    <img src="https://i.ytimg.com/vi/UXr4NrqVNrc/sddefault.jpg" alt="Conheça os novos cartões de memória de Pokémon da SanDisk" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1305                    
1306                    <!-- Overlay Gradiente Base -->
1307                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none"></div>
1308
1309                    <!-- Botão Play Centralizado -->
1310                    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
1311                        <div class="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-black/60 text-white flex items-center justify-center backdrop-blur-sm shadow-xl group-hover:bg-seleblue transition-colors duration-300">
1312                            <svg class="w-5 h-5 sm:w-6 sm:h-6 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>                        </div>
1313                    </div>
1314                    
1315                    <!-- Título -->
1316                    <div class="absolute bottom-0 left-0 w-full p-4 z-10 pointer-events-none">
1317                        <h4 class="text-white font-bold text-xs sm:text-sm tracking-tight leading-tight line-clamp-3 drop-shadow-md">
1318                            Conheça os novos cartões de memória de Pokémon da SanDisk                        </h4>
1319                    </div>
1320                </div>
1321                                            <div class="shorts-item relative flex-shrink-0 w-auto h-[350px] sm:h-[414px] aspect-[9/16] rounded-xl overflow-hidden snap-center group cursor-pointer ring-1 ring-gray-200 dark:ring-gray-800 shadow-sm transition-all duration-300 origin-center" title="Esse Carregador de Controle de PS4 só Recebe Elogio na Minha Mesa #ps4 #playstation #carregador" data-index="4" data-id="58AhZsuqcEQ">
1322                    
1323                    <!-- Background -->
1324                    <img src="https://i.ytimg.com/vi/58AhZsuqcEQ/sddefault.jpg" alt="Esse Carregador de Controle de PS4 só Recebe Elogio na Minha Mesa #ps4 #playstation #carregador" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1325                    
1326                    <!-- Overlay Gradiente Base -->
1327                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none"></div>
1328
1329                    <!-- Botão Play Centralizado -->
1330                    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
1331                        <div class="w-12 h-12 sm:w-14 sm:h-14 roun
1331ded-full bg-black/60 text-white flex items-center justify-center backdrop-blur-sm shadow-xl group-hover:bg-seleblue transition-colors duration-300">
1332                            <svg class="w-5 h-5 sm:w-6 sm:h-6 ml-1 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-50"></use></svg>                        </div>
1333                    </div>
1334                    
1335                    <!-- Título -->
1336                    <div class="absolute bottom-0 left-0 w-full p-4 z-10 pointer-events-none">
1337                        <h4 class="text-white font-bold text-xs sm:text-sm tracking-tight leading-tight line-clamp-3 drop-shadow-md">
1338                            Esse Carregador de Controle de PS4 só Recebe Elogio na Minha Mesa #ps4 #playstation #carregador                        </h4>
1339                    </div>
1340                </div>
1341                        
1342        </div>
1343
1344        <!-- Paginação / Barras indicadoras -->
1345        <div class="shorts-pagination absolute bottom-2 left-0 w-full flex justify-center gap-2 h-2">
1346                            <div class="shorts-dot w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600 transition-all duration-300 cursor-pointer" data-index="0"></div>
1347                            <div class="shorts-dot w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600 transition-all duration-300 cursor-pointer" data-index="1"></div>
1348                            <div class="shorts-dot w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600 transition-all duration-300 cursor-pointer" data-index="2"></div>
1349                            <div class="shorts-dot w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600 transition-all duration-300 cursor-pointer" data-index="3"></div>
1350                            <div class="shorts-dot w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600 transition-all duration-300 cursor-pointer" data-index="4"></div>
1351                    </div>
1352    </div>
1353    
1354    <!-- Modal de Vídeo -->
1355    <div id="shorts-video-modal" class="fixed inset-0 z-[9999] hidden items-center justify-center bg-black/90 backdrop-blur-sm opacity-0 transition-opacity duration-300">
1356        <!-- Botão Fechar -->
1357        <button id="shorts-close-btn" class="absolute top-4 right-4 sm:top-6 sm:right-6 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 text-white flex items-center justify-center transition-colors z-50">
1358            <svg class="w-6 h-6 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-43"></use></svg>        </button>
1359        
1360        <!-- Wrapper do IFRAME -->
1361        <div class="w-full max-w-[400px] aspect-[9/16] bg-black/50 rounded-lg overflow-hidden relative shadow-2xl mx-4 transform scale-95 transition-transform duration-300" id="shorts-iframe-wrapper">
1362            <!-- O iframe será injetado aqui pelo JS -->
1363        </div>
1364    </div>
1365</div>
1366
1367<style>
1368/* Oculta scrollbar */
1369.shorts-track::-webkit-scrollbar {
1370    display: none;
1371}
1372.shorts-track {
1373    scroll-behavior: smooth;
1374    -webkit-overflow-scrolling: touch;
1375    /* Alinha o primeiro item no centro */
1376}
1377
1378/* Estados visuais do Item (Efeito Sanfona / Diminuído nas laterais) */
1379.shorts-item {
1380    transform: scale(0.85); /* Items não centrais ficam menores */
1381    opacity: 0.5;          /* Items não centrais meio apagados */
1382    transform-origin: center center;
1383    z-index: 1;
1384}
1385.shorts-item.active {
1386    transform: scale(1.05); /* Item central um pouco maior que os outros */
1387    opacity: 1;            /* Opacidade total */
1388    z-index: 10;
1389}
1390
1391/* Dot ativo (Redondinho longo se quiser, ou apenas azul. Pedido: bolinha no slider e botão azul) */
1392.shorts-dot {
1393    width: 8px;
1394    height: 8px;
1395}
1396.shorts-dot.active {
1397    transform: scale(1.2);
1398    /* a cor base do tema será controlada via addClass no script, usando o seletor padrão ou as var */
1399}
1400</style>
1401
1402<script>
1403document.addEventListener('DOMContentLoaded', function() {
1404    const containers = document.querySelectorAll('.selepower-shorts-container');
1405    
1406    // Calcula largura real em pixels pelo DOM logo na montagem
1407    function updatePadding(track, firstItem) {
1408        if (!firstItem) return;
1409        const w = firstItem.offsetWidth;
1410        const parentW = track.parentElement.offsetWidth;
1411        const pad = (parentW / 2) - (w / 2);
1412        track.style.paddingLeft = `${pad}px`;
1413        track.style.paddingRight = `${pad}px`;
1414    }
1415    
1416    containers.forEach(container => {
1417        const track = container.querySelector('.shorts-track');
1418        const items = container.querySelectorAll('.shorts-item');
1419        const dots = container.querySelectorAll('.shorts-dot');
1420        const btnNext = container.querySelector('.shorts-btn-next');
1421        const btnPrev = container.querySelector('.shorts-btn-prev');
1422        const modal = container.querySelector('#shorts-video-modal');
1423        const modalCloseBtn = container.querySelector('#shorts-close-btn');
1424        const iframeWrapper = container.querySelector('#shorts-iframe-wrapper');
1425        
1426        // Ajuste inicial do padding
1427        updatePadding(track, items[0]);
1428        window.addEventListener('resize', () => updatePadding(track, items[0]));
1429
1430        let activeIndex = -1;
1431
1432        function updatePagination() {
1433            const trackCenter = track.scrollLeft + (track.clientWidth / 2);
1434            let minDiff = Infinity;
1435            let newIndex = 0;
1436
1437            items.forEach((item, index) => {
1438                const itemCenter = item.offsetLeft + (item.offsetWidth / 2);
1439                const diff = Math.abs(trackCenter - itemCenter);
1440                if (diff < minDiff) {
1441                    minDiff = diff;
1442                    newIndex = index;
1443                }
1444            });
1445
1446            if (activeIndex !== newIndex) {
1447                // Remove ativo do anterior
1448                if (activeIndex >= 0 && items[activeIndex]) {
1449                    items[activeIndex].classList.remove('active');
1450                    dots[activeIndex].classList.remove('active', 'bg-seleblue');
1451                    dots[activeIndex].classList.add('bg-gray-300', 'dark:bg-gray-600');
1452                }
1453                
1454                // Setar novo
1455                activeIndex = newIndex;
1456                if (items[activeIndex]) {
1457                    items[activeIndex].classList.add('active');
1458                    dots[activeIndex].classList.add('active', 'bg-seleblue');
1459                    dots[activeIndex].classList.remove('bg-gray-300', 'dark:bg-gray-600');
1460                }
1461            }
1462        }
1463
1464        function scrollToItem(index) {
1465            if (items[index]) {
1466                const itemCenter = items[index].offsetLeft + (items[index].offsetWidth / 2);
1467                const scrollPos = itemCenter - (track.clientWidth / 2);
1468                track.scrollTo({
1469                    left: scrollPos,
1470                    behavior: 'smooth'
1471                });
1472            }
1473        }
1474
1475        // Touch / Scroll event para atualizar bolinhas e scale
1476        track.addEventListener('scroll', () => {
1477             window.requestAnimationFrame(updatePagination);
1478        });
1479
1480        // Botões
1481        btnNext.addEventListener('click', () => {
1482             if (activeIndex < items.length - 1) scrollToItem(activeIndex + 1);
1483             else scrollToItem(0);
1484        });
1485
1486        btnPrev.addEventListener('click', () => {
1487             if (activeIndex > 0) scrollToItem(activeIndex - 1);
1488             else scrollToItem(items.length - 1);
1489        });
1490
1491        // Modal Logic
1492        function openModal(videoId) {
1493            document.body.style.overflow = 'hidden'; // trava bg
1494            iframeWrapper.innerHTML = `<iframe width="100%" height="100%" src="https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="absolute inset-0"></iframe>`;
1495            modal.classList.remove('hidden');
1496            modal.classList.add('flex');
1497            stopAutoplay();
1498            // Timeout pra dar triggger na animação
1499            setTimeout(() => {
1500                modal.classList.remove('opacity-0');
1501                iframeWrapper.classList.remove('scale-95');
1502                iframeWrapper.classList.add('scale-100');
1503            }, 10);
1504        }
1505
1506        function closeModal() {
1507            modal.classList.add('opacity-0');
1508            iframeWrapper.classList.remove('scale-100');
1509            iframeWrapper.classList.add('scale-95');
1510            setTimeout(() => {
1511                modal.classList.remove('flex');
1512                modal.classList.add('hidden');
1513                iframeWrapper.innerHTML = '';
1514                document.body.style.overflow = ''; // solta bg
1515                startAutoplay();
1516            }, 300);
1517        }
1518
1519        modalCloseBtn.addEventListener('click', closeModal);
1520        modal.addEventListener('click', (e) => {
1521            if (e.target === modal) closeModal();
1522        });
1523        document.addEventListener('keydown', (e) => {
1524            if (e.key === 'Escape' && !modal.classList.contains('hidden')) {
1525                closeModal();
1526            }
1527        });
1528        
1529        // Autoplay Logic
1530        let autoplayInterval = null;
1531        let isHovered = false;
1532
1533        function startAutoplay() {
1534            if (autoplayInterval || modal.classList.contains('flex')) return;
1535            autoplayInterval = setInterval(() => {
1536                if(!isHovered) {
1537                    if (activeIndex < items.length - 1) scrollToItem(activeIndex + 1);
1538                    else scrollToItem(0);
1539                }
1540            }, 3000);
1541        }
1542
1543        function stopAutoplay() {
1544            if (autoplayInterval) {
1545                clearInterval(autoplayInterval);
1546                autoplayInterval = null;
1547            }
1548        }
1549
1550        container.addEventListener('mouseenter', () => isHovered = true);
1551        container.addEventListener('mouseleave', () => isHovered = false);
1552
1553        // Click nos itens
1554        items.forEach((item, index) => {
1555            item.addEventListener('click', (e) => {
1556                if (index !== activeIndex) {
1557                    e.preventDefault();
1558                    scrollToItem(index);
1559                } else {
1560                    // Clicou no ativo: Abre Vídeo
1561                    const vid = item.getAttribute('data-id');
1562                    if (vid) openModal(vid);
1563                }
1564            });
1565        });
1566
1567        // Click nas bolinhas
1568        dots.forEach((dot, index) => {
1569            dot.addEventListener('click', () => {
1570                scrollToItem(index);
1571            });
1572        });
1573        
1574        // Timeout para calcular o tamanho real de tudo antes de animar
1575        setTimeout(() => {
1576            updatePadding(track, items[0]);
1577            scrollToItem(0);
1578            updatePagination();
1579            items.forEach(i => i.style.transition = 'all 0.4s ease'); // Habilita a transição depois de posicionado
1580            startAutoplay();
1581        }, 150);
1582    });
1583});
1584</script>
1584
1585            <div id="tk-widget-ofertas" class="w-full bg-[#212121] rounded-2xl overflow-hidden font-sans border border-slate-800 shadow-2xl relative">
1586        
1587        <!-- Marquee Row -->
1588        <div class="relative w-full overflow-hidden h-[200px] flex items-center bg-[#282828] pt-4 custom-marquee-wrapper before:absolute before:left-0 before:top-0 before:z-10 before:w-16 before:h-full before:bg-gradient-to-r before:from-[#212121] before:to-transparent after:absolute after:right-0 after:top-0 after:z-10 after:w-16 after:h-full after:bg-gradient-to-l after:from-[#212121] after:to-transparent">
1589            
1590            <!-- A trilha que rola infinitamente -->
1591            <div class="flex gap-4 animate-marquee whitespace-nowrap min-w-max px-4 hover:pause-animation">
1592                
1593                                <!-- Ticket Coupon UI Puro Tailwind -->
1594                <a href="https://ofertas.seletronic.com.br/cupom/20-off-na-dafiti-em-produtos-selecionados/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1595                    
1596                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1597                        
1598                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1599                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1600                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1601                        
1602                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1603                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1604                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Dafiti</span>
1605                        </div>
1606                        
1607                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1608                        <div class="flex-1 flex items-center justify-center p-3">
1609                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">20% OFF na Dafiti em...</span>
1610                        </div>
1611                    </div>
1612                </a>
1613                                <!-- Ticket Coupon UI Puro Tailwind -->
1614                <a href="https://ofertas.seletronic.com.br/cupom/34-off-em-lava-e-seca-samsung-wd11a-ecobubble-inox-look-11-7kg/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1615                    
1616                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1617                        
1618                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1619                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1620                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1621                        
1622                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1623                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1624                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Clube Samsung</span>
1625                        </div>
1626                        
1627                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1628                        <div class="flex-1 flex items-center justify-center p-3">
1629                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">34% OFF em Lava e...</span>
1630                        </div>
1631                    </div>
1632                </a>
1633                                <!-- Ticket Coupon UI Puro Tailwind -->
1634                <a href="https://ofertas.seletronic.com.br/cupom/r25-off-no-aliexpress-em-todo-o-site-3/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1635                    
1636                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1637                        
1638                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1639                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1640                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1641                        
1642                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1643                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1644                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">AliExpress</span>
1645                        </div>
1646                        
1647                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1648                        <div class="flex-1 flex items-center justify-center p-3">
1649                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$25 OFF no AliExpress em...</span>
1650                        </div>
1651                    </div>
1652                </a>
1653                                <!-- Ticket Coupon UI Puro Tailwind -->
1654                <a href="https://ofertas.seletronic.com.br/cupom/ate-80-off-na-mega-oferta-prime-dia-5-a-11-de-outubro/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1655                    
1656                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1657                        
1658                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1659                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1660                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1661                        
1662                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1663                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1664                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Amazon</span>
1665                        </div>
1666                        
1667                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1668                        <div class="flex-1 flex items-center justify-center p-3">
1669                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Até 80% OFF na Mega...</span>
1670                        </div>
1671                    </div>
1672                </a>
1673                                <!-- Ticket Coupon UI Puro Tailwind -->
1674                <a href="https://ofertas.seletronic.com.br/cupom/r300-off-na-kabum-em-impressora-3d-bambu-lab-a1-ams-lite-kit/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1675                    
1676                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1677                        
1678                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1679                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1680                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1681                        
1682                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1683                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1684                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Kabum!</span>
1685                        </div>
1686                        
1687                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1688                        <div class="flex-1 flex items-center justify-center p-3">
1689                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$300 OFF na Kabum! em...</span>
1690                        </div>
1691                    </div>
1692                </a>
1693                                <!-- Ticket Coupon UI Puro Tailwind -->
1694                <a href="https://ofertas.seletronic.com.br/cupom/5-off-na-lg-em-produtos-selecionados/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1695                    
1696                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1697                        
1698                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1699                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1700                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1701                        
1702                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1703                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1704                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">LG</span>
1705                        </div>
1706                        
1707                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1708                        <div class="flex-1 flex items-center justify-center p-3">
1709                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">5% OFF na LG em...</span>
1710                        </div>
1711                    </div>
1712                </a>
1713                                <!-- Ticket Coupon UI Puro Tailwind -->
1714                <a href="https://ofertas.seletronic.com.br/cupom/10-off-em-produtos-panini-no-magazine-luiza/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1715                    
1716                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1717                        
1718                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1719                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1720                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1721                        
1722                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1723                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1724                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Magazine Luiza</span>
1725                        </div>
1726                        
1727                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1728                        <div class="flex-1 flex items-center justify-center p-3">
1729                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">10% OFF em produtos Panini...</span>
1730                        </div>
1731                    </div>
1732                </a>
1733                                <!-- Ticket Coupon UI Puro Tailwind -->
1734                <a href="https://ofertas.seletronic.com.br/cupom/cupom-de-desconto-30-off-no-mercado-livre-em-produtos-elegiveis/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1735                    
1736                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1737                        
1738                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1739                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1740                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1741                        
1742                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1743                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1744                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Mercado Livre</span>
1745                        </div>
1746                        
1747                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1748                        <div class="flex-1 flex items-center justify-center p-3">
1749                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Cupom de desconto 30% OFF...</span>
1750                        </div>
1751                    </div>
1752                </a>
1753                                <!-- Ticket Coupon UI Puro Tailwind -->
1754                <a href="https://ofertas.seletronic.com.br/cupom/r50-off-na-positivo-em-tablets/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1755                    
1756                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1757                        
1758                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1759                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1760                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1761                        
1762                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1763                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1764                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Positivo</span>
1765                        </div>
1766                        
1767                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1768                        <div class="flex-1 flex items-center justify-center p-3">
1769                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$50 OFF na Positivo em...</span>
1770                        </div>
1771                    </div>
1772                </a>
1773                                <!-- Ticket Coupon UI Puro Tailwind -->
1774                <a href="https://ofertas.seletronic.com.br/cupom/cupom-de-desconto-50-off-novos-usuarios-na-shein/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1775                    
1776                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1777                        
1778                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1779                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1780                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1781                        
1782                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1783                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1784                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Shein</span>
1785                        </div>
1786                        
1787                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1788                        <div class="flex-1 flex items-center justify-center p-3">
1789                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Cupom de Desconto 50% OFF...</span>
1790                        </div>
1791                    </div>
1792                </a>
1793                                <!-- Ticket Coupon UI Puro Tailwind -->
1794                <a href="https://ofertas.seletronic.com.br/cupom/r40-off-na-shopee-em-compras-acima-de-r199/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1795                    
1796                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1797                        
1798                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1799                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1800                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1801                        
1802                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1803                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1804                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Shopee</span>
1805                        </div>
1806                        
1807                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1808                        <div class="flex-1 flex items-center justify-center p-3">
1809                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$40 OFF na Shopee em...</span>
1810                        </div>
1811                    </div>
1812                </a>
1813                                <!-- Ticket Coupon UI Puro Tailwind -->
1814                <a href="https://ofertas.seletronic.com.br/cupom/20-off-na-dafiti-em-produtos-selecionados/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1815                    
1816                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1817                        
1818                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1819                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1820                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1821                        
1822                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1823                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1824                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Dafiti</span>
1825                        </div>
1826                        
1827                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1828                        <div class="flex-1 flex items-center justify-center p-3">
1829                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">20% OFF na Dafiti em...</span>
1830                        </div>
1831                    </div>
1832                </a>
1833                                <!-- Ticket Coupon UI Puro Tailwind -->
1834                <a href="https://ofertas.seletronic.com.br/cupom/34-off-em-lava-e-seca-samsung-wd11a-ecobubble-inox-look-11-7kg/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1835                    
1836                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1837                        
1838                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1839                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1840                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1841                        
1842                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1843                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1844                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Clube Samsung</span>
1845                        </div>
1846                        
1847                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1848                        <div class="flex-1 flex items-center justify-center p-3">
1849                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">34% OFF em Lava e...</span>
1850                        </div>
1851                    </div>
1852                </a>
1853                                <!-- Ticket Coupon UI Puro Tailwind -->
1854                <a href="https://ofertas.seletronic.com.br/cupom/r25-off-no-aliexpress-em-todo-o-site-3/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1855                    
1856                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1857                        
1858                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1859                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1860                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1861                        
1862                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1863                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1864                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">AliExpress</span>
1865                        </div>
1866                        
1867                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1868                        <div class="flex-1 flex items-center justify-center p-3">
1869                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$25 OFF no AliExpress em...</span>
1870                        </div>
1871                    </div>
1872                </a>
1873                                <!-- Ticket Coupon UI Puro Tailwind -->
1874                <a href="https://ofertas.seletronic.com.br/cupom/ate-80-off-na-mega-oferta-prime-dia-5-a-11-de-outubro/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1875                    
1876                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1877                        
1878                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1879                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1880                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1881                        
1882                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1883                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1884                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Amazon</span>
1885                        </div>
1886                        
1887                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1888                        <div class="flex-1 flex items-center justify-center p-3">
1889                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Até 80% OFF na Mega...</span>
1890                        </div>
1891                    </div>
1892                </a>
1893                                <!-- Ticket Coupon UI Puro Tailwind -->
1894                <a href="https://ofertas.seletronic.com.br/cupom/r300-off-na-kabum-em-impressora-3d-bambu-lab-a1-ams-lite-kit/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1895                    
1896                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1897                        
1898                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1899                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1900                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1901                        
1902                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1903                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1904                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Kabum!</span>
1905                        </div>
1906                        
1907                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1908                        <div class="flex-1 flex items-center justify-center p-3">
1909                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$300 OFF na Kabum! em...</span>
1910                        </div>
1911                    </div>
1912                </a>
1913                                <!-- Ticket Coupon UI Puro Tailwind -->
1914                <a href="https://ofertas.seletronic.com.br/cupom/5-off-na-lg-em-produtos-selecionados/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1915                    
1916                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1917                        
1918                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1919                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1920                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1921                        
1922                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1923                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1924                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">LG</span>
1925                        </div>
1926                        
1927                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1928                        <div class="flex-1 flex items-center justify-center p-3">
1929                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">5% OFF na LG em...</span>
1930                        </div>
1931                    </div>
1932                </a>
1933                                <!-- Ticket Coupon UI Puro Tailwind -->
1934                <a href="https://ofertas.seletronic.com.br/cupom/10-off-em-produtos-panini-no-magazine-luiza/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1935                    
1936                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1937                        
1938                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1939                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1940                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1941                        
1942                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1943                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1944                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Magazine Luiza</span>
1945                        </div>
1946                        
1947                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1948                        <div class="flex-1 flex items-center justify-center p-3">
1949                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">10% OFF em produtos Panini...</span>
1950                        </div>
1951                    </div>
1952                </a>
1953                                <!-- Ticket Coupon UI Puro Tailwind -->
1954                <a href="https://ofertas.seletronic.com.br/cupom/cupom-de-desconto-30-off-no-mercado-livre-em-produtos-elegiveis/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1955                    
1956                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1957                        
1958                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1959                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1960                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1961                        
1962                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1963                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1964                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Mercado Livre</span>
1965                        </div>
1966                        
1967                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1968                        <div class="flex-1 flex items-center justify-center p-3">
1969                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Cupom de desconto 30% OFF...</span>
1970                        </div>
1971                    </div>
1972                </a>
1973                                <!-- Ticket Coupon UI Puro Tailwind -->
1974                <a href="https://ofertas.seletronic.com.br/cupom/r50-off-na-positivo-em-tablets/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1975                    
1976                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1977                        
1978                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1979                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1980                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
1981                        
1982                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
1983                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
1984                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Positivo</span>
1985                        </div>
1986                        
1987                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
1988                        <div class="flex-1 flex items-center justify-center p-3">
1989                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$50 OFF na Positivo em...</span>
1990                        </div>
1991                    </div>
1992                </a>
1993                                <!-- Ticket Coupon UI Puro Tailwind -->
1994                <a href="https://ofertas.seletronic.com.br/cupom/cupom-de-desconto-50-off-novos-usuarios-na-shein/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
1995                    
1996                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
1997                        
1998                        <!-- Furinhos Estilo Ticket Top e Bottom -->
1999                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
2000                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
2001                        
2002                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
2003                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
2004                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Shein</span>
2005                        </div>
2006                        
2007                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
2008                        <div class="flex-1 flex items-center justify-center p-3">
2009                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">Cupom de Desconto 50% OFF...</span>
2010                        </div>
2011                    </div>
2012                </a>
2013                                <!-- Ticket Coupon UI Puro Tailwind -->
2014                <a href="https://ofertas.seletronic.com.br/cupom/r40-off-na-shopee-em-compras-acima-de-r199/" style="outline: none !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; transform-style: preserve-3d; backface-visibility: hidden; -webkit-font-smoothing: antialiased;" class="block flex-shrink-0 relative transition-transform transform hover:scale-105 active:scale-95 duration-200 !border-0 !outline-none !shadow-none ring-0">
2015                    
2016                    <div style="border: 0 !important; outline: none !important; background-clip: padding-box; backface-visibility: hidden;" class="w-[180px] h-[150px] bg-gradient-to-br from-gray-100 to-gray-300 rounded-xl relative shadow-md flex flex-col pt-4">
2017                        
2018                        <!-- Furinhos Estilo Ticket Top e Bottom -->
2019                        <div class="absolute -top-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
2020                        <div class="absolute -bottom-[10px] left-1/2 -translate-x-1/2 w-5 h-5 bg-[#282828] rounded-full z-10"></div>
2021                        
2022                        <!-- Header da Loja (Altura Mínima/Fixa Trava a Linha) -->
2023                        <div class="h-[60px] flex-shrink-0 flex items-center justify-center border-b-[2px] border-dashed border-gray-400 mx-3 pb-2">
2024                            <span class="text-sm font-black text-gray-900 tracking-tight whitespace-normal text-center leading-tight align-middle line-clamp-2">Shopee</span>
2025                        </div>
2026                        
2027                        <!-- Conteúdo Cupom (Usa o espaço restante) -->
2028                        <div class="flex-1 flex items-center justify-center p-3">
2029                            <span class="text-xs font-medium text-gray-700 text-center whitespace-normal leading-snug">R$40 OFF na Shopee em...</span>
2030                        </div>
2031                    </div>
2032                </a>
2033                                
2034            </div>
2035        </div>
2036
2037                <!-- Call to Action Texts & Buttons -->
2038        <div class="p-6 md:p-8 flex flex-col gap-6 relative z-20 bg-[#212121]">
2039            <div class="space-y-4 text-left">
2040                <h3 class="text-2xl md:text-3xl font-extrabold text-white leading-tight tracking-tight">As <span class="text-seleblue">melhores promoções</span><br>da internet num só lugar!</h3>
2041                <p class="text-[15px] text-gray-300 font-medium leading-relaxed my-2 max-w-[90%]">Uma curadoria rigorosa com os cupons mais fortes das principais lojas pra você economizar de verdade.</p>
2042            </div>
2043
2044            <div class="flex flex-col gap-3 mt-2">
2045                <a href="https://ofertas.seletronic.com.br/" class="w-full text-center py-3.5 px-6 rounded-lg text-white font-bold text-[15px] transition-all bg-seleblue hover:brightness-110">
2046                    Confira as ofertas do dia                </a>
2047                <a href="https://ofertas.seletronic.com.br/entrar-grupo/" target="_blank" rel="noopener noreferrer" class="w-full text-center py-3.5 px-6 rounded-lg text-gray-900 font-bold text-[15px] flex items-center justify-center gap-2 transition-all bg-[#5dd587] hover:bg-[#4bc074]">
2048                    <svg fill="currentColor" class="w-5 h-5"><use href="https://ofertas.seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg#sp-icon-53"></use></svg>
2049                    Receber pelo WhatsApp                </a>
2050            </div>
2051            
2052            <style>
2053                .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
2054                .pause-animation { animation-play-state: paused!important; }
2055                .custom-marquee-wrapper:hover .animate-marquee { animation-play-state: paused!important; }
2056                @keyframes marqueeUI {
2057                    0% { transform: translateX(0); }
2058                    100% { transform: translateX(-50%); } 
2059                }
2060                .animate-marquee {
2061                    animation: marqueeUI 30s linear infinite;
2062                    will-change: transform;
2063                }
2064            </style>
2065        </div>
2066    </div>
2067    
2068        <!-- Sticky Wrapper -->
2069        <div class="sticky top-28 space-y-8">
2070            <div class="w-full dark:bg-darksurface shadow-sm rounded-xl min-h-[600px] flex items-center justify-center text-gray-400 text-[10px] font-bold tracking-[0.2em]">
2071                <div style="min-width: 300px; min-height: 250px; width: 100%; display: flex; justify-content: center;">
2072
2073    
2073<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7579692632994287"
2074         crossorigin="anonymous"></script>
2074
2075    <ins class="adsbygoogle"
2076         style="display:block; min-width:300px; min-height:250px;"
2077         data-ad-client="ca-pub-7579692632994287"
2078         data-ad-slot="3704464701"
2079         data-full-width-responsive="true"></ins>
2080    
2080<script>
2081         (adsbygoogle = window.adsbygoogle || []).push({});
2082    </script>
2082
2083
2084</div>            </div>
2085
2086                    </div>
2087    </aside>
2088
2089</main>
2090
2091<footer class="bg-seleblue dark:bg-[#111] border-t-0 mt-16 pb-8 pt-12 text-white">
2092    <div class="container mx-auto px-4 lg:px-8">
2093        <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 mb-12">
2094            <!-- Coluna de Marca e Redes Sociais -->
2095            <div class="w-full lg:w-1/3 flex flex-col items-center lg:items-start text-center lg:text-left">
2096                <a href="https://seletronic.com.br/" class="inline-block mb-4">
2097                    <img src="https://seletronic.com.br/estilos/svg/seletronic/logo-white.svg" alt="Logo Seletronic" class="max-h-[30px] w-auto filter brightness-0 invert">
2098                </a>
2099                <p class="text-sm font-medium text-blue-100 dark:text-gray-400 max-w-xs mx-auto lg:mx-0 mb-8">
2100                    Sua dose diária de poder tecnológico. Reviews, tutoriais e as últimas novidades do mundo Tech.                </p>
2101                
2102                <h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Siga-nos</h4>
2103                <div class="flex flex-wrap justify-center lg:justify-start gap-4">
2104                    <!-- Facebook -->
2105                                        <a href="https://www.facebook.com/seletronicbrasil" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-white/10 dark:bg-black/30 flex items-center justify-center text-white/80 hover:text-white hover:bg-[#1877F2] hover:scale-110 transition-all duration-300 shadow-sm" aria-label="Facebook" title="Siga-nos no Facebook">
2106                        <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-17"></use></svg>                    </a>
2107                                        
2108                    <!-- Instagram -->
2109                                        <a href="https://www.instagram.com/seletronic/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-white/10 dark:bg-black/30 flex items-center justify-center text-white/80 hover:text-white hover:bg-gradient-to-tr hover:from-yellow-400 hover:via-red-500 hover:to-purple-500 hover:scale-110 transition-all duration-300 shadow-sm" aria-label="Instagram" title="Nosso Perfil no Instagram">
2110                        <svg class="w-5 h-5 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-5"></use></svg>                    </a>
2111                                        
2112                    <!-- Twitter/X -->
2113                                        <a href="https://x.com/seletronic" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-white/10 dark:bg-black/30 flex items-center justify-center text-white/80 hover:text-white hover:bg-black dark:hover:bg-gray-600 hover:scale-110 transition-all duration-300 shadow-sm" aria-label="X (Twitter)" title="Seletronic no X (Twitter)">
2114                        <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-18"></use></svg>                    </a>
2115                    
2116                    <!-- YouTube -->
2117                                        <a href="https://www.youtube.com/SeletronicBrasil" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-white/10 dark:bg-black/30 flex items-center justify-center text-white/80 hover:text-white hover:bg-[#FF0000] hover:scale-110 transition-all duration-300 shadow-sm" aria-label="YouTube" title="Canal no YouTube">
2118                        <svg class="w-5 h-5 transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-19"></use></svg>                    </a>
2119                    
2120                    <!-- RSS Feed -->
2121                                        <a href="https://seletronic.com.br/feed/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-white/10 dark:bg-black/30 flex items-center justify-center text-white/80 hover:text-white hover:bg-[#FF6600] hover:scale-110 transition-all duration-300 shadow-sm" aria-label="RSS Feed" title="Assinar Feed RSS">
2122                        <svg class="w-[18px] h-[18px] transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-20"></use></svg>                    </a>
2123                                    </div>
2124            </div>
2125            
2126            <!-- Dynamic Menus Grid (5 columns on large screens) -->
2127            <div class="w-full lg:w-2/3 grid grid-cols-2 lg:grid-cols-5 ga
2127p-6 text-left mt-8 lg:mt-0">
2128                <div class="[&_a]:transition-colors [&_a:hover]:text-white"><h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Navegue</h4><ul class="space-y-2 text-sm font-medium text-blue-100 dark:text-gray-400">
2129    <li><a href="https://seletronic.com.br/sobre-nos/" class="hover:text-white transition-colors">Sobre Nós</a></li>
2130    <li><a href="https://seletronic.com.br/politica-de-privacidade/" class="hover:text-white transition-colors">Politica de privacidade</a></li>
2131</ul></div>                <div class="[&_a]:transition-colors [&_a:hover]:text-white"><h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Categorias</h4><ul class="space-y-2 text-sm font-medium text-blue-100 dark:text-gray-400">
2132    <li><a href="https://seletronic.com.br/category/redes-sociais/" class="hover:text-white transition-colors">Redes Sociais</a></li>
2133    <li><a href="https://seletronic.com.br/category/hardware/" class="hover:text-white transition-colors">Hardware</a></li>
2134    <li><a href="https://seletronic.com.br/category/lancamento/" class="hover:text-white transition-colors">Lançamentos</a></li>
2135    <li><a href="https://seletronic.com.br/category/consoles/" class="hover:text-white transition-colors">Consoles</a></li>
2136    <li><a href="https://seletronic.com.br/category/celular/" class="hover:text-white transition-colors">Celular</a></li>
2137</ul></div>                <div class="[&_a]:transition-colors [&_a:hover]:text-white"><h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Canais</h4><ul class="space-y-2 text-sm font-medium text-blue-100 dark:text-gray-400">
2138    <li><a href="https://seletronic.com.br/cupom-desconto" class="hover:text-white transition-colors">Principais Cupons</a></li>
2139</ul></div>                <div class="[&_a]:transition-colors [&_a:hover]:text-white"><h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Cupons</h4><ul class="space-y-2 text-sm font-medium text-blue-100 dark:text-gray-400">
2140    <li><a href="https://ofertas.seletronic.com.br/loja/mercado-livre/cupons/" class="hover:text-white transition-colors">Mercado Livre</a></li>
2141    <li><a href="https://ofertas.seletronic.com.br/loja/amazon/cupons/" class="hover:text-white transition-colors">Amazon</a></li>
2142    <li><a href="https://ofertas.seletronic.com.br/loja/shopee/cupons/" class="hover:text-white transition-colors">Shopee</a></li>
2143    <li><a href="https://ofertas.seletronic.com.br/loja/kabum/cupons/" class="hover:text-white transition-colors">Kabum!</a></li>
2144    <li><a href="https://ofertas.seletronic.com.br/loja/magazine-luiza/cupons/" class="hover:text-white transition-colors">Magalu</a></li>
2145</ul></div>                <div class="[&_a]:transition-colors [&_a:hover]:text-white"><h4 class="font-bold font-heading text-white mb-4 uppercase tracking-wider text-sm">Nossa Rede</h4><ul class="space-y-2 text-sm font-medium text-blue-100 dark:text-gray-400">
2146    <li><a href="https://ofertas.seletronic.com.br/" class="hover:text-white transition-colors">Ofertas Seletronic</a></li>
2147    <li><a href="https://ferramentas.seletronic.com.br/html-cleaner/" class="hover:text-white transition-colors">Ferramentas Seletronic</a></li>
2148</ul></div>            </div>
2149        </div>
2150        <div class="border-t border-blue-400/30 dark:border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs font-semibold tracking-wide text-blue-200 dark:text-gray-600">
2151            <p>&copy; 2026 Seletronic. Todos os direitos reservados.</p>
2152            <p class="mt-2 md:mt-0">Desenvolvido com muita energia ⚡</p>
2153        </div>
2154    </div>
2155</footer>
2156
2157<!-- Login Modal Wrapper (Injected via AJAX) -->
2158<div id="login-modal-overlay" class="fixed inset-0 z-[99999] bg-black/60 dark:bg-black/80 backdrop-blur-sm hidden opacity-0 transition-opacity duration-300 flex items-center justify-center p-4">
2159    <div id="login-modal-inner" class="bg-white dark:bg-darksurface w-full max-w-md rounded-2xl shadow-2xl ring-1 ring-gray-200 dark:ring-gray-800 p-8 sm:p-10 relative transform scale-100 transition-transform">
2160        <div class="flex justify-center h-24 items-center">
2161            <!-- Initial Loader inside Modal -->
2162            <svg class="animate-spin h-8 w-8 text-seleblue transition-colors" aria-hidden="true" role="presentation"><use href="https://seletronic.com.br/wp-content/themes/selepower/assets/svg/spritemap.svg?v=1789357826#sp-icon-15"></use></svg>        </div>
2163    </div>
2164</div>
2165
2166<script type="speculationrules">
2167{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/selepower/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2168</script>
vendor: 1 bytes, line 2168
2168
2169<script id="selepower-coupons-js" src="https://seletronic.com.br/wp-content/themes/selepower/assets/js/coupons.min.js?ver=1789357826"></script>
vendor: 1 bytes, line 2169
2169
2170<script id="selepower-login-js-extra">
2171var selepowerAjax = {"ajaxurl":"https://seletronic.com.br/wp-admin/admin-ajax.php","loadmore_nonce":"1ec577189e","comment_nonce":"acf1655f51","is_logged_in":"0","media_nonce":"3de8fe4c7a"};
2172//# sourceURL=selepower-login-js-extra
2173</script>
vendor: 1 bytes, line 2173
2173
2174<script id="selepower-login-js" src="https://seletronic.com.br/wp-content/themes/selepower/login/login.min.js?ver=1789357827"></script>
vendor: 1 bytes, line 2174
2174
2175<script id="selepower-comments-js" src="https://seletronic.com.br/wp-content/themes/selepower/assets/js/selepower-comments.min.js?ver=1789357826"></script>
vendor: 1 bytes, line 2175
2175
2176<script id="cf-turnstile-js" src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
vendor: 1 bytes, line 2176
2176
2177<script id="wp-emoji-settings" type="application/json">
2178{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://seletronic.com.br/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
2179</script>
vendor: 1 bytes, line 2179
2179
2180<script type="module">
2181/*! This file is auto-generated */
2182var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2183//# sourceURL=https://seletronic.com.br/wp-includes/js/wp-emoji-loader.min.js
2184</script>
vendor: 1 bytes, line 2184
2184
2185<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"be665e0cbbe44e71aca1880f6937d0ba","r":1,"spa":2}' crossorigin="anonymous"></script>
2185
2186</body>
2187</html>
2188<!--
2189Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com
2190
2191Recuperados 2116 objetos (351 KB) do Redis usando PhpRedis (v5.3.7).
2192-->
2193
2194<!-- Dynamic page generated in 0.170 seconds. -->
2195<!-- Cached page generated by WP-Super-Cache on 2026-09-24 05:22:25 -->
2196
2197<!-- super cache -->

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.