PageSourceSearch

https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5

html quizur.com collected 2026-09-24 19:29:47 UTC 226,951 bytes, 1,150 lines download raw bytes

1<!DOCTYPE html><html lang="pt-br"> <head data-capo=""><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>What Do You Know About The Coral Snake? — 12 Perguntas e Respostas | Quizur</title><link rel="preconnect" href="https://dev-beta.quizur.com"><link rel="preconnect" href="https://tm.jsuol.com.br"><link rel="preconnect" href="https://t.seedtag.com">
1<script>
2      (function () {
3        var C = 'qz_aid'
4        if (document.cookie.indexOf(C + '=') === -1) {
5          var id = (typeof crypto !== 'undefined' && crypto.randomUUID)
6            ? crypto.randomUUID()
7            : 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
8                var r = (Math.random() * 16) | 0
9                return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)
10              })
11          var exp = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString()
12          document.cookie = C + '=' + id + '; expires=' + exp + '; path=/; SameSite=Lax'
13        }
14      })()
15    </script>
15<script>
16      ;(function () {
17        var mem = navigator.deviceMemory || 8
18        window.__quizurGptDeferred = mem <= 4
19        window.__quizurLoadGpt = function () {
20          if (window.__quizurGptLoaded) return
21          window.__quizurGptLoaded = true
22          var s = document.createElement('script')
23          s.async = true
24          s.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js'
25          document.head.appendChild(s)
26        }
27        if (mem <= 2) {
28          window.addEventListener('load', function () {
29            if ('requestIdleCallback' in window) {
30              requestIdleCallback(window.__quizurLoadGpt, { timeout: 4000 })
31            } else {
32              setTimeout(window.__quizurLoadGpt, 1)
33            }
34          })
35        } else if (mem <= 4) {
36          window.addEventListener('load', window.__quizurLoadGpt)
37          setTimeout(window.__quizurLoadGpt, 3500)
38        } else {
39          window.__quizurLoadGpt()
40        }
41      })()
42    </script>
42<script>
43      window.addEventListener('load', function () {
44        var s = document.createElement('script')
45        s.async = true
46        s.src = 'https://t.seedtag.com/t/5728-2729-01.js'
47        document.head.appendChild(s)
48      })
49    </script>
49<script defer="">(function(){const Sessao = "trivia";
50const Conteudo = "21354417";
51const Origem = "25391462";
52const Dinamico = "21354417";
53const TipoMedia = "padrao";
54const cluster_conteudo = "reino-animal";
55
56      window.gtmSessao = Sessao;
57      window.gtmConteudo = Conteudo;
58      window.gtmOrigem = Origem;
59      window.gtmDinamico = Dinamico;
60      window.gtmTipoMedia = TipoMedia;
61      window.gtmClusterConteudo = cluster_conteudo;
62    })();</script>
62<script>(function(){var dbpr=100;if(Math.random()*100>100-dbpr){var d="dbbRum",w=window,o=document,a=addEventListener,scr=o.createElement("script");scr.async=!0;w[d]=w[d]||[];w[d].push(["presampling",dbpr]);["error","unhandledrejection"].forEach(function(t){a(t,function(e){w[d].push([t,e])});});scr.src="https://cdn.debugbear.com/Ai2vtU26nsFg.js";o.head.appendChild(scr);}})()</script>
62<script>
63      (function () {
64        try {
65          // Guard de sessão: dispara uma vez por aba/sessão do browser
66          if (sessionStorage.getItem('qz_attr')) return
67          sessionStorage.setItem('qz_attr', '1')
68
69          var href = location.href
70          var ref  = document.referrer || ''
71
72          // Não rastrear navegação interna (referrer do próprio site)
73          var isInternalRef = ref && ref.startsWith(location.origin)
74          var hasTracking   = /utm_|fbclid|gclid/.test(href)
75
76          if (hasTracking || !isInternalRef) {
77            var payload = JSON.stringify({ landing: href, referrer: ref })
78            if (navigator.sendBeacon) {
79              navigator.sendBeacon('/api/track/attribution', new Blob([payload], { type: 'application/json' }))
80            } else {
81              fetch('/api/track/attribution', {
82                method: 'POST',
83                body: payload,
84                headers: { 'Content-Type': 'application/json' },
85                keepalive: true,
86              }).catch(function () {})
87            }
88          }
89        } catch (_) {}
90      })()
91    </script>
91<link rel="stylesheet" href="/css/uikit.min.css"><link rel="stylesheet" href="/_astro/_subCanal_.DI-dAja_.css"><style>.header-login-authenticated,html.auth-known-loggedin .header-login-anonymous{display:none}html.auth-known-loggedin .header-login-authenticated{display:flex}.quizur-logo__letter{opacity:0}.quizur-logo__q{animation:quizurLogoFadeIn .45s ease-out forwards}.quizur-logo__u1{animation:quizurLogoFadeIn .35s ease-out .25s forwards}.quizur-logo__i{animation:quizurLogoFadeIn .35s ease-out .4s forwards}.quizur-logo__z{animation:quizurLogoFadeIn .35s ease-out .55s forwards}.quizur-logo__u2{animation:quizurLogoFadeIn .35s ease-out .7s forwards}.quizur-logo__r{animation:quizurLogoFadeIn .35s ease-out .85s forwards}@keyframes quizurLogoFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.quizur-logo__letter{animation:none;opacity:1}}.header-search-mobile.is-open{max-height:72px;border-top-width:1px}
92.editorial-body h1,.editorial-body h2,.editorial-body h3{font-weight:700;margin:1em 0 .4em;color:#111827}.editorial-body h3{font-size:1.05rem}.editorial-body p{margin-bottom:.75em}.editorial-body ul,.editorial-body ol{padding-left:1.25rem;margin-bottom:.75em;list-style:revert}.editorial-body a{text-decoration:underline}.editorial-body strong{font-weight:700}
93.hero-desc-less{display:none}#hero-desc-toggle:checked~label .hero-desc-more{display:none}#hero-desc-toggle:checked~label .hero-desc-less{display:inline}.quiz-hero-main-image{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.4) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.4) 88%,transparent 100%)}@media (min-width: 640px){.quiz-hero-main-image{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 10%,#000 32%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 10%,#000 32%,#000 100%)}}
94</style><link rel="stylesheet" href="/_astro/UploadImageModal.DvoO3ax9.css"><link rel="preload" as="image" href="https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp">
94<script defer="" src="/js/htmx.min.js"></script>
94<script defer="" type="text/javascript" src="//tm.jsuol.com.br/uoltm.js?id=fmr0nz"></script>
94<script defer="" src="/js/uikit.min.js"></script>
94<script type="module" src="/_astro/hoisted.CKMnl69F.js"></script>
94<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><link rel="manifest" href="/manifest.json"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="canonical" href="https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5"><meta name="description" content="An Apresentation By Alice, Ana Beatriz And Mariana Test Your Knowledge About Coral Snake! In This Quiz You Will Learn Interesting Facts And Trivia About This Species!"><meta name="author" content="Mariana Marins do Patrocínio"><meta name="keywords" content="snake"><meta property="og:title" content="What Do You Know About The Coral Snake? — 12 Perguntas e Respostas | Quizur"><meta property="og:description" content="An Apresentation By Alice, Ana Beatriz And Mariana Test Your Knowledge About Coral Snake! In This Quiz You Will Learn Interesting Facts And Trivia About This Species!"><meta property="og:image" content="https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="900"><meta property="og:image:type" content="image/webp"><meta property="og:locale" content="pt_BR"><meta property="og:url" content="https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5"><meta property="og:type" content="article"><meta property="article:published_time" content="2026-09-24T17:56:20.623Z"><meta property="article:author" content="https://pt.quizur.com/user/1IxtI"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="What Do You Know About The Coral Snake? — 12 Perguntas e Respostas | Quizur"><meta name="twitter:description" content="An Apresentation By Alice, Ana Beatriz And Mariana Test Your Knowledge About Coral Snake! In This Quiz You Will Learn Interesting Facts And Trivia About This Species!"><meta name="twitter:image" content="https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"><link rel="image_src" href="https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"><meta name="htmx-config" content="{&quot;selfRequestsOnly&quot;:false}"><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1411900065792526&ev=PageView&noscript=1"></noscript>
94<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://pt.quizur.com/#website","url":"https://pt.quizur.com/","name":"Quizur","description":"No Quizur você pode criar seu quiz e criar seu teste de personalidade além de encontrar os melhores e mais divertidos testes e quizzes da internet.","inLanguage":"pt-BR","publisher":{"@id":"https://pt.quizur.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://pt.quizur.com/discover?keyword={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
94<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://pt.quizur.com/#organization","name":"Quizur","url":"https://pt.quizur.com/","foundingDate":"2015-02-01","logo":{"@type":"ImageObject","@id":"https://pt.quizur.com/#logo","url":"https://pt.quizur.com/quizur-logo.webp","contentUrl":"https://pt.quizur.com/quizur-logo.webp"},"image":{"@id":"https://pt.quizur.com/#logo"},"sameAs":["https://www.facebook.com/quizur","https://x.com/quizur_pt","https://instagram.com/quizur.oficial","https://www.tiktok.com/@quizur.oficial","https://youtube.com/@Quizur.oficial"]}</script>
94<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://pt.quizur.com/#website","url":"https://pt.quizur.com/","name":"Quizur","inLanguage":"pt-BR","publisher":{"@id":"https://pt.quizur.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://pt.quizur.com/discover?keyword={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"Organization","@id":"https://pt.quizur.com/#organization","name":"Quizur","url":"https://pt.quizur.com/","foundingDate":"2015-02-01","logo":{"@type":"ImageObject","@id":"https://pt.quizur.com/#logo","url":"https://pt.quizur.com/quizur-logo.webp","contentUrl":"https://pt.quizur.com/quizur-logo.webp"},"image":{"@id":"https://pt.quizur.com/#logo"},"sameAs":["https://www.facebook.com/quizur","https://x.com/quizur_pt","https://instagram.com/quizur.oficial","https://www.tiktok.com/@quizur.oficial","https://youtube.com/@Quizur.oficial"]},{"@type":"Person","@id":"https://pt.quizur.com/user/1IxtI#person","name":"Mariana Marins do Patrocínio","url":"https://pt.quizur.com/user/1IxtI"},{"@type":"WebPage","@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#webpage","url":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5","name":"What do you know about the Coral snake?","isPartOf":{"@id":"https://pt.quizur.com/#website"},"primaryImageOfPage":{"@id":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"},"image":{"@id":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"},"thumbnailUrl":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp","datePublished":"2026-09-24T17:56:20Z","dateModified":"2026-09-24T17:56:20Z","description":"An apresentation by Alice, Ana Beatriz and Mariana Test your knowledge about Coral snake! In this quiz you will learn interesting facts and trivia about this sp...","breadcrumb":{"@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5"]},{"@type":"CommentAction","target":{"@type":"EntryPoint","urlTemplate":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5"}}]},{"@type":"Article","@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#article","isPartOf":{"@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#webpage"},"author":{"@id":"https://pt.quizur.com/user/1IxtI#person"},"headline":"What do You Know About The Coral Snake?","description":"An apresentation by Alice, Ana Beatriz and Mariana Test your knowledge about Coral snake! In this quiz you will learn interesting facts and trivia about this sp...","datePublished":"2026-09-24T17:56:20Z","dateModified":"2026-09-24T17:56:20Z","mainEntityOfPage":{"@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#webpage"},"publisher":{"@id":"https://pt.quizur.com/#organization"},"image":{"@id":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp"},"thumbnailUrl":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp","keywords":["snake"],"interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"PlayAction"},"userInteractionCount":1}],"articleSection":["Reino Animal"],"copyrightYear":2026,"copyrightHolder":{"@id":"https://pt.quizur.com/#organization"},"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp","inLanguage":"pt-BR","url":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp","contentUrl":"https://pt.quizur.com/_image?href=https://dev-beta.quizur.com/storage/v1/object/public//imagens//21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&w=1200&h=900&f=webp","width":1200,"height":900},{"@type":"BreadcrumbList","@id":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Quizur","item":"https://pt.quizur.com"},{"@type":"ListItem","position":2,"name":"Reino Animal","item":"https://pt.quizur.com/universo/reino-animal"},{"@type":"ListItem","position":3,"name":"What do you know about the Coral snake?","item":"https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5"}]}]}</script>
94<link rel="alternate" type="application/rss+xml" title="Novidades — Reino Animal | Quizur" href="https://pt.quizur.com/feed/reino-animal"></head><body>   <main class="flex flex-col w-full pb-16"> 
94<script>(function(){const enableInterstitial = false;
95const sessao = "trivia";
96
97// Guard de idempotência: em Astro com view transitions / hidratação, este 
97<script is:inline>
98// pode re-executar em navegações internas. Sem o guard, defineOutOfPageSlot e addEventListener
99// rodam 2+ vezes, gerando warnings "Fixo não solicitado" e "setConfig.targeting: {}".
100// Em re-entradas, apenas re-aciona activate() para captar slots novos hidratados no DOM.
101if (window.__quizurAdsBootstrap) {
102  if (window.googletag && window.googletag.cmd) {
103    window.googletag.cmd.push(function() {
104      if (window.googletag.ads && typeof window.googletag.ads.activate === 'function') {
105        window.googletag.ads.activate();
106      }
107    });
108  }
109} else {
110  window.__quizurAdsBootstrap = true;
111
112  // Fallback de carga do gpt.js — respeita o adaptive loading do Layout:
113  // em dispositivos com deviceMemory <= 2 o Layout adia a injeção para
114  // depois do `load` (__quizurGptDeferred); aqui não podemos reinjetar
115  // antecipadamente, senão o gate perde o efeito.
116  if(!window.googletag && !window.__quizurGptDeferred){
117	if (window.__quizurLoadGpt) { window.__quizurLoadGpt(); }
118	else { (function(){ var s = document.createElement("script"); s.async = true; s.src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"; document.head.appendChild(s); })(); }
119}
120
121window.googletag = window.googletag || {cmd: []};
122 if (!window.googletag.cmd) {
123  googletag.cmd = [];
124}
125
126
127// ─── Interstitial frequency cap (sessionStorage TTL) ───────────────────────
128// Trava local complementar ao cap nativo do GAM. Evita reload-spam na mesma aba
129// e mantém consistência cross-tab dentro da sessão. Padrão alinhado a rewardedAd.ts.
130var INTERSTITIAL_KEY = 'quizur:interstitialShown';
131var INTERSTITIAL_TTL_MS = 10 * 60 * 1000; // 10 min — alinhar com a regra no painel GAM
132function shouldShowInterstitial() {
133  try {
134    var raw = sessionStorage.getItem(INTERSTITIAL_KEY);
135    if (!raw) return true;
136    var ts = Number(raw);
137    if (!isFinite(ts)) return true;
138    return Date.now() - ts > INTERSTITIAL_TTL_MS;
139  } catch (e) { return true; }
140}
141function markInterstitialShown() {
142  try { sessionStorage.setItem(INTERSTITIAL_KEY, String(Date.now())); } catch (e) {}
143}
144// ────────────────────────────────────────────────────────────────────────────
145
146// ─── Price tier dinâmico por cookie ─────────────────────────────────────────
147var QZ_PT_TIERS = ['T0', 'T1', 'T2', 'T3'];
148var QZ_PT_MAX_AGE = 60 * 60 * 24 * 3; // 3 dias em segundos
149var qzPtEmptyStreak = 0;
150var qzPtBumping = false;
151function qzPtGet() {
152  var m = document.cookie.match(/(?:^|;\s*)qz_pt=(T[0-3])/);
153  return m ? m[1] : 'T0';
154}
155function qzPtSet(tier) {
156  document.cookie = 'qz_pt=' + tier + '; path=/; max-age=' + QZ_PT_MAX_AGE + '; SameSite=Lax';
157}
158function qzPtNext(tier) {
159  var i = QZ_PT_TIERS.indexOf(tier);
160  return (i < 0 || i >= QZ_PT_TIERS.length - 1) ? 'T3' : QZ_PT_TIERS[i + 1];
161}
162// ─────────────────────────────────────────────────────────────────────────────
163
164
165
166window.tipoDevice = navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad|android)/) ? 'pubad_mobile': 'pubad_pc';
167googletag.ads = {
168  'secao' : window.gtmSessao,
169  'conteudo' : window.gtmConteudo,
170  'origem' : window.gtmOrigem,
171  'dinamico' : window.gtmDinamico,
172  'tipoMedia' : window.gtmTipoMedia,
173   'cluster_conteudo' : window.gtmClusterConteudo,
174	'slots' : (function(){
175	if(!navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad|android)/)){
176		return	{
177		// 'MegaHorizontal': { 
178		// 	sizes: [[970,250],[970,90],[960,90],[950,90],[728,90]],
179		// 	prefix: 'horizontal'
180		// },
181		// 'SuperHorizontal': { 
182		// 	sizes : [[970,90],[960,90],[950,90],[728,90]],
183		// 	prefix: 'horizontal'
184		// },
185		// 'Horizontal': {
186		// 	sizes : [[1,1],[970,250],[970,90],[960,90],[950,90],[728,90],[750,100],[336,280],[300,250],[250,250],[320,100],[320,50],[300,50],[300,100],'fluid'],
187		// 	prefix: 'horizontal'
188		// },
189		// 'HorizontalImagem': {
190		// 	sizes: [[1,1],[320,50],[300,50], [468,60], [320,100], [300,100],[468,100]],
191		// 	prefix: 'horizontalimagem'
192		// },
193		// 'HorizontalImagemResultado': {
194		// 	sizes: [[1,1],[320,50],[300,50], [468,60], [320,100], [300,100],[468,100]],
195		// 	prefix: 'horizontal_imagem_resultado'
196		// },
197		'QuadradoTop': {
198			sizes : [[336,280],[300,250],[250,250],[320,100],[320,50],[300,50],[300,100],'fluid'],
199			prefix: 'quadrado_top'
200		},
201		'PreFeed': {
202			sizes : [[970,90],[950,90],[750,100],[728,100],[728,90],[468,100]],
203			prefix: 'pre_feed'
204		},
205		'InFeed': {
206			sizes : [[970,250],[970,100],[750,100],[728,100],[468,100],[300,250],[250,250]],
207			prefix: 'in_feed'
208		},
209		// Sidebar lateral: tamanhos fixos no GAM (300×600 half-page, 300×250 top).
210		// Refresh é controlado pelo data-refresh setado pelo <AdSlot /> (padrão 30s).
211		'SidebarHalfpage': {
212			sizes : [[300,600]],
213			prefix: 'sidebar_halfpage'
214		},
215		'SidebarTop': {
216			sizes : [[300,250]],
217			prefix: 'sidebar_top'
218		},
219		// 'Vertical': {
220		// 	sizes : [[300,600],[336,280],[300,250],[250,250]],
221		// 	prefix: 'vertical'
222		// },
223		// 'Fixo' migrado para o formato nativo BOTTOM_ANCHOR do GAM (definido no cmd.push abaixo).
224		// 'Fixo': {
225		// 	sizes : [[970,90],[960,90],[950,90],[728,90],[320,100]],
226		// 	prefix: 'anchor'
227		// },
228    // 'FixoSeedtag': {
229		// 	sizes : [[1,1],[970,90],[960,90],[950,90],[728,90],[320,100]],
230		// 	prefix: 'fixo-seedtag'
231		// },
232	// 	'Top': {
233	// 		sizes : [[970,250],[970,90],[960,90],[950,90],[728,90]],
234	// 		prefix: 'top'
235	// 	},
236  //   'TopInterno': {
237	// 		sizes : [[970,90],[960,90],[950,90],[728,90],[320,100],[300,100],[320,50],[300,50],[468,60]],
238	// 		prefix: 'top-interno'
239  // },
240		// 'Interstitial': {
241		// 	sizes : 'interstitial',
242		// 	prefix: 'entrepaginas'
243		// },
244		// 'ForadaPagina': {
245		// 	sizes : [[1,1]],
246		// 	prefix: 'foradapagina'
247		// },
248		// 'VideoTerceiro': {
249		// 	/* sizes : [[1,1]],*/
250		// 	sizes : [[1,1], [250,250],[250,360],[300,250],[320,480],[336,280],[400,300],[480,320],[580,400]],
251		// 	prefix: 'videoterceiro'
252		// }, 
253		// 'VideoVertical': {
254		// 	/* sizes : [[1,1]],*/
255		// 	sizes : [[1,1], [250,250],[250,360],[300,250],[320,480],[336,280]],
256		// 	prefix: 'videovertical'
257		// }
258		}
259	}
260	else{
261		return	{
262		// 'MegaHorizontal': { 
263		// 	sizes: [[320,100],[300,100],[320,50],[300,50]],
264		// 	prefix: 'horizontal'
265		// },
266		// 	'Top': {
267		// 	sizes: [[320,100],[300,100],[320,50],[300,50]],
268		// 	prefix: 'top'
269		// },
270    // 'TopInterno': {
271		// 	sizes : [[320,100],[300,100],[320,50],[300,50]],
272		// 	prefix: 'top-interno'
273		// },
274   
275		// 'SuperHorizontal': { 
276		// 	sizes : [[320,100],[300,100],[320,50],[300,50]],
277		// 	prefix: 'horizontal'
278		// },
279		// 'Horizontal': {
280		// 	sizes : [[1,1],[320,100],[300,100],[320,50],[300,50], [336,280],[300,250],[250,250],[320,100],[320,50],[300,50],[300,100]],
281		// 	prefix: 'horizontal'
282		// },
283		// 'HorizontalImagem': {
284		// 	sizes : [[1,1],[320,50],[300,50]],
285		// 	prefix: 'horizontalimagem'
286		// },
287		// 'HorizontalImagemResultado': {
288		// 	sizes : [[1,1],[320,50],[300,50]],
289		// 	prefix: 'horizontal_imagem_resultado'
290		// },
291		'QuadradoTop': {
292			sizes : [[336,280],[300,250],[250,250],[320,100],[320,50],[300,50],[300,100],'fluid'],
293			prefix: 'quadrado_top'
294		},
295		'PreFeed': {
296			sizes : [[320,100],[320,50],[300,100],[300,75]],
297			prefix: 'pre_feed'
298		},
299		'InFeed': {
300			sizes : [[300,250],[250,250],[320,100],[300,100]],
301			prefix: 'in_feed'
302		},
303		// Sidebar lateral também registrada no mobile para permitir reuso em layouts
304		// que renderizem coluna lateral em mobile. Em uso típico, o consumidor passa
305		// variant="desktopOnly" no <AdSlot /> e o slot não é ativado em mobile.
306		'SidebarHalfpage': {
307			sizes : [[300,600]],
308			prefix: 'sidebar_halfpage'
309		},
310		'SidebarTop': {
311			sizes : [[300,250]],
312			prefix: 'sidebar_top'
313		},
314		// 'Vertical': {
315		// 	sizes : [[336,280],[300,250],[250,250],'fluid'],
316		// 	prefix: 'quadrado'
317		// },
318		// 'Fixo' migrado para o formato nativo BOTTOM_ANCHOR do GAM (definido no cmd.push abaixo).
319		// 'Fixo': {
320		// 	sizes : [[320,100],[300,100],[320,50],[300,50]],
321		// 	prefix: 'anchor'
322		// },
323    // 'FixoSeedtag': {
324		// 	sizes : [[1,1],[970,90],[960,90],[950,90],[728,90],[320,100]],
325		// 	prefix: 'fixo-seedtag'
326		// },
327		// 'Interstitial': {
328		// 	sizes : 'interstitial',
329		// 	prefix: 'entrepaginas'
330		// },
331		// 'ForadaPagina': {
332		// 	sizes : [[1,1]],
333		// 	prefix: 'foradapagina'
334		// },
335		// 'VideoTerceiro': {
336		// 	/* sizes : [[1,1]],*/
337		// 	sizes : [[1,1], [250,250],[250,360],[300,250],[336,280]],
338		// 	prefix: 'videoterceiro'
339		// }, 
340		// 'VideoVertical': {
341		// 	/* sizes : [[1,1]],*/
342		// 	sizes : [[1,1], [250,250],[250,360],[300,250],[320,480],[336,280]],
343		// 	prefix: 'videovertical'
344		// }
345		}
346	}
347})(),      
348	// 'pos': document.getElementsByClassName("pubad"),
349'pos': document.getElementsByClassName(window.tipoDevice),
350	'account': '/168346508/quizur_ads/',
351	'divs' : {ids:[]},
352	'refreshBid': function(slot, id) {
353		var pos = document.getElementById(id) ? (document.getElementById(id).getAttribute("data-pos")) : "notfound";
354		if(googletag.ads.slots[pos] !== undefined && googletag.ads.slots[pos].sizes != 'outofpage' && googletag.ads.slots[pos].sizes != 'interstitial' && googletag.ads.slots[pos].prefix != 'videoterceiro'){
355      // Sem header bidding (GAM-only): refresh direto no GPT.
356      googletag.pubads().refresh([slot]);
357		}
358	},
359	'render' : function(id,format,unit,kv,posicao){
360		googletag.cmd.push(function() {
361			var slot = "";
362			if(googletag.ads.slots[format].sizes == 'outofpage'){
363			slot = googletag.defineOutOfPageSlot(googletag.ads.account+unit, id);
364			}
365			else{
366			// Filtra tamanhos mais largos que o container real (tolerância de 5%:
367			// corte de poucos px é irrelevante para o Active View; corte grande —
368			// ex.: 970 numa coluna de 700px com overflow-hidden — conta como pixels
369			// não-visíveis e derruba a viewability). Fail-safe: se nada couber,
370			// mantém a lista original.
371			var sizes = googletag.ads.slots[format].sizes;
372			var slotEl = document.getElementById(id);
373			var slotArea = slotEl ? (slotEl.closest('.adsArea') || slotEl) : null;
374			var maxW = slotArea ? slotArea.clientWidth : 0;
375			if(maxW > 0 && Array.isArray(sizes)){
376				var fitted = sizes.filter(function(s){
377					return !Array.isArray(s) || s[0] <= maxW * 1.05;
378				});
379				if(fitted.length > 0){ sizes = fitted; }
380			}
381			// Guard: nunca solicitar sem tamanho. Se a lista vier vazia ou não-array
382			// (config degenerada / filtro extremo), aborta o define em vez de mandar
383			// um request malformado ao GAM — que conta como erro/impressão perdida.
384			// Out-of-page (anchor/interstitial) não passa por aqui — usa defineOutOfPageSlot.
385			if(!Array.isArray(sizes) || sizes.length === 0){ return; }
386			slot = googletag.defineSlot(googletag.ads.account+unit, sizes, id);
387			}
388			if(slot) {
389			// slot.setTargeting(key, value) foi descontinuado em favor de slot.setConfig({ targeting }).
390			// Ref: https://developers.google.com/publisher-tag/reference#googletag.config.SlotSettingsConfig.targeting
391			var targeting = { formato: format };
392			if(kv){
393				if(kv.key != "posicao"){
394				targeting.posicao = posicao;
395				targeting[kv.key] = kv.value;
396				}
397				else{
398				targeting[kv.key] = kv.value;
399				}
400			}
401			else{
402				targeting.posicao = posicao;
403			}
404			slot.setConfig({ targeting: targeting });
405			slot.addService(googletag.pubads());
406			googletag.display(id);
407
408        // GAM-only: display() (acima) registra o slot; o enableLazyLoad do GPT cuida
409        // do fetch (~1 viewport) e do render (~25% da viewport). Sem header bidding.
410			}
411		});
412	},
413	'activate' : function(){
414            var pos = "", type = "", total = 0, id = "", unit = "", prefix = "", clsOriginal = googletag.ads.pos, nivel = "", nivelIndex = 0;
415            var cls = Array.from(clsOriginal);
416            cls.sort(function (a, b) {
417                var prioridadeA = a.getAttribute('data-prioridade');
418                var prioridadeB = b.getAttribute('data-prioridade');
419                prioridadeA = prioridadeA === null || prioridadeA === undefined ? 100 : parseInt(prioridadeA);
420                prioridadeB = prioridadeB === null || prioridadeB === undefined ? 100 : parseInt(prioridadeB);
421                return prioridadeA - prioridadeB;
422            });
423
424            for(var i = 0; i < cls.length; i++){
425              pos = cls[i].getAttribute("data-pos");
426              if(pos !== null && cls[i].id == ""){
427                if(googletag.ads.slots[pos] !== undefined){
428                  // Formatos fora-de-página (anchor / interstitial / rewarded) NÃO dependem do
429                  // viewport e são SEMPRE solicitados. Anchor e interstitial são definidos no
430                  // googletag.cmd.push abaixo; rewarded é disparado sob demanda em rewardedAd.ts.
431                  // Este guard cobre o caso de algum outofpage/interstitial vir a ser registrado
432                  // em googletag.ads.slots — nunca é barrado pela checagem de viewport.
433                  var slotSizes = googletag.ads.slots[pos].sizes;
434                  var isOutOfPage = slotSizes === "outofpage" || slotSizes === "interstitial";
435                  if(!isOutOfPage){
436                    // GAM-only: define o slot assim que ele existe no DOM. Quem decide
437                    // QUANDO buscar (~1 viewport) e renderizar (~25% da viewport) é o
438                    // enableLazyLoad nativo do GPT — não há mais gate ±800px nem
439                    // IntersectionObserver próprio no AdSlot (eram redundantes e geravam
440                    // slots órfãos no mobile).
441                    var area = cls[i].closest(".adsArea") || cls[i];
442                    // Único guard: aba/painel oculto (display:none) → 0 client rects.
443                    // Fica pendente (id vazio) até aparecer; o re-scan no htmx:afterSettle
444                    // (e no clique de aba) o reativa.
445                    if(area.getClientRects().length === 0){ continue; }
446                  }
447                  prefix = googletag.ads.slots[pos].prefix,
448                  type = googletag.ads.divs[prefix];
449                  if(type !== undefined){
450                    type.total = total = type.total + 1;
451                  }
452                  else{
453                    googletag.ads.divs[prefix] = {total: 1};
454                    total = 1;
455                  }
456                  // Ordem de aparição da unit na página (0-based). Acima de 3 vira 99.
457                  // Vira a key-value "posicao": nivel_0, nivel_1, nivel_2, nivel_3, nivel_99.
458                  nivelIndex = total - 1;
459                  nivel = (nivelIndex > 3) ? "nivel_99" : "nivel_" + nivelIndex;
460                  // id do DOM: único por instância (1ª = prefix, repetições = prefix_N).
461                  // O GPT exige div id único por slot — é aqui que mora a unicidade.
462                  id = prefix + (total > 1 ? "_" + nivelIndex : "");
463                  googletag.ads.divs[prefix].ids ? googletag.ads.divs[prefix].ids.push(id) : googletag.ads.divs[prefix].ids = [id];
464                  cls[i].id = id;
465                  // Ad unit SEMPRE a mesma (sem _1/_2/_N): 1 unidade no GAM mesmo repetindo
466                  // na página. Diferenciação por posição via key-value "posicao" (nivel).
467                  unit = prefix;
468                  var kv = cls[i].getAttribute("data-keyvalue") !== null ? JSON.parse(cls[i].getAttribute("data-keyvalue")) : null;
469                  googletag.ads.render(id,pos,unit,kv,nivel);
470                }
471              }	
472            }
473	}
474};
475
476googletag.cmd.push(function() {
477
478  googletag.pubads().addEventListener('slotRenderEnded', function(event) {
479    var id = event.slot.getSlotElementId();
480    if(!event.isEmpty && id.toLowerCase().indexOf("fixo") > -1){
481      var div = document.getElementById(id).parentNode;
482      div !== null ? div.style.display = "block" : "";
483    }
484
485    // Price tier: conta vazios consecutivos em slots elegíveis
486    var el = document.getElementById(id);
487    var slotPos = (el && el.getAttribute('data-pos')) || '';
488    var elegivel = !/fixo|vertical|top|interstitial|quadradotop|video|fora/i.test(slotPos.toLocaleLowerCase());
489    if (elegivel) {
490      if (event.isEmpty) {
491        qzPtEmptyStreak += 1;
492        if (qzPtEmptyStreak >= 2 && window.qzPt !== 'T3' && !qzPtBumping) {
493          qzPtBumping = true;
494          window.qzPt = qzPtNext(window.qzPt);
495          qzPtSet(window.qzPt);
496          if (window.qzPt) {
497            googletag.setConfig({ targeting: { pt: window.qzPt } });
498          }
499          qzPtEmptyStreak = 0;
500          qzPtBumping = false;
501        }
502      } else {
503        qzPtEmptyStreak = 0;
504      }
505    }
506  });
507  // Refresh viewability-aware: refrescar com o slot fora de tela (usuário rolou
508  // para longe ou trocou de aba do navegador) gera impressão não-viewable
509  // garantida. Ao disparar o timer, só refresca se o slot estiver ≥50% visível
510  // e a aba ativa; senão adia, re-checando a cada 2s até voltar à tela.
511  function isSlotViewable(id) {
512    if (document.hidden) { return false; }
513    var el = document.getElementById(id);
514    if (!el) { return false; }
515    var r = el.getBoundingClientRect();
516    if (r.width === 0 || r.height === 0) { return false; }
517    var vh = window.innerHeight || document.documentElement.clientHeight;
518    var visible = Math.min(r.bottom, vh) - Math.max(r.top, 0);
519    return visible >= r.height * 0.5;
520  }
521  function refreshWhenViewable(slot) {
522    var id = slot.getSlotElementId();
523    if (!document.getElementById(id)) { return; }
524    if (isSlotViewable(id)) {
525      googletag.ads.refreshBid(slot, id);
526    } else {
527      setTimeout(function () { refreshWhenViewable(slot); }, 2000);
528    }
529  }
530
531  googletag.pubads().addEventListener('impressionViewable', function(event) {
532        var slot = event.slot;
533
534				if(googletag.ads.slots[document.getElementById(slot.getSlotElementId()).getAttribute("data-pos")] !== undefined && slot.getSlotElementId().toLowerCase().indexOf("entre") == -1 && slot.getSlotElementId().toLowerCase().indexOf("video") == -1 && slot.getSlotElementId().toLowerCase().indexOf("fora") == -1){
535					const refreshTime = document.getElementById(slot.getSlotElementId()).getAttribute("data-refresh") || 0
536					if (refreshTime == 0){
537						return false;
538					}
539					setTimeout(function() {
540            if (slot.getSlotElementId() == 'top' || slot.getSlotElementId() == 'top-interno' ){
541
542                var stickyElement = document.getElementById(slot.getSlotElementId()).parentElement;
543                if (stickyElement.classList.contains('sticky') &&
544                    stickyElement.classList.contains('top-14') &&
545                    stickyElement.classList.contains('z-20')) {
546
547                    // Remove todas as classes ao mesmo tempo
548                    stickyElement.classList.remove('sticky', 'top-14', 'z-20');
549              }else{
550                refreshWhenViewable(slot);
551              }
552            }else{
553              refreshWhenViewable(slot);
554            }
555
556					}, refreshTime);
557				}
558
559  });
560  window.qzPt = qzPtGet();
561  // Targeting page-level migrado para a API moderna setConfig.
562  // Ref: https://developers.google.com/publisher-tag/reference#googletag.config.PageSettingsConfig
563  var pageTargeting = { pt: window.qzPt };
564  if (googletag.ads.secao    != undefined && googletag.ads.secao    !== '') pageTargeting.secao    = googletag.ads.secao;
565  if (googletag.ads.conteudo != undefined && googletag.ads.conteudo !== '') pageTargeting.conteudo = googletag.ads.conteudo;
566  if (googletag.ads.origem   != undefined && googletag.ads.origem   !== '') pageTargeting.origem   = googletag.ads.origem;
567  if (googletag.ads.dinamico != undefined && googletag.ads.dinamico !== '') pageTargeting.dinamico = googletag.ads.dinamico;
568  if (googletag.ads.tipoMedia!= undefined && googletag.ads.tipoMedia!== '') pageTargeting.tipomedia= googletag.ads.tipoMedia;
569  if (googletag.ads.cluster_conteudo != undefined && googletag.ads.cluster_conteudo !== '' && googletag.ads.cluster_conteudo !== 'undefined' && googletag.ads.cluster_conteudo !== 'null') pageTargeting.cluster_conteudo = googletag.ads.cluster_conteudo;
570  // ad_test: enviado apenas quando presente na URL (?ad_test=valor).
571  // Permite validar line items e criativos no GAM sem afetar tráfego real.
572  var adTestParam = (new URLSearchParams(window.location.search)).get('ad_test');
573  if (adTestParam) { pageTargeting.ad_test = adTestParam; }
574  if (Object.keys(pageTargeting).length > 0 && pageTargeting.pt) {
575    googletag.setConfig({ targeting: pageTargeting });
576  }
577  googletag.setConfig({ centering: true });
578  
579  // Fetch cedo (leilão a ~1 viewport), render perto (~25% da viewport):
580  // a impressão é contada no render — pintar só quando o usuário está
581  // chegando no slot é o que sustenta a viewability dos in-feed.
582  // PubAdsService.enableLazyLoad foi descontinuado em favor de setConfig({ lazyLoad }).
583  // Mesmos valores → comportamento idêntico, só remove o warning de depreciação.
584  // Ref: https://developers.google.com/publisher-tag/reference#googletag.config.PageSettingsConfig.lazyLoad
585  googletag.setConfig({
586    lazyLoad: {
587      fetchMarginPercent: 100,
588      renderMarginPercent: 25,
589      mobileScaling: 1.5
590    }
591  });
592  
593  !googletag.pubadsReady && googletag.enableServices();
594  googletag && (googletag.ads && googletag.ads.activate());
595
596  // ─── Bottom Anchor (GAM nativo) ──────────────────────────────────────────
597  // Substitui o antigo Fixo (display em <div fixa>) pelo formato nativo de
598  // ancor do GAM. Posicionamento, animação de slide-in e botão de fechar são
599  // gerenciados pelo próprio GPT — não há div placeholder no DOM.
600  // Mesma ad unit /168346508/quizur_ads/anchor: line items existentes continuam servindo.
601  var anchorSlot = googletag.defineOutOfPageSlot(
602    googletag.ads.account + 'anchor',
603    googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR
604  );
605  if (anchorSlot) {
606    anchorSlot.setConfig({ targeting: { posicao: 'anchor' } });
607    anchorSlot.addService(googletag.pubads());
608
609    // Auto-refresh do anchor: 40s após cada impressão visível.
610    // Encadear via impressionViewable (e não setInterval cego) garante que só
611    // contamos o tempo a partir do momento em que o creative virou viewable,
612    // alinhando com as policies do Google sobre refresh de anúncios.
613    // Pausa quando a aba está em background e retoma ao voltar ao foco.
614    //
615    // O disparo desvia de interações e roda em idle: o trabalho do GPT
616    // (request + render do creative) é longo o bastante para segurar um
617    // toque na fila — era a principal fonte de input delay no INP da página
618    // de play (RUM: 799ms de input delay com processing de 2ms). A cadência
619    // média de ~40s é preservada; só o INSTANTE do disparo muda.
620    var ANCHOR_REFRESH_MS = 40 * 1000;
621    var ANCHOR_INTERACTION_COOLDOWN_MS = 2500;
622    var ANCHOR_INTERACTION_RETRY_MS = 3000;
623    var anchorRefreshTimer = null;
624    var anchorVisibilityHandler = null;
625    var lastPointerDownTs = 0;
626    document.addEventListener('pointerdown', function () {
627      lastPointerDownTs = performance.now();
628    }, { passive: true, capture: true });
629
630    function fireAnchorRefresh() {
631      var run = function () { googletag.pubads().refresh([anchorSlot]); };
632      if (typeof requestIdleCallback === 'function') {
633        // timeout alto: sob main thread ocupado é melhor atrasar o refresh
634        // do que forçá-lo em cima de um toque (INP). Ainda dispara prontamente
635        // nas folgas de idle entre respostas do jogo.
636        requestIdleCallback(run, { timeout: 12000 });
637      } else {
638        setTimeout(run, 200);
639      }
640    }
641
642    function anchorRefreshTick() {
643      if (document.visibilityState !== 'visible') {
644        if (!anchorVisibilityHandler) {
645          anchorVisibilityHandler = function () {
646            if (document.visibilityState === 'visible') {
647              document.removeEventListener('visibilitychange', anchorVisibilityHandler);
648              anchorVisibilityHandler = null;
649              anchorRefreshTick();
650            }
651          };
652          document.addEventListener('visibilitychange', anchorVisibilityHandler);
653        }
654        return;
655      }
656      if (performance.now() - lastPointerDownTs < ANCHOR_INTERACTION_COOLDOWN_MS) {
657        anchorRefreshTimer = setTimeout(anchorRefreshTick, ANCHOR_INTERACTION_RETRY_MS);
658        return;
659      }
660      fireAnchorRefresh();
661    }
662
663    function scheduleAnchorRefresh() {
664      if (anchorRefreshTimer) clearTimeout(anchorRefreshTimer);
665      anchorRefreshTimer = setTimeout(anchorRefreshTick, ANCHOR_REFRESH_MS);
666    }
667    googletag.pubads().addEventListener('impressionViewable', function (e) {
668      if (e.slot === anchorSlot) scheduleAnchorRefresh();
669    });
670
671    googletag.display(anchorSlot);
672    googletag.pubads().refresh([anchorSlot]);
673  }
674  // ─────────────────────────────────────────────────────────────────────────
675
676  // ─── Web Interstitial (GAM) ──────────────────────────────────────────────
677  // Comportamento equivalente ao Fixo: definido e buscado no load da página
678  // quando elegível. Apenas em páginas de feed (home, discover, tag, user, type).
679  // O GAM detecta a navegação first-party (clique em <a href> dos cards) e
680  // exibe o anúncio durante a transição — sem JS de interceptação no clique.
681  if (enableInterstitial && shouldShowInterstitial()) {
682    var interstitialSlot = googletag.defineOutOfPageSlot(
683      googletag.ads.account + 'entrepaginas',
684      googletag.enums.OutOfPageFormat.INTERSTITIAL
685    );
686    if (interstitialSlot) {
687      var interstitialTargeting = { posicao: 'entrepaginas' };
688      if (sessao) interstitialTargeting.sessao = String(sessao);
689      interstitialSlot.setConfig({ targeting: interstitialTargeting });
690      interstitialSlot.addService(googletag.pubads());
691      googletag.pubads().addEventListener('slotVisibilityChanged', function (e) {
692        if (e.slot === interstitialSlot && e.inViewPercentage > 0) {
693          markInterstitialShown();
694        }
695      });
696      googletag.display(interstitialSlot);
697      googletag.pubads().refresh([interstitialSlot]);
698    }
699  }
700  // ─────────────────────────────────────────────────────────────────────────
701});
702
703} // end if (window.__quizurAdsBootstrap) … else
704})();</script>
704 
704<script>
705  (function () {
706    try {
707      var hasAuth = false
708
709      var c = '; ' + document.cookie
710      if (
711        c.indexOf('; sb-access-token=') !== -1 &&
712        c.indexOf('; sb-refresh-token=') !== -1
713      ) {
714        hasAuth = true
715      }
716
717      if (!hasAuth) {
718        try {
719          for (var i = 0; i < localStorage.length; i++) {
720            var k = localStorage.key(i)
721            if (k && /^sb-.+-auth-token$/.test(k)) {
722              var v = localStorage.getItem(k)
723              if (v && v !== 'null' && v.indexOf('access_token') !== -1) {
724                hasAuth = true
725                break
726              }
727            }
728          }
729        } catch (e) {}
730      }
731
732      if (hasAuth) {
733        document.documentElement.classList.add('auth-known-loggedin')
734      }
735    } catch (e) {}
736  })()
737</script>
737 <header class="z-30 sticky top-0 bg-white border-b border-gray-100 shadow-sm min-h-[64px] w-full"> <div class="container mx-auto h-16 px-4 xl:px-0 flex items-center gap-3 lg:gap-5"> <!-- Esquerda: hamburger + logo + nav desktop --> <div class="flex items-center gap-3 shrink-0"> <!-- Hamburger só em mobile/tablet --> <button class="md:hidden flex items-center justify-center p-1 rounded-md hover:bg-gray-100" onclick="UIkit.offcanvas('#offcanvas-overlay').show();" aria-label="Abrir menu"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"> <path d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z" fill="#71717a"></path> </svg> </button> <!-- Logo (desktop) / Logo + busca icon (mobile) --> <a href="/" aria-label="Quizur — página inicial" class="shrink-0"> <!-- Mobile: só letra Q para economizar espaço --> <svg class="quizur-logo block md:hidden" width="26" height="26" viewBox="0 0 150 144" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Quizur"> <defs> <linearGradient id="quizurLogoGradMobile" x1="0" y1="0" x2="150" y2="144" gradientUnits="userSpaceOnUse"> <stop stop-color="#007FF9"></stop> <stop offset="1" stop-color="#9B04FA"></stop> </linearGradient> </defs> <g class="quizur-logo__letter quizur-logo__q"> <path d="M32.6739 131.781C31.231 130.997 29.1579 129.441 27.8579 128.41C12.4361 116.18 2.63604 99.0994 0.410263 79.4814C-1.68622 61.0045 4.36495 41.2143 15.981 26.735C28.1005 11.8615 45.6243 2.40254 64.7091 0.433014C83.9017 -1.66386 103.145 3.91075 118.246 15.9416C132.991 28.1033 142.414 45.5357 144.511 64.5342C146.222 81.5693 141 101.89 130.121 115.141C129.631 116.061 129.328 116.644 128.702 117.504C132.096 121.31 149.085 138.77 149.462 141.843C147.638 143.686 124.956 143.256 121.229 142.551C120.21 142.358 117.115 139.836 116.251 138.866C114.483 136.67 100.322 122.619 99.395 120.942C98.0103 119.834 89.5899 110.526 87.8595 108.701L71.6189 91.6572C68.6704 88.5603 64.1005 83.9686 61.647 80.6225C61.7892 79.2967 61.5673 79.792 62.5458 78.7775C64.99 77.7861 82.1825 78.4342 85.979 78.2529C87.5138 78.1795 90.9524 78.8799 92.2134 79.8127C97.7075 83.8764 104.213 91.5412 108.937 96.5994C114.212 87.474 116.819 79.3014 116.13 68.7842C114.509 44.0697 93.7239 26.4787 69.3552 27.9357C57.9634 28.7135 47.3403 33.9611 39.8001 42.5361C31.8575 51.5541 27.8403 63.3682 28.6396 75.3588C30.2763 100.073 51.8692 117.792 76.3806 116.135C79.3294 115.838 81.4478 115.66 84.3153 114.947C90.6786 121.494 98.0521 129.783 104.426 135.781C91.5138 144.133 70.7204 145.434 56.086 141.99C50.1927 140.604 36.8181 135.735 32.6739 131.781Z" fill="url(#quizurLogoGradMobile)"></path> </g> </svg> <!-- Desktop (md+): logo completo --> <svg class="quizur-logo hidden md:block" width="94" height="24" viewBox="0 0 553 144" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Quizur"> <defs> <linearGradient id="quizurLogoGrad" x1="0" y1="0" x2="552" y2="144" gradientUnits="userSpaceOnUse"> <stop stop-color="#007FF9"></stop> <stop offset="1" stop-color="#9B04FA"></stop> </linearGradient> </defs> <g class="quizur-logo__letter quizur-logo__q"> <path d="M32.6739 131.781C31.231 130.997 29.1579 129.441 27.8579 128.41C12.4361 116.18 2.63604 99.0994 0.410263 79.4814C-1.68622 61.0045 4.36495 41.2143 15.981 26.735C28.1005 11.8615 45.6243 2.40254 64.7091 0.433014C83.9017 -1.66386 103.145 3.91075 118.246 15.9416C132.991 28.1033 142.414 45.5357 144.511 64.5342C146.222 81.5693 141 101.89 130.121 115.141C129.631 116.061 129.328 116.644 128.702 117.504C132.096 121.31 149.085 138.77 149.462 141.843C147.638 143.686 124.956 143.256 121.229 142.551C120.21 142.358 117.115 139.836 116.251 138.866C114.483 136.67 100.322 122.619 99.395 120.942C98.0103 119.834 89.5899 110.526 87.8595 108.701L71.6189 91.6572C68.6704 88.5603 64.1005 83.9686 61.647 80.6225C61.7892 79.2967 61.5673 79.792 62.5458 78.7775C64.99 77.7861 82.1825 78.4342 85.979 78.2529C87.5138 78.1795 90.9524 78.8799 92.2134 79.8127C97.7075 83.8764 104.213 91.5412 108.937 96.5994C114.212 87.474 116.819 79.3014 116.13 68.7842C114.509 44.0697 93.7239 26.4787 69.3552 27.9357C57.9634 28.7135 47.3403 33.9611 39.8
737001 42.5361C31.8575 51.5541 27.8403 63.3682 28.6396 75.3588C30.2763 100.073 51.8692 117.792 76.3806 116.135C79.3294 115.838 81.4478 115.66 84.3153 114.947C90.6786 121.494 98.0521 129.783 104.426 135.781C91.5138 144.133 70.7204 145.434 56.086 141.99C50.1927 140.604 36.8181 135.735 32.6739 131.781Z" fill="url(#quizurLogoGrad)"></path> </g> <g class="quizur-logo__letter quizur-logo__u1"> <path d="M165.175 41.0229C166.589 40.9987 168.686 41.0026 170.037 40.9471C186.301 40.2455 183.726 42.3284 183.97 55.9448C184.18 67.6381 183.235 81.2748 184.549 92.8354C186.09 106.402 198.876 113.358 211.929 110.9C215.292 110.258 218.446 108.799 221.113 106.652C230.77 99.0303 229.29 86.3526 229.251 75.2987L229.155 52.753C229.146 47.6623 228.117 40.351 235.425 40.9315C237.771 41.0955 248.414 40.3912 249.793 42.0069C252.529 45.2104 251.503 61.2979 251.472 65.3412C251.495 78.0182 252.822 92.9319 248.547 104.844C235.784 140.407 180.638 141.655 165.501 106.988C163.794 103.021 162.686 98.8225 162.215 94.5299C161.56 88.9397 160.891 46.9268 162.3 43.5463C162.89 42.1311 163.82 41.5756 165.175 41.0229Z" fill="url(#quizurLogoGrad)"></path> </g> <g class="quizur-logo__letter quizur-logo__i"> <path d="M271.52 41.0276C275.199 40.9491 287.332 40.3358 288.324 42.1155C290.695 46.3623 289.789 74.8053 289.793 78.9748L289.813 108.743C289.817 114.325 289.875 119.924 289.699 125.502C289.613 128.3 289.012 129.408 286.277 129.998C281.098 130.211 274.688 130.816 269.746 129.571C267.438 128.99 267.742 120.086 267.738 118.056C267.695 94.7307 267.895 71.4069 267.676 48.0819C267.645 44.6065 268.113 42.2713 271.52 41.0276Z" fill="url(#quizurLogoGrad)"></path> <path d="M276.277 3.34273C283.063 1.93765 289.691 6.32985 291.043 13.1248C292.395 19.9197 287.953 26.5146 281.145 27.8127C274.414 29.0962 267.91 24.7123 266.574 17.9923C265.237 11.2724 269.57 4.73218 276.277 3.34273Z" fill="url(#quizurLogoGrad)"></path> </g> <g class="quizur-logo__letter quizur-logo__z"> <path d="M307.887 40.9799C329.649 40.8323 351.594 40.9217 373.363 40.9846C374.691 40.9885 378.629 41.2475 379.328 42.158C381.508 44.9983 380.711 54.0186 380.531 57.4717C377.922 61.4217 368.652 70.8498 364.859 74.876C357.613 82.5932 350.43 90.3694 343.313 98.2037C340.289 101.475 334.512 107.236 332.477 110.875C339.317 111.605 378.25 110.062 380.691 112.751C382.02 115.712 382.016 124.48 381.07 127.854C380.742 129.032 379.856 129.49 378.813 129.942C377.164 130.148 375.207 130.226 373.539 130.233C360.93 130.293 348.32 130.246 335.711 130.228C327.051 130.215 318.309 130.254 309.649 130.149C308.629 130.11 305.133 129.824 304.543 129.232C302.824 127.508 302.965 123.739 302.965 121.447C302.961 118.79 303.016 116.085 303.059 113.421C308.465 105.743 348.352 65.4963 349.172 61.9776C346.266 58.4662 313.848 61.7951 307.793 60.2194C302.203 58.7647 302.184 43.726 307.887 40.9799Z" fill="url(#quizurLogoGrad)"></path> </g> <g class="quizur-logo__letter quizur-logo__u2"> <path d="M394.945 41.024C397.926 40.9791 410.715 40.1052 412.68 42.047C415.395 44.7369 414.082 78.6474 414.117 85.0939C414.156 92.456 415.219 100.007 420.777 105.406C425.449 109.94 431.77 111.51 438.102 111.363C442.442 111.263 446.477 109.951 450.059 107.49C460.68 100.192 459.395 86.9873 459.391 75.6873L459.262 52.5053C459.164 38.8631 460.731 41.2474 473.012 40.9111C482.953 40.6388 481.215 43.3162 481.527 51.9416C481.68 56.1404 481.524 60.6189 481.508 64.8666C481.445 74.3213 481.953 83.9533 481.258 93.4291C478.336 133.197 425.574 145.276 401.32 116.481C389.367 102.081 392.504 83.8553 392.192 66.5916C392.07 59.9478 391.836 53.0814 392.086 46.4451C392.184 43.8392 392.981 42.608 394.945 41.024Z" fill="url(#quizurLogoGrad)"></path> </g> <g class="quizur-logo__letter quizur-logo__r"> <path d="M530.863 41.0596C534.766 40.6733 547.106 39.9604 550.297 42.1983C551.156 42.801 551.527 43.5495 551.668 44.5729C552.164 48.151 552.781 55.8862 550.488 58.7225C547.805 62.0374 535.211 60.2694 530.703 60.8241C524.344 61.6069 519.5 64.4753 516.848 70.4932C513.977 77.0092 515.289 107.11 515.293 116.404C515.293 120.662 516.024 125.844 513.281 129.371C509.977 130.768 502.254 130.209 498.465 130.253C494.16 130.303 493.16 128.517 492.945 124.45C492.59 117.621 492.91 110.627 492.848 103.777C492.328 70.6722 490.082 44.4374 530.863 41.0596Z" fill="url(#quizurLogoGrad)"></path> </g> </svg> </a> </div> <!-- Botão lupa mobile (aparece entre logo e auth, só em mobile) --> <button id="header-search-toggle" type="button" aria-label="Abrir busca" aria-expanded="false" aria-controls="header-search-mobile" class="md:hidden ml-auto flex items-center justify-center w-9 h-9 rounded-full text-gray-500 hover:bg-gray-100 transition-colors shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="header-search-icon-open"> <circle cx="11" cy="11" r="8"></circle> <path d="m21 21-4.35-4.35"></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="header-search-icon-close hidden"> <path d="M18 6 6 18"></path><path d="m6 6 12 12"></path> </svg> </button> <!-- Centro: busca pill (md+) --> <div class="hidden md:flex flex-1 min-w-0 justify-center"> <form id="header-search-form" action="/discover" method="get" class="flex items-center gap-2 w-full max-w-xl h-10 rounded-full bg-gray-100 px-4 transition-all duration-200 focus-within:bg-white focus-within:shadow-md focus-within:ring-2 focus-within:ring-primary-400/50"> <input id="header-search-desktop" type="text" name="keyword" autocomplete="off" aria-label="Pesquisar quizzes, listas e trivias" placeholder="Pesquise quizzes, listas e trivias" class="flex-1 min-w-0 bg-transparent text-gray-600 text-sm font-montserrat outline-none placeholder:text-gray-400"> <button type="submit" aria-label="Buscar" class="text-gray-400 hover:text-primary-500 shrink-0 transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="11" cy="11" r="8"></circle> <path d="m21 21-4.35-4.35"></path> </svg> </button> </form> </div> <!--
738      Direita: container com dimensões fixas para ancorar ambos os estados de auth.
739      Ambos os slots são absolute dentro deste container — nenhum deles afeta o
740      tamanho do container, eliminando o CLS causado pela troca anonymous ↔ authenticated
741      e pelo atraso de hidratação do React.
742      Largura calibrada para o conteúdo máximo de cada estado em cada breakpoint:
743        "Criar Quiz" + "Entrar" (anon) / "Criar Quiz" + notif+avatar (auth)
744    -->
744 <div class="relative md:ml-auto shrink-0 h-16 w-[190px] md:w-[296px]"> <!--
745        Estado padrão (HTML cacheado): usuário sem login.
746        Renderizado sempre; o script no topo esconde via CSS quando há cookies.
747      --> <div data-auth-fallback="anonymous" class="header-login-anonymous absolute inset-0 flex items-center justify-end gap-4"> <a href="/criar-quiz" class="inline-flex justify-center items-center gap-[9px] flex-shrink-0 p-[10px] md:py-2 md:px-3 rounded-md bg-primary-500 text-white text-sm md:text-base font-inter font-semibold"> <span class="hidden md:block"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="20" viewBox="0 0 23 20" fill="none"> <path d="M5.90229 2.36328C2.91536 3.73093 1 6.71451 1 9.99966C1 13.2848 2.91536 16.2684 5.90229 17.636" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6011 18.3992C18.2396 18.3992 21.9999 14.6389 21.9999 10.0004C21.9999 5.36184 18.2396 1.60156 13.6011 1.60156C8.96254 1.60156 5.20227 5.36184 5.20227 10.0004C5.20227 14.6389 8.96254 18.3992 13.6011 18.3992Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.6011 5.80078V14.1996" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.40167 10H17.8005" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span>
748Criar Quiz
749</a> <button type="button" onclick="UIkit.modal(document.getElementById('modal-login')).show()" class="active:scale-95 inline-flex justify-center items-center gap-[8px] flex-shrink-0 border border-gray-200 bg-white hover:bg-gray-100 text-primary-500 font-inter text-sm md:text-base font-semibold rounded-md transition-colors focus:outline-none px-4 py-2">
750Entrar
751</button> </div> <div data-auth-fallback="authenticated" class="header-login-authenticated absolute inset-0 items-center justify-end"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
751<script>(()=>{var i=t=>{let e=async()=>{await(await t())()};"requestIdleCallback"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event("astro:idle"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
751<astro-island uid="O62kN" prefix="r5" component-url="/_astro/header-login.CiSOi5QM.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{}" ssr="" client="idle" opts="{&quot;name&quot;:&quot;HeaderLogin&quot;,&quot;value&quot;:true}" await-children=""><div class="header-login__buttons flex justify-center items-center gap-4 sm:p-2 h-full min-h-[40px]"><a href="/criar-quiz" class="inline-flex justify-center items-center gap-[9px] flex-shrink-0 p-[10px] md:py-2 md:px-3 rounded-md bg-primary-500 text-white text-sm md:text-base font-inter font-semibold"><span class="hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="20" viewBox="0 0 23 20" fill="none"><path d="M5.90229 2.36328C2.91536 3.73093 1 6.71451 1 9.99966C1 13.2848 2.91536 16.2684 5.90229 17.636" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6011 18.3992C18.2396 18.3992 21.9999 14.6389 21.9999 10.0004C21.9999 5.36184 18.2396 1.60156 13.6011 1.60156C8.96254 1.60156 5.20227 5.36184 5.20227 10.0004C5.20227 14.6389 8.96254 18.3992 13.6011 18.3992Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6011 5.80078V14.1996" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.40167 10H17.8005" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>Criar Quiz</a><div aria-hidden="true" class="relative mx-2 pointer-events-none"><div class="w-5 h-6 rounded bg-gray-100"></div></div><div aria-hidden="true" class="relative flex items-center gap-1 pointer-events-none"><div class="w-9 h-9 rounded-full bg-gray-100"></div><div class="w-[13px] h-[13px]"></div></div></div><!--astro:end--></astro-island> </div> </div> </div> <!-- Painel de busca mobile expansível --> <div id="header-search-mobile" class="header-search-mobile md:hidden overflow-hidden max-h-0 border-t-0 border-gray-100 bg-white transition-[max-height,border-width] duration-300 ease-in-out" aria-hidden="true"> <form method="get" action="/discover" class="flex items-center gap-2 px-4 py-3"> <label for="header-search-mobile-input" class="sr-only">Pesquisar</label> <div class="relative flex-1"> <span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="11" cy="11" r="8"></circle> <path d="m21 21-4.35-4.35"></path> </svg> </span> <input id="header-search-mobile-input" type="text" name="q" autocomplete="off" aria-label="Pesquisar quizzes, trivias e listas" placeholder="Pesquise quizzes, trivias e listas..." class="w-full h-10 pl-9 pr-3 rounded-full bg-gray-100 text-gray-700 text-sm font-montserrat outline-none placeholder:text-gray-400 focus:bg-gray-50 focus:ring-2 focus:ring-primary-400 transition-all"> </div> <button type="submit" class="h-10 px-4 rounded-full bg-primary-500 hover:bg-primary-600 text-white text-sm font-inter font-semibold shrink-0 transition-colors">
752Buscar
753</button> </form> </div> </header>  
753<script>
754  ;(function initHeaderSearch() {
755    // ── Placeholder animado no desktop ──────────────────────────────────────
756    var desktopInput = document.getElementById('header-search-desktop')
757    if (desktopInput && !desktopInput.value) {
758      var terms = [
759        'BTS no Quizur...',
760        'Quiz de personalidade...',
761        'Harry Potter trivia...',
762        'Você conhece o Brasil?',
763        'Séries da Netflix...',
764        'Quiz de história...',
765        'Cultura pop brasileiro...',
766      ]
767      var idx = 0
768      var tid = null
769
770      function nextTerm() {
771        idx = (idx + 1) % terms.length
772        desktopInput.placeholder = terms[idx]
773      }
774
775      function startDesktop() {
776        if (!tid) tid = setInterval(nextTerm, 2800)
777      }
778
779      function stopDesktop() {
780        if (tid) { clearInterval(tid); tid = null }
781        desktopInput.placeholder = 'Pesquise quizzes, listas e trivias'
782      }
783
784      desktopInput.addEventListener('focus', stopDesktop)
785      desktopInput.addEventListener('blur', function () {
786        if (!desktopInput.value) startDesktop()
787      })
788
789      // inicia somente depois do delay inicial para não distrair no load
790      setTimeout(startDesktop, 3000)
791    }
792
793    // ── Toggle do painel de busca mobile ────────────────────────────────────
794    var toggle = document.getElementById('header-search-toggle')
795    var panel = document.getElementById('header-search-mobile')
796    var mobileInput = document.getElementById('header-search-mobile-input')
797    var iconOpen = toggle && toggle.querySelector('.header-search-icon-open')
798    var iconClose = toggle && toggle.querySelector('.header-search-icon-close')
799
800    if (toggle && panel) {
801      toggle.addEventListener('click', function () {
802        var isOpen = panel.classList.contains('is-open')
803
804        if (isOpen) {
805          panel.classList.remove('is-open')
806          panel.setAttribute('aria-hidden', 'true')
807          toggle.setAttribute('aria-expanded', 'false')
808          if (iconOpen) iconOpen.classList.remove('hidden')
809          if (iconClose) iconClose.classList.add('hidden')
810        } else {
811          panel.classList.add('is-open')
812          panel.setAttribute('aria-hidden', 'false')
813          toggle.setAttribute('aria-expanded', 'true')
814          if (iconOpen) iconOpen.classList.add('hidden')
815          if (iconClose) iconClose.classList.remove('hidden')
816          if (mobileInput) setTimeout(function () { mobileInput.focus() }, 50)
817        }
818      })
819
820      // Fecha ao pressionar ESC
821      document.addEventListener('keydown', function (e) {
822        if (e.key === 'Escape' && panel.classList.contains('is-open')) {
823          panel.classList.remove('is-open')
824          panel.setAttribute('aria-hidden', 'true')
825          toggle.setAttribute('aria-expanded', 'false')
826          if (iconOpen) iconOpen.classList.remove('hidden')
827          if (iconClose) iconClose.classList.add('hidden')
828          toggle.focus()
829        }
830      })
831    }
832  })()
833</script>
833 <div class="sm:container sm:mx-auto py-4"> <div class="flex flex-col lg:flex-row gap-2"> <aside class="hidden md:flex flex-col gap-4 w-[300px] shrink-0 lg:order-2"> <div class="sticky top-20 flex flex-col gap-4"> <!-- <div
834              class="w-full flex items-center justify-center min-h-[250px] rounded-lg bg-gray-50 dark:bg-slate-800/40 border border-dashed border-gray-200 dark:border-slate-600 text-xs text-gray-400 dark:text-slate-500 font-mono"
835            >
836              <AdSlot id="sidebar_top_slot" unit="SidebarTop" variant="desktopOnly" />
837            </div> --> <div class="w-full flex items-center justify-center min-h-[600px] rounded-lg bg-gray-50 dark:bg-slate-800/40 border border-dashed border-gray-200 dark:border-slate-600 text-xs text-gray-400 dark:text-slate-500 font-mono"> <div id="slide_lateral_alto" data-unit="SidebarHalfpage" class="adsArea flex justify-center items-center overflow-hidden my-3 w-full min-h-[600px] max-w-[300px] justify-center items-center overflow-hidden pubad_pc hidden sm:flex"> <div class="mx-auto text-center pubad_pc hidden sm:flex" data-refresh="30000" data-pos="SidebarHalfpage"></div> </div>  </div> </div> </aside> <div class="w-full lg:flex-1 min-w-0 lg:order-1"> <article class="flex flex-col gap-4 px-4 sm:px-0 overflow-x-hidden"> <header class="flex flex-col gap-4"> <div class="relative w-full overflow-hidden rounded-xl min-h-[460px] sm:min-h-[380px]"> <!--
838                Camada 1 — Backdrop borrado da própria capa: preenche o
839                "vazio" deixado pelo object-contain da imagem principal.
840                alt vazio + aria-hidden para não duplicar a imagem no SR.
841              --> <img src="/_image?href=https%3A%2F%2Fdev-beta.quizur.com%2Fstorage%2Fv1%2Fobject%2Fpublic%2F%2Fimagens%2F%2F21354417%2F35953309-49d5-438b-8892-cf9d35884bdb.webp&#38;w=200&#38;h=200&#38;f=webp" loading="eager" class="absolute inset-0 w-full h-full object-cover blur-xl opacity-80" alt="" aria-hidden="true" width="200" height="200" decoding="async"> <!--
842                Camada 2 — Gradiente overlay (estilo "texto sobre o hero"):
843                  Mobile: vertical (escurece embaixo, onde o texto fica)
844                  Desktop: horizontal (escurece à esquerda, mantém a direita transparente
845                           para a imagem real respirar)
846              --> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/55 to-black/20 sm:bg-gradient-to-r sm:from-black/20 sm:via-black/20 sm:via-[40%] sm:to-transparent sm:to-[80%]"></div> <!-- Breadcrumb discreto sobre o hero (caminho de volta;
846 nível atual fica no JSON-LD) --> <nav aria-label="Breadcrumb" class="absolute top-0 inset-x-0 z-20 px-4 sm:px-6 pt-3 sm:pt-4"> <ol class="flex items-center gap-1.5 text-xs sm:text-sm text-white/70 [text-shadow:0_1px_3px_rgba(0,0,0,0.7)]"> <li><a href="/" class="hover:text-white transition-colors">Quizur</a></li> <li aria-hidden="true" class="text-white/40">›</li> <li class="min-w-0"><a href="/universo/reino-animal" class="hover:text-white transition-colors block truncate max-w-[60vw] sm:max-w-[280px]">Reino Animal</a></li> </ol> </nav> <!--
847                Camada 3 — Conteúdo. Imagem à DIREITA no desktop (e em cima no mobile)
848                com object-contain (sem cortes). Texto à ESQUERDA com overlay do gradiente.
849                O `order` inverte só no breakpoint sm+, mantendo o mobile com imagem em cima.
850              --> <div class="relative z-10 flex flex-col sm:flex-row min-h-[460px] sm:min-h-[380px]"> <!-- Texto (esquerda no desktop, embaixo no mobile) — fica sobre o gradiente escuro --> <div class="order-2 sm:order-1 flex-1 min-w-0 flex items-end sm:items-center"> <div class="px-4 w-full sm:px-6 md:px-8 py-6 sm:py-2 flex flex-col gap-2 sm:gap-3"> <a href="/universo/reino-animal" class="inline-flex items-center gap-2 self-start py-1.5 px-3 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-xs sm:text-sm font-montserrat hover:bg-white/20 hover:border-white/30 transition-colors" aria-label="Ver universo Reino Animal"><img src="/_image?href=https%3A%2F%2Fdev-beta.quizur.com%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fcluster%2F3025%2Fc_icon_3025.png&#38;w=36&#38;h=36&#38;f=webp" loading="eager" alt="" class="w-5 h-5 sm:w-6 sm:h-6 rounded-full object-cover shrink-0" width="36" height="36" decoding="async"><span class="whitespace-nowrap leading-none"><span class="font-semibold">Reino Animal</span></span></a> <h1 class="font-raleway text-xl sm:text-2xl md:text-3xl font-bold text-white leading-tight"> What do You Know About The Coral Snake? </h1>  <div class="min-w-0"> <input type="checkbox" id="hero-desc-toggle" class="peer sr-only" aria-label="Mostrar descrição completa"> <p class="font-montserrat text-sm sm:text-base text-white/85 line-clamp-3 peer-checked:line-clamp-none leading-relaxed"> An apresentation by: Alice, Ana Beatriz and Mariana
851Test your knowledge about Coral snake! In this quiz you will learn interesting facts and trivia about this species! </p> <label for="hero-desc-toggle" class="mt-1 inline-flex items-center gap-1 text-xs font-montserrat font-semibold text-white/70 hover:text-white underline underline-offset-2 cursor-pointer select-none rounded peer-focus-visible:ring-2 peer-focus-visible:ring-white/60"> <span class="hero-desc-more">Ver mais</span> <span class="hero-desc-less">Ver menos</span> </label> </div> <div class="mt-2 sm:mt-1 flex flex-col items-start gap-2"> <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/12 backdrop-blur-sm border border-white/20 text-white/90 text-xs font-inter font-semibold">  <svg class="w-3.5 h-3.5 shrink-0 opacity-80" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path> </svg> <span>1 pessoas já jogaram</span>  </div> <button type="button" data-quiz-hero-cta class="w-full  inline-flex items-center justify-center gap-2.5 px-6 py-3.5 bg-primary-500 hover:bg-primary-600  text-white font-inter font-bold text-base rounded-xl shadow-lg shadow-primary-900/40 transition-all"> <svg class="w-5 h-5 fill-current shrink-0" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg> Jogar Quiz </button> </div>  </div> </div> <!--
852                  Imagem principal (direita no desktop, topo no mobile) — object-contain.
853                  Sem moldura (shadow/ring/rounded) e com mask-image fade na borda em
854                  contato com o texto: a imagem some suavemente no overlay escuro,
855                  dando impressão de fusão (sem divisão visível).
856                -->
856 <div class="order-1 sm:order-2 w-full aspect-[4/3] sm:aspect-auto sm:w-[52%] shrink-0 overflow-hidden flex items-center justify-center seedtag-image"> <img src="/_image?href=https%3A%2F%2Fdev-beta.quizur.com%2Fstorage%2Fv1%2Fobject%2Fpublic%2F%2Fimagens%2F%2F21354417%2F35953309-49d5-438b-8892-cf9d35884bdb.webp&#38;w=1200&#38;h=900&#38;f=webp" loading="eager" fetchpriority="high" class="quiz-hero-main-image max-w-full w-auto h-auto object-contain" alt="What do you know about the Coral snake?" width="1200" height="900" decoding="async"> </div> </div> </div> <div class="flex flex-col sm:flex-row justify-between gap-3"> <div class="flex items-center gap-3"> <a href="/user/1IxtI" class="shrink-0"> <img src="/_image?href=https%3A%2F%2Fdev-beta.quizur.com%2Fstorage%2Fv1%2Fobject%2Fpublic%2F%2Fuser%2Fnull&#38;w=48&#38;h=48&#38;f=webp" loading="eager" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm" alt="Perfil de Mariana Marins do Patrocínio" width="48" height="48" decoding="async"> </a> <div class="flex flex-col flex-1 min-w-0"> <a href="/user/1IxtI" class="text-gray-900 text-sm font-montserrat font-bold hover:underline truncate leading-tight"> Mariana Marins do Patrocínio </a> <time datetime="24/09/2026" class="text-gray-400 text-xs font-montserrat leading-tight"> 24/09/2026 </time> </div> <astro-island uid="Z2kifs9" prefix="r0" component-url="/_astro/FollowPerfil.L0GgGdCB.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{&quot;perfil_id&quot;:[0,25391462]}" ssr="" client="idle" opts="{&quot;name&quot;:&quot;FollowPerfil&quot;,&quot;value&quot;:true}" await-children=""><button class="animate-pulse active:scale-95 transition-colors focus:outline-none dark:hover:bg-gray-800 dark:hover:text-gray-100 disabled:opacity-50 dark:focus:ring-gray-400 disabled:pointer-events-none dark:focus:ring-offset-gray-900 data-[state=open]:bg-gray-100 dark:data-[state=open]:bg-gray-800 inline-flex justify-center items-center gap-[8px] flex-shrink-0 border-[1px] border-gray-200 bg-white hover:bg-gray-100 text-primary-500 font-inter text-sm md:text-base font-semibold h-9 px-[14px] py-[8px] rounded-md" disabled=""> <!-- -->Seguir</button><!--astro:end--></astro-island> </div> <div class="flex w-full md:max-w-[60%]"> <astro-island uid="1uTTMV" prefix="r1" component-url="/_astro/QuizStats.C3sMknRb.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{&quot;contentId&quot;:[0,21354417],&quot;playsTotal&quot;:[0,1],&quot;comments&quot;:[0,0],&quot;likes&quot;:[0,1],&quot;saves&quot;:[0,0],&quot;variant&quot;:[0,&quot;plain&quot;],&quot;showZero&quot;:[0,true]}" ssr="" client="idle" opts="{&quot;name&quot;:&quot;QuizStats&quot;,&quot;value&quot;:true}" await-children=""><div class="bg-white border border-gray-200 rounded-2xl flex items-stretch justify-around gap-0.5 sm:gap-1 px-2 py-2 sm:px-4 sm:py-2.5 w-full overflow-x-auto" style="scrollbar-width:none"><div class="flex flex-col items-center justify-center flex-1 px-1 sm:px-2 py-0.5 transition-opacity hover:opacity-75"><div class="flex items-center gap-1 sm:gap-1.5 min-h-[20px]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-800"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg><span class="font-inter font-bold text-xs sm:text-sm text-gray-900 tabular-nums whitespace-nowrap">1</span></div><span class="font-inter text-[10px] sm:text-xs text-gray-500 mt-0.5 whitespace-nowrap">jogaram</span></div><button type="button" class="flex flex-col items-center justify-center flex-1 px-1 sm:px-2 py-0.5 transition-opacity hover:opacity-75"><div class="flex items-center gap-1 sm:gap-1.5 min-h-[20px]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-800"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="font-inter font-bold text-xs sm:text-sm text-gray-900 tabular-nums whitespace-nowrap">0</span></div><span class="font-inter text-[10px] sm:text-xs text-gray-500 mt-0.5 whitespace-nowrap">coment.</span></button><button type="button" class="flex flex-col items-center justify-center flex-1 px-1 sm:px-2 py-0.5 transition-opacity hover:opacity-75"><div class="flex items-center gap-1 sm:gap-1.5 min-h-[20px]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-800"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg><span class="font-inter font-bold text-xs sm:text-sm text-gray-900 tabular-nums whitespace-nowrap">1</span></div><span class="font-inter text-[10px] sm:text-xs text-gray-500 mt-0.5 whitespace-nowrap">curtidas</span></button><button type="button" class="flex flex-col items-center justify-center flex-1 px-1 sm:px-2 py-0.5 transition-opacity hover:opacity-75"><div class="flex items-center gap-1 sm:gap-1.5 min-h-[20px]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-800"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg><span class="font-inter font-bold text-xs sm:text-sm text-gray-900 tabular-nums whitespace-nowrap">0</span></div><span class="font-inter text-[10px] sm:text-xs text-gray-500 mt-0.5 whitespace-nowrap">favoritos</span></button><button type="button" class="flex flex-col items-center justify-center flex-1 px-1 sm:px-2 py-0.5 transition-opacity hover:opacity-75"><div class="flex items-center gap-1 sm:gap-1.5 min-h-[20px]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-800"><polyline points="15 17 20 12 15 7"></polyline><path d="M4 18v-2a4 4 0 0 1 4-4h12"></path></svg></div><span class="font-inter text-[10px] sm:text-xs text-gray-500 mt-0.5 whitespace-nowrap">Compartilhar</span></button></div><!--astro:end--></astro-island> </div> </div> </header> <div id="quiz-wizard-section" class="relative flex flex-col w-full max-w-3xl mx-auto 
856scroll-mt-20"> <div id="preplay-login-overlay" class="hidden absolute inset-0 z-20 flex-col items-center justify-center overflow-y-auto bg-black/35 backdrop-blur-sm p-4" role="dialog" aria-label="Convite de login" data-preplay-overlay> <div class="w-full max-w-md bg-white rounded-2xl border border-gray-100 shadow-xl px-5 py-6 sm:px-6 flex flex-col gap-3.5 sm:gap-4"> <span class="self-center inline-flex w-fit items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary-50 text-primary-600 text-xs font-inter font-semibold">
857✨ Antes de começar
858</span> <div class="flex flex-col gap-1"> <h2 class="font-raleway text-lg md:text-xl font-bold text-gray-900 leading-tight text-center">
859Tudo o que torna o Quizur único, <span class="text-primary-500">é seu.</span> </h2> <p class="font-montserrat text-sm text-gray-500 leading-relaxed text-center">
860Crie sua conta gratuita e tenha uma experiência completa com a sua cara.
861</p> </div> <div class="flex flex-row flex-wrap justify-center gap-3 sm:grid sm:grid-cols-2"> <div title="Salve seus quizzes" class="flex items-center sm:items-start gap-2.5"> <span class="flex items-center justify-center w-9 h-9 rounded-xl bg-primary-50 text-primary-500 shrink-0"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path> </svg> </span> <div class="hidden sm:block min-w-0"> <p class="font-montserrat font-bold text-sm text-gray-900 leading-tight">Salve seus quizzes</p> <p class="font-montserrat text-xs text-gray-500 leading-snug mt-0.5">Guarde seus favoritos.</p> </div> </div><div title="Crie os seus próprios" class="flex items-center sm:items-start gap-2.5"> <span class="flex items-center justify-center w-9 h-9 rounded-xl bg-primary-50 text-primary-500 shrink-0"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">  <path d="M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4z"></path> </svg> </span> <div class="hidden sm:block min-w-0"> <p class="font-montserrat font-bold text-sm text-gray-900 leading-tight">Crie os seus próprios</p> <p class="font-montserrat text-xs text-gray-500 leading-snug mt-0.5">Dê vida às suas ideias.</p> </div> </div><div title="Uma experiência com a sua cara" class="flex items-center sm:items-start gap-2.5"> <span class="flex items-center justify-center w-9 h-9 rounded-xl bg-primary-50 text-primary-500 shrink-0"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <circle cx="12" cy="8" r="5"></circle> <path d="M20 21a8 8 0 0 0-16 0"></path> </svg> </span> <div class="hidden sm:block min-w-0"> <p class="font-montserrat font-bold text-sm text-gray-900 leading-tight">Uma experiência com a sua cara</p> <p class="font-montserrat text-xs text-gray-500 leading-snug mt-0.5">Resultados personalizados.</p> </div> </div><div title="Desafie seus amigos" class="flex items-center sm:items-start gap-2.5"> <span class="flex items-center justify-center w-9 h-9 rounded-xl bg-primary-50 text-primary-500 shrink-0"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">  <path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"></path> </svg> </span> <div class="hidden sm:block min-w-0"> <p class="font-montserrat font-bold text-sm text-gray-900 leading-tight">Desafie seus amigos</p> <p class="font-montserrat text-xs text-gray-500 leading-snug mt-0.5">Veja quem te conhece melhor.</p> </div> </div> </div> <div class="flex flex-col gap-2.5"> <form method="POST" action="/api/auth/signin" data-preplay-google-form> <input type="hidden" name="provider" value="google"> <input type="hidden" name="redirectTo" value="/trivia/what-do-you-know-about-the-coral-snake-1rBg5"> <button type="submit" class="w-full py-2 active:scale-[0.98] transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 inline-flex justify-center items-center gap-2 bg-primary-500 hover:bg-primary-600 text-white font-inter text-sm sm:text-base font-semibold h-14 px-4 roun
861ded-xl shadow-sm"> <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-white shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"> <path fill="#ffc107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917"></path> <path fill="#ff3d00" d="m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691"></path> <path fill="#4caf50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44"></path> <path fill="#1976d2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917"></path> </svg> </span> <span>Acessar com Google</span> </button> </form> <button type="button" disabled data-preplay-continue class="w-full py-2 transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 inline-flex justify-center items-center gap-2 border h-14 px-4 rounded-xl font-inter text-sm sm:text-base font-semibold overflow-hidden disabled:cursor-not-allowed disabled:opacity-60 disabled:border-gray-200 disabled:text-gray-400 enabled:active:scale-[0.98] enabled:bg-white enabled:hover:bg-primary-50 enabled:text-primary-500 enabled:border-primary-300"> <span data-preplay-continue-label class="w-full whitespace-nowrap tabular-nums">Jogar sem login (10s)</span> </button> </div> <p class="text-center text-[11px] text-gray-400 font-montserrat">
862Junte-se a +12 milhões de pessoas · Gratuito · Sem spam
863</p> </div> </div> 
863<script>
864  (function () {
865    var overlay = document.getElementById('preplay-login-overlay')
866    var section = document.getElementById('quiz-wizard-section')
867    if (!overlay || !section) return
868
869    function track(label) {
870      try {
871        window.uolAnalytics('event', {
872          category: 'performace',
873          action: 'aviso_login_play',
874          label: label,
875        })
876      } catch (e) {}
877    }
878
879    var hasAuth = document.documentElement.classList.contains('auth-known-loggedin')
880    var hasCta = /(?:^|;\s*)quizur_play_cta=/.test(document.cookie || '')
881
882    if (hasAuth || hasCta) {
883      // Nada a reservar/mostrar — remove o overlay do DOM antes do 1º paint.
884      overlay.remove()
885      return
886    }
887
888    // Visitante novo: mostra o gate e reserva a altura (evita medir o
889    // conteúdo real, que ainda não existe — sem medição, sem corrida, sem CLS).
890    // Constante única (não varia por largura): os botões agora são sempre
891    // empilhados, então mobile/desktop pedem uma altura parecida; o overlay
892    // tem overflow-y-auto como rede de segurança caso o conteúdo real exceda
893    // essa estimativa (rola dentro do card, nunca estica a página).
894    var reservePx = 620
895    section.style.minHeight = reservePx + 'px'
896    section.setAttribute('data-preplay-reserve-px', String(reservePx))
897    overlay.classList.remove('hidden')
898    overlay.classList.add('flex')
899    track('show_gate')
900
901    var continueBtn = overlay.querySelector('[data-preplay-continue]')
902    var continueLabel = overlay.querySelector('[data-preplay-continue-label]')
903    var countdown = 10
904
905    function renderCountdown() {
906      if (!continueLabel) return
907      continueLabel.textContent = countdown > 0 ? 'Jogar sem login (' + countdown + 's)' : 'Jogar sem login'
908    }
909    renderCountdown()
910
911    var timer = setInterval(function () {
912      countdown -= 1
913      renderCountdown()
914      if (countdown <= 0) {
915        clearInterval(timer)
916        if (continueBtn) continueBtn.disabled = false
917      }
918    }, 1000)
919
920    function hideGate() {
921      clearInterval(timer)
922      // O colapso a partir daqui é resultado de uma ação do usuário (clique)
923      // ou de uma confirmação de login — não conta para o CLS da página.
924      section.removeAttribute('data-preplay-reserve-px')
925      section.style.minHeight = ''
926      overlay.remove()
927    }
928
929    // Se o visitante já recusou o login na modal global (#modal-login,
930    // "Continuar sem login"), o gate some junto: ele acabou de dizer que quer
931    // jogar sem conta, repetir o pedido aqui só atrapalha. Nome do evento:
932    // fonte da verdade em @/utils/play/preplay-signal.ts — literal aqui porque
933    // este script é `is:inline` e não pode importar.
934    window.addEventListener('quizur:continuar-sem-login', hideGate, { once: true })
935
936    if (continueBtn) {
937      continueBtn.addEventListener('click', function () {
938        if (continueBtn.disabled) return
939        track('continuar_sem_login')
940        try {
941          // Sem max-age/expires: cookie de SESSÃO — dura só enquanto o
942          // navegador ficar aberto. Fechar e reabrir limpa o cookie e o
943          // convite volta a aparecer na próxima visita.
944          document.cookie = 'quizur_play_cta=1; path=/; SameSite=Lax'
945        } catch (e) {}
946        hideGate()
947      })
948    }
949
950    // Confirmação assíncrona pós-login: o login Google roda 100% no cliente
951    // (supabase.auth.signInWithOAuth) e só reflete em auth-known-loggedin
952    // depois que ALGUM componente da página (ex.: HeaderLogin, client:only)
953    // hidrata e a sessão é detectada na URL — isso é sempre assíncrono e,
954    // logo após o redirect de volta do OAuth, ainda não aconteceu no 1º
955    // paint. Sem essa checagem o gate ficava "grudado" até um reload manual.
956    //
957    // O sinal checado aqui é o MESMO que header.astro usa para decidir
958    // auth-known-loggedin (localStorage `sb-*-auth-token`) — não o cookie
959    // httpOnly via /api/auth/session: aquele depende de um POST assíncrono
960    // extra (onAuthStateChange -> fetch) que pode demorar mais ou falhar
961    // independente do login já ter sido concluído no cliente. Ler
962    // localStorage direto é síncrono e local, sem custo de rede, então o
963    // poll pode ser frequente sem problema.
964    //
965    // Só entra em ação quando há sinal de que o visitante acabou de tentar
966    // logar nesta aba (prePlayIntent, setado antes do redirect pro Google) —
967    // evita o poll para o visitante comum que nunca tentou logar.
968    var INTENT_KEY = 'prePlayIntent'
969    var hasIntent = false
970    try {
971      hasIntent = !!sessionStorage.getItem(INTENT_KEY)
972    } catch (e) {}
973
974    function isNowLoggedIn() {
975      if (document.documentElement.classList.contains('auth-known-loggedin')) return true
976      try {
977        for (var i = 0; i < localStorage.length; i++) {
978          var k = localStorage.key(i)
979          if (k && /^sb-.+-auth-token$/.test(k)) {
980            var v = localStorage.getItem(k)
981            if (v && v !== 'null' && v.indexOf('access_token') !== -1) return true
982          }
983        }
984      } catch (e) {}
985      return false
986    }
987
988    if (hasIntent) {
989      var authCheckAttempts = 0
990      var authCheckTimer = setInterval(function () {
991        authCheckAttempts += 1
992        if (isNowLoggedIn()) {
993          clearInterval(authCheckTimer)
994          try { sessionStorage.removeItem(INTENT_KEY) } catch (e) {}
995          hideGate()
996          return
997        }
998        // ~9s de tentativas (30 x 300ms) — cobre até um cold start do Vite
999        // em dev, sem custo de rede (só leitura local a cada tentativa).
1000        if (authCheckAttempts >= 30) clearInterval(authCheckTimer)
1001      }, 300)
1002    }
1003  })()
1004</script>
1004  
1004<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script>
1004<astro-island uid="Z1qLUSj" component-url="/_astro/TriviaWizard.DY4ywMR-.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{&quot;conteudo&quot;:[0,{&quot;titulo&quot;:[0,&quot;What do you know about the Coral snake?&quot;],&quot;slug&quot;:[0,&quot;what-do-you-know-about-the-coral-snake-1rBg5&quot;],&quot;type&quot;:[0,1],&quot;data&quot;:[0,{&quot;results&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Resultado&quot;],&quot;imagem&quot;:[0,null],&quot;resultId&quot;:[0,&quot;0&quot;],&quot;description&quot;:[0,&quot;😓 Puxa, não foi desta vez! Jogue novamente para melhorar o seu resultado!&quot;]}],[0,{&quot;title&quot;:[0,&quot;Resultado&quot;],&quot;imagem&quot;:[0,null],&quot;resultId&quot;:[0,&quot;0&quot;],&quot;description&quot;:[0,&quot;🙂 Boa! Você foi bem, mas é possível melhorar! Jogue novamente e melhore seu resultado!&quot;]}],[0,{&quot;title&quot;:[0,&quot;Resultado&quot;],&quot;imagem&quot;:[0,null],&quot;resultId&quot;:[0,&quot;0&quot;],&quot;description&quot;:[0,&quot;😃 Muito bom! Que tal compartilhar seu resultado e desafiar seus amigos para ver quem sabe mais sobre o assunto?&quot;]}],[0,{&quot;title&quot;:[0,&quot;Resultado&quot;],&quot;imagem&quot;:[0,null],&quot;resultId&quot;:[0,&quot;0&quot;],&quot;description&quot;:[0,&quot;🤩 Uau! Parabéns! Você entende mesmo sobre o assunto! Mostre para seus amigos o seu resultado e desafie eles também!&quot;]}]]],&quot;questions&quot;:[1,[[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;The Coral snake is very poisonous.&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;The false Coral snake don&#39;t have any danger or venom.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;A true Coral snake strikes with certainty.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;The bright colors of the coral snake may serve as a warning to predators.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;There are species of coral snake that are able to swim.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;Coral snakes are mammals because they are warm-blooded.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;
1004All snakes with red, black, and yellow rings are true coral snakes.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;Coral snake venom primarily affects the nervous system.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;The true coral snake belongs to the Elapidae family.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;Coral snakes have fangs capable of injecting venom.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;Coral snakes do not have legs.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}],[0,{&quot;type&quot;:[0,1],&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;There are snakes that disguise themselves as coral snakes.&quot;],&quot;imagem&quot;:[0,null],&quot;alternatives&quot;:[1,[[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;True&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,true]}],[0,{&quot;image&quot;:[0,null],&quot;title&quot;:[0,&quot;False&quot;],&quot;imagem&quot;:[0,&quot;&quot;],&quot;isCorrect&quot;:[0,false]}]]]}]]]}],&quot;descricao&quot;:[0,&quot;An apresentation by: Alice, Ana Beatriz and Mariana\nTest your knowledge about Coral snake! In this quiz you will learn interesting facts and trivia about this species!&quot;],&quot;id&quot;:[0,21354417],&quot;imagem_capa&quot;:[0,&quot;/21354417/35953309-49d5-438b-8892-cf9d35884bdb.webp&quot;],&quot;is_destaque&quot;:[0,false],&quot;is_patrocinado&quot;:[0,false],&quot;ts_publicacao&quot;:[0,&quot;2026-09-24T17:56:20.623&quot;],&quot;perfil_id&quot;:[0,25391462],&quot;tags&quot;:[1,[[0,88486]]],&quot;content_tags&quot;:[1,[[0,{&quot;tag&quot;:[0,&quot;snake&quot;],&quot;slug&quot;:[0,&quot;n1c-snake&quot;]}]]],&quot;user_name&quot;:[0,&quot;Mariana Marins do Patrocínio&quot;],&quot;user_avatar&quot;:[0,null],&quot;user_slug&quot;:[0,&quot;1IxtI&quot;],&quot;noAds&quot;:[0,false],&quot;is_verificado&quot;:[0,false],&quot;status&quot;:[0,0],&quot;visibility&quot;:[0,1],&quot;comments_disabled&quot;:[0,false],&quot;resume&quot;:[0,null],&quot;otimizacao&quot;:[0,null],&quot;ts_verification&quot;:[0,null],&quot;plays_total&quot;:[0,1],&quot;plays_1h&quot;:[0,0],&quot;plays_12h&quot;:[0,1],&quot;plays_24h&quot;:[0,1],&quot;plays_7d&quot;:[0,1],&quot;plays_30d&quot;:[0,1],&quot;likes&quot;:[0,1],&quot;saves&quot;:[0,0],&quot;comments&quot;:[0,0],&quot;total_social&quot;:[0,1],&quot;tem_estatistica&quot;:[0,true],&quot;stats_updated_at&quot;:[0,&quot;2026-09-24T16:00:14.002359-03:00&quot;],&quot;cluster_id&quot;:[0,3025],&quot;cluster_nome&quot;:[0,&quot;Reino Animal&quot;],&quot;cluster_slug&quot;:[0,&quot;reino-animal&quot;],&quot;subcluster_id&quot;:[0,1201],&quot;subcluster_nome&quot;:[0,&quot;Capivaras&quot;],&quot;subcluster_slug&quot;:[0,&quot;capivaras&quot;],&quot;aceleracao_24h&quot;:[0,0],&quot;cluster_icone&quot;:[0,&quot;https://dev-beta.quizur.com/storage/v1/object/public/cluster/3025/c_icon_3025.png&quot;],&quot;qtde_perguntas&quot;:[0,12],&quot;perfil_usuario&quot;:[0,{&quot;nome&quot;:[0,&quot;Mariana Marins do Patrocínio&quot;],&quot;avatar&quot;:[0,null],&quot;slug&quot;:[0,&quot;1IxtI&quot;]}]}]}" ssr="" client="only" opts="{&quot;name&quot;:&quot;TriviaWizard&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>  <div id="wizard-skeleton" aria-hidden="true" class="relative w-full bg-white rounded-xl border border-gray-100 shadow-sm overflow-hidden"> <div class="flex items-center gap-3 px-4 py-3 bg-primary-500"> <span class="inline-flex px-3 py-1 rounded-full bg-white/20 text-transparent text-xs font-semibold shrink-0 select-none">Pergunta 1</span> <div class="flex-1 bg-white/20 rounded-full h-1.5"></div> </div>  <div class="px-4 md:px-8 py-5 flex flex-col gap-2"> <div class="h-6 md:h-7 bg-gray-100 rounded w-3/4"></div> <div class="h-6 md:h-7 bg-gray-100 rounded w-1/2"></div> </div> <div class="grid gap-3 px-4 md:px-8 pb-6 grid-cols-2  text-center "> <div class="rounded-lg border border-gray-200 bg-gray-50 px-4 py-3"> <div class="h-5 bg-gray-100 rounded w-1/2"></div> </div><div class="rounded-lg border border-gray-200 bg-gray-50 px-4 py-3"> <div class="h-5 bg-gray-100 rounded w-1/2"></div> </div> </div> </div> <div id="trivia-no-js-fallback" data-quiz-seo-questions class="flex flex-col gap-6 py-4"> <p class="text-sm text-gray-500 border border-dashed border-gray-300 rounded-lg p-3">
1005Para jogar o quiz de forma interativa, ative o JavaScript no seu navegador.
1006</p> <ol class="flex flex-col gap-6 list-none p-0 m-0"> <li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">1. The Coral snake is very poisonous.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">2. The false Coral snake don&#39;t have any danger or venom.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>False</li><li>True</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">3. A true Coral snake strikes with certainty.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>False</li><li>True</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">4. The bright colors of the coral snake may serve as a warning to predators.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">5. There are species of coral snake that are able to swim.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">6. Coral snakes are mammals because they are warm-blooded.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>False</li><li>True</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">
10067. All snakes with red, black, and yellow rings are true coral snakes.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>False</li><li>True</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">8. Coral snake venom primarily affects the nervous system.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">9. The true coral snake belongs to the Elapidae family.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">10. Coral snakes have fangs capable of injecting venom.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">11. Coral snakes do not have legs.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li><li class="flex flex-col gap-2 border-b border-gray-100 pb-4"> <h2 class="font-semibold text-gray-900 text-base">12. There are snakes that disguise themselves as coral snakes.</h2>  <ul class="flex flex-col gap-1 pl-4 list-disc text-sm text-gray-700"> <li>True</li><li>False</li> </ul> </li> </ol> </div> 
1006<script>
1007                var el = document.getElementById('trivia-no-js-fallback');
1008                if (el) el.hidden = true;
1009              </script>
1009 </div> </article> <aside aria-label="Conteúdo relacionado" class="mt-4  mx-4"> <div class=""> <!--
1010      overflow-hidden cria BFC: evita margin-collapse do my-3 do AdSlot com o
1011      wrapper pai, garantindo que os 24px de margem fiquem dentro dos 124px
1012      reservados. min-h = 100px (customClass do PreFeed) + 24px (my-3) = 124px.
1013    --> <div class="mb-5 min-h-[124px] overflow-hidden" data-cls-watch="prefeed-ad"> <div id="quiz_related_pre_feed" data-unit="PreFeed" class="adsArea flex justify-center items-center overflow-hidden my-3 w-full min-h-[100px] justify-center items-end pubad_pc pubad_mobile"> <div class="mx-auto text-center pubad_pc pubad_mobile" data-refresh="0" data-pos="PreFeed"></div> </div>  </div>   <h2 class="font-raleway font-bold text-gray-900 text-lg mb-4">
1014Você também pode gostar
1015</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-4">  <div class="h-full" data-key="content_related_11299046"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/voce-conhece-mesmo-as-cobras-LpoG" class="absolute inset-0 z-10" aria-label="Você conhece mesmo as cobras?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/zKU9" class="relative z-20 shrink-0" aria-label="Perfil de Canto Massa Pizzaria"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg61b15e4ab795a2.59814467.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="eager" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Canto Massa Pizzaria" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/zKU9" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Canto Massa Pizzaria</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 9 de dez. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Você conhece mesmo as cobras? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Um quiz sobre as cobras <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1016       Na variante simple a capa sangra até a borda e sobe para o topo do card
1017       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg61b259c9565223.88383483.jpg%3FlastEdited%3D1639078351%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Você conhece mesmo as cobras?" loading="eager" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1018       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1019       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1020       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">120</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_13325681"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/sera-que-voce-sabe-qual-sao-as-cobras-peconhentas-TUCl" class="absolute inset-0 z-10" aria-label="Será que você sabe qual são as cobras peçonhentas"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/Fqlg" class="relative z-20 shrink-0" aria-label="Perfil de jaqueline augusto"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg647532ce6ec037.78404406.png&#38;w=48&#38;h=48&#38;f=webp" loading="eager" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de jaqueline augusto" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/Fqlg" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">jaqueline augusto</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 30 de mai. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Será que você sabe qual são as cobras peçonhentas </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Esse quis contém dez perguntas sobre as cobras peçonhentas <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1021       Na variante simple a capa sangra até a borda e sobe para o topo do card
1022       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg647533297d88f0.49533336.png%3FlastEdited%3D1685402503%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Será que você sabe qual são as cobras peçonhentas" loading="eager" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1023       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1024       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1025       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">411</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_11706074"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/vc-conhece-as-cobras-venenosas-N7hE" class="absolute inset-0 z-10" aria-label="Vc conhece as cobras venenosas?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/ASQB" class="relative z-20 shrink-0" aria-label="Perfil de Vitória"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg62322303ba1f90.72336565.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="eager" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Vitória" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/ASQB" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Vitória</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 16 de mar. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Vc conhece as cobras venenosas? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> 5 perguntas para saber o seu conhecimento ;) <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1026       Na variante simple a capa sangra até a borda e sobe para o topo do card
1027       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg623220abe59243.82533693.jpg%3FlastEdited%3D1647452334%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Vc conhece as cobras venenosas?" loading="eager" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1028       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1029       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1030       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">191</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_9326785"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/voce-sabe-mesmo-sobre-cobras-D8k1" class="absolute inset-0 z-10" aria-label="você sabe mesmo sobre cobras"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/ujCP" class="relative z-20 shrink-0" aria-label="Perfil de algumas coisas sobre animais"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg5fc11fef012a10.97892907.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de algumas coisas sobre animais" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/ujCP" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">algumas coisas sobre animais</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 27 de nov. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> você sabe mesmo sobre cobras </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> espero que gostem.
1031ATENÇÃO:se vc tem pavor de cobra não fassa esse quiz
1032
1033ESSE QUIZ ELE SÓ FOI PRA TESTAR O CONHECIMENTO DE VARIAS PESSOAS MAS SEJA CONSCIENTE NÃO MALTRATE OS ANIMAIS AS PICADAS,MORDIDAS,FERROADAS,ARRANHÕES
1034ISSO É O MEIO DE DEFESA DO ANIMAL SE ELE SE SENTIR AMEAÇADO ELE VAI TENTAR SE DEFENDER <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1035       Na variante simple a capa sangra até a borda e sobe para o topo do card
1036       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg5fc120f2941173.05137859.png%3FlastEdited%3D1606492408%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="você sabe mesmo sobre cobras" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1037       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1038       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1039       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">62</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div> <div class="w-full md:col-span-2"> <div id="ad-in-feed-related-0" data-unit="InFeed" class="adsArea flex justify-center items-center overflow-hidden my-3 w-full min-h-[250px] justify-center items-center pubad_pc pubad_mobile"> <div class="mx-auto text-center pubad_pc pubad_mobile" data-refresh="0" data-pos="InFeed"></div> </div>  </div> <div class="h-full" data-key="content_related_558170"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/voce-realmente-conhece-algumas-especies-de-serpentes-2lcK" class="absolute inset-0 z-10" aria-label="Você realmente conhece algumas espécies de serpentes?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/1gLN" class="relative z-20 shrink-0" aria-label="Perfil de Amanda Winchester"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg5bbac4335e39c4.25876362.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Amanda Winchester" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/1gLN" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Amanda Winchester</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 17 de abr. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Você realmente conhece algumas espécies de serpentes? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Teste seus conhecimentos em relação a estes animais que muitas vezes acabam sendo letais. <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1040       Na variante simple a capa sangra até a borda e sobe para o topo do card
1041       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fstatic.quizur.com%2Fi%2Fb%2F58f4160a5e1c87.19709235cobra-venenosa-960x500.jpg%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Você realmente conhece algumas espécies de serpentes?" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1042       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1043       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1044       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">108</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_1500114"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/quiz-sobre-cobras-e-serpentes-6ifo" class="absolute inset-0 z-10" aria-label="Quiz sobre cobras e serpentes"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/V3H" class="relative z-20 shrink-0" aria-label="Perfil de Vinicius Ramos Seara"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg5bbae10037da44.42664305.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Vinicius Ramos Seara" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/V3H" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Vinicius Ramos Seara</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 9 de mar. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Quiz sobre cobras e serpentes </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Vamos ver se você sabe sobre as serpentes e cobras <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1045       Na variante simple a capa sangra até a borda e sobe para o topo do card
1046       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg5c82f9564f7f22.44507739.jpg%3FlastEdited%3D1552087404%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Quiz sobre cobras e serpentes" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1047       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1048       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1049       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">95</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_5764208"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/voce-conhece-as-serpentes-brasileiras-obx6" class="absolute inset-0 z-10" aria-label="Você conhece as serpentes brasileiras?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/iXij" class="relative z-20 shrink-0" aria-label="Perfil de Brunel delas"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg5e764e69028073.63906086.png&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Brunel delas" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/iXij" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Brunel delas</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 21 de mar. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Você conhece as serpentes brasileiras? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Quiz feito para testar seus conhecimentos acerca da fauna de serpentes brasileiras <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1050       Na variante simple a capa sangra até a borda e sobe para o topo do card
1051       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg5e764eb9be1749.28704163.jpeg%3FlastEdited%3D1584811729%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Você conhece as serpentes brasileiras?" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1052       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1053       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1054       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">712</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_13725064"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/voce-conhece-as-cobras-corais-brasileiras-VAw0" class="absolute inset-0 z-10" aria-label="Você conhece as cobras corais brasileiras?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/Gy4D" class="relative z-20 shrink-0" aria-label="Perfil de Matheus Matheus"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg650f2f4a199108.66924127.png&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Matheus Matheus" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/Gy4D" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Matheus Matheus</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 23 de set. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> Você conhece as cobras corais brasileiras? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Vamos ver se você conhece as cobras corais brasileiras! <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1055       Na variante simple a capa sangra até a borda e sobe para o topo do card
1056       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg650f3645e34047.66456519.jpg%3FlastEdited%3D1695495763%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="Você conhece as cobras corais brasileiras?" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1057       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1058       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1059       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">148</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div> <div class="w-full md:col-span-2"> <div id="ad-in-feed-related-1" data-unit="InFeed" class="adsArea flex justify-center items-center overflow-hidden my-3 w-full min-h-[250px] justify-center items-center pubad_pc pubad_mobile"> <div class="mx-auto text-center pubad_pc pubad_mobile" data-refresh="0" data-pos="InFeed"></div> </div>  </div> <div class="h-full" data-key="content_related_12797536"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/sera-que-voce-conhece-as-sobre-as-serpentes-RHdS" class="absolute inset-0 z-10" aria-label="SERÁ QUE VOCÊ CONHECE AS SOBRE AS SERPENTES"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/Cz5y" class="relative z-20 shrink-0" aria-label="Perfil de Ravy Lima"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg62ec083c559702.00697150.png&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Ravy Lima" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/Cz5y" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Ravy Lima</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 31 de dez. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> SERÁ QUE VOCÊ CONHECE AS SOBRE AS SERPENTES </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> esse QUIZ testa seus conhecimentos sobre as cobras/serpentes/víbora do n
1059osso país e do mundo. <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1060       Na variante simple a capa sangra até a borda e sobe para o topo do card
1061       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg63b06857992dc3.18596541.jpg%3FlastEdited%3D1672505435%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="SERÁ QUE VOCÊ CONHECE AS SOBRE AS SERPENTES" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1062       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1063       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1064       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">261</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  <div class="h-full" data-key="content_related_12709887"> <article class="group relative flex flex-col gap-3 h-full bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow p-4 dark:bg-slate-800 dark:shadow-slate-700/20 "> <!-- Overlay clicável que cobre o card inteiro --> <a href="/trivia/o-que-voce-conhece-sobre-o-mundo-das-cobras-Rkqb" class="absolute inset-0 z-10" aria-label="O Que Você Conhece Sobre O Mundo Das Cobras?"></a> <!-- Header: criador + verificado + data (padrão do card social) --> <header class="flex items-center gap-3"> <a href="/user/DHmG" class="relative z-20 shrink-0" aria-label="Perfil de Átila"><img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Fa%2Fimg639dffc6200011.51830154.jpg&#38;w=48&#38;h=48&#38;f=webp" loading="lazy" class="w-10 h-10 rounded-full border-2 border-gray-100 shadow-sm object-cover dark:border-slate-600" alt="Perfil de Átila" width="48" height="48" decoding="async"></a> <div class="flex-1 min-w-0"> <div class="flex items-center gap-1.5"> <a href="/user/DHmG" class="relative z-20 text-sm font-bold text-gray-900 dark:text-white truncate hover:underline">Átila</a>  </div> <p class="text-xs text-gray-400 dark:text-slate-400 truncate"> Quiz · publicado 26 de nov. </p> </div> <button type="button" class="relative z-20 flex-none p-1.5 rounded-full text-gray-400 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors" aria-label="Mais opções"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-5 h-5"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg> </button> </header> <!-- Texto: título + descrição com "...mais" --> <div class="min-w-0"> <h3 class="text-base font-semibold leading-snug text-gray-900 dark:text-white group-hover:text-primary-600 transition-colors line-clamp-2"> O Que Você Conhece Sobre O Mundo Das Cobras? </h3> <p class="mt-0.5 text-sm text-gray-500 dark:text-slate-400 line-clamp-2"> Boa Sorte :D! Espero Que Gostem Do Quiz <span class="font-semibold text-gray-700 dark:text-slate-200">...mais</span> </p> </div> <!-- Imagem grande arredondada com play overlay no hover (mt-auto alinha imagem+pills na base quando os cards da linha têm alturas de texto diferentes).
1065       Na variante simple a capa sangra até a borda e sobe para o topo do card
1066       (order-first) — o título passa a vir depois dela. --> <div class="relative overflow-hidden bg-gray-100 dark:bg-slate-700 rounded-2xl mt-auto"> <img src="/_image?href=https%3A%2F%2Fimg.quizur.com%2Ff%2Fimg6382464442c0c5.16624923.jpg%3FlastEdited%3D1669482056%3Fo%3Dfeed&#38;w=640&#38;h=480&#38;f=webp" class="w-full aspect-4/3 sm:aspect-video object-cover transition-transform duration-300 group-hover:scale-[1.02]" alt="O Que Você Conhece Sobre O Mundo Das Cobras?" loading="lazy" width="640" height="480" decoding="async"> <span class="absolute top-3 left-3 text-[11px] font-semibold px-2.5 py-1 rounded-full bg-white/90 text-primary-700 backdrop-blur-sm shadow-sm"> Reino Animal </span>  <!-- Overlay escuro + CTA — aparece no hover (padrão Quizur) --> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/40 transition-all duration-300"> <div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-primary-500 text-white text-sm font-bold shadow-lg shadow-primary-500/40 scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100 transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> Jogar agora </div> </div> </div> <!-- Ações em "pills" (padrão do card social de referência). Padding/gap/ícone
1067       compactos de propósito: em telas estreitas (ex. iPhone 12, 390px) os 4
1068       pills com números como "100k" quebravam pra 2 linhas — a folga entre o
1069       mínimo somado das 4 pills e a largura do card era de ~20px. --> <footer class="flex items-center gap-1.5"> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play w-4 h-4 text-purple-400"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">330</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 text-primary-400"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> <span class="inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-400"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">1</span> </span> <span class="ml-auto inline-flex items-center gap-1 px-2.5 py-1.5 rounded-full bg-gray-100 dark:bg-slate-700 text-sm text-gray-600 dark:text-slate-300"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4 text-yellow-400"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> <span class="font-semibold text-gray-800 dark:text-slate-100">0</span> </span> </footer> </article> </div>  </div> </div> </aside> </div> </div> </div> </main>   <footer class="bg-white border-t border-gray-100" role="contentinfo" aria-label="Rodapé"> <div class="container mx-auto px-4 xl:px-0 py-12"> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">  <div class="sm:col-span-2 md:col-span-1 flex flex-col gap-4"> <a href="/" aria-label="Quizur — página inicial" class="shrink-0 w-fit"> <img src="/quizur-logo.png" alt="Quizur" width="94" height="19" loading="lazy"> </a> <p class="font-montserrat text-sm text-gray-500 max-w-xs">
1070Crie e jogue quizzes, testes de personalidade e listas — a plataforma de
1071          entretenimento interativo em português.
1072</p> <div class="flex items-center gap-4"> <a href="https://instagram.com/quizur.oficial" target="_blank" rel="noopener noreferrer" aria-label="Quizur no Instagram" class="text-primary-500 hover:opacity-70 transition-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"></path> <path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="m17.5 6.51l.01-.011"></path> </g> </svg> </a> <a href="https://www.facebook.com/quizur" target="_blank" rel="noopener noreferrer" aria-label="Quizur no Facebook" class="hover:opacity-70 transition-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"> <path fill="#003efa" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95"></path> </svg> </a> <a href="https://www.tiktok.com/@quizur.oficial" target="_blank" rel="noopener noreferrer" aria-label="Quizur no TikTok" class="text-gray-800 hover:opacity-70 transition-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
1072 <path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m5.939 7.713v.646a.37.37 0 0 1-.38.37a5.36 5.36 0 0 1-2.903-1.108v4.728a3.94 3.94 0 0 1-1.18 2.81a4 4 0 0 1-2.87 1.17a4.1 4.1 0 0 1-2.862-1.17a3.98 3.98 0 0 1-1.026-3.805c.159-.642.48-1.232.933-1.713a3.58 3.58 0 0 1 2.79-1.313h.82v1.703a.348.348 0 0 1-.39.348a1.918 1.918 0 0 0-1.23 3.631c.27.155.572.246.882.267c.24.01.48-.02.708-.092a1.93 1.93 0 0 0 1.313-1.816V5.754a.36.36 0 0 1 .359-.36h1.415a.36.36 0 0 1 .359.34a3.3 3.3 0 0 0 1.282 2.245a3.25 3.25 0 0 0 1.641.636a.37.37 0 0 1 .338.35z"></path> </svg> </a> <a href="https://x.com/quizur_pt" target="_blank" rel="noopener noreferrer" aria-label="Quizur no X (Twitter)" class="text-gray-800 hover:opacity-70 transition-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <path d="m7 17l4.194-4.193M17 7l-4.193 4.194m0 0L9.777 7H7l4.194 5.807m1.612-1.614L17 17h-2.778l-3.028-4.193"></path> <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10"></path> </g> </svg> </a> <a href="https://youtube.com/@Quizur.oficial" target="_blank" rel="noopener noreferrer" aria-label="Quizur no YouTube" class="hover:opacity-70 transition-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"> <path fill="#df0101" d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m-2 5.575v4.85c0 .462.5.75.9.52l4.2-2.425a.6.6 0 0 0 0-1.04l-4.2-2.424a.6.6 0 0 0-.9.52Z"></path> </svg> </a> </div> </div>  <nav aria-label="Jogar no Quizur"> <h2 class="font-raleway font-semibold text-sm text-[#667085] uppercase tracking-wide mb-3">
1073Jogar
1074</h2> <ul class="flex flex-col gap-2.5 font-inter font-medium text-sm"> <li><a href="/type/trivia" class="text-gray-500 hover:text-primary-500 transition-colors">Trivias</a></li> <li><a href="/type/quiz" class="text-gray-500 hover:text-primary-500 transition-colors">Testes de personalidade</a></li> <li><a href="/type/list" class="text-gray-500 hover:text-primary-500 transition-colors">Listas</a></li> <li><a href="/quiz-sobre-mim" class="text-gray-500 hover:text-primary-500 transition-colors">Quiz sobre mim</a></li> <li><a href="/universo" class="text-gray-500 hover:text-primary-500 transition-colors">Universos</a></li> <li><a href="/discover" class="text-gray-500 hover:text-primary-500 transition-colors">Descobrir</a></li> <li><a href="/criar-quiz" class="text-gray-500 hover:text-primary-500 transition-colors">Criar meu quiz</a></li> </ul> </nav>  <nav aria-label="Páginas"> <h2 class="font-raleway font-semibold text-sm text-[#667085] uppercase tracking-wide mb-3">
1075Páginas
1076</h2> <ul class="flex flex-col gap-2.5 font-inter font-medium text-sm"> <li> <a href="/page/acessibilidade" class="text-gray-500 hover:text-primary-500 transition-colors"> Acessibilidade </a> </li><li> <a href="/page/politica-de-privacidade" class="text-gray-500 hover:text-primary-500 transition-colors"> Aviso de Privacidade do Quizur </a> </li><li> <a href="/page/como-o-quizur-funciona" class="text-gray-500 hover:text-primary-500 transition-colors"> Como o Quizur funciona </a> </li><li> <a href="/page/contato" class="text-gray-500 hover:text-primary-500 transition-colors"> Contato </a> </li><li> <a href="/page/diretrizes-da-comunidade" class="text-gray-500 hover:text-primary-500 transition-colors"> Diretrizes da Comunidade </a> </li><li> <a href="/page/moderacao-medidas-e-revisao" class="text-gray-500 hover:text-primary-500 transition-colors"> Moderação, medidas e revisão </a> </li><li>
1076 <a href="/page/politica-de-cookies" class="text-gray-500 hover:text-primary-500 transition-colors"> Política de Cookies do Quizur </a> </li><li> <a href="/page/principios-de-conteudo-e-correcoes" class="text-gray-500 hover:text-primary-500 transition-colors"> Princípios de conteúdo e correções </a> </li><li> <a href="/page/publicidade-parceiros-e-recomendacoes" class="text-gray-500 hover:text-primary-500 transition-colors"> Publicidade, parceiros e recomendações </a> </li><li> <a href="/page/seguranca-de-criancas-e-adolescentes" class="text-gray-500 hover:text-primary-500 transition-colors"> Segurança de crianças e adolescentes </a> </li><li> <a href="/page/sobre-o-quizur" class="text-gray-500 hover:text-primary-500 transition-colors"> Sobre o Quizur </a> </li><li> <a href="/page/termos-de-uso" class="text-gray-500 hover:text-primary-500 transition-colors"> Termos de Uso </a> </li> </ul> </nav>  <nav aria-label="Institucional"> <h2 class="font-raleway font-semibold text-sm text-[#667085] uppercase tracking-wide mb-3">
1077Quizur
1078</h2> <ul class="flex flex-col gap-2.5 font-inter font-medium text-sm"> <li><a href="/sobre-o-quizur" class="text-gray-500 hover:text-primary-500 transition-colors">Sobre nós</a></li> <li><a href="/contato" class="text-gray-500 hover:text-primary-500 transition-colors">Contato</a></li> <li> <a href="https://blog.quizur.com/" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-500 transition-colors">
1079Blog
1080</a> </li> <li> <a href="https://quizur.zendesk.com/hc/pt-br" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-500 transition-colors">
1081Central de ajuda
1082</a> </li> <li><a href="/termos-de-uso" class="text-gray-500 hover:text-primary-500 transition-colors">Termos de uso</a></li> <li><a href="/politica-de-privacidade" class="text-gray-500 hover:text-primary-500 transition-colors">Política de privacidade</a></li> </ul> </nav> </div> <div class="mt-10 pt-6 border-t border-gray-100 flex flex-col-reverse sm:flex-row items-center justify-between gap-3"> <p class="font-montserrat text-xs text-gray-400">
1083© 2026 Quizur. Todos os direitos reservados.
1084</p> <a href="/sitemap.xml" class="font-montserrat text-xs text-gray-400 hover:text-primary-500 transition-colors">
1085Sitemap
1086</a> </div> </div> </footer> <div id="modal-login" uk-modal> <div class="uk-modal-dialog uk-modal-body rounded-2xl !p-0 !w-[95vw] !max-w-[700px] overflow-hidden"> <button class="uk-modal-close-default !top-4 !right-4 z-10 text-gray-500 hover:text-gray-700 transition-colors" type="button" uk-close></button> <div class="px-6 pt-8 pb-6 sm:px-10 sm:pt-10"> <div class="text-center"> <svg class="quizur-modal-logo mx-auto block h-12 sm:h-[60px] w-auto" viewB
1086ox="0 0 553 144" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Quizur"> <defs> <linearGradient id="quizurModalLogoGrad" x1="0" y1="0" x2="552" y2="144" gradientUnits="userSpaceOnUse"> <stop stop-color="#007FF9"></stop> <stop offset="1" stop-color="#9B04FA"></stop> </linearGradient> </defs> <g class="quizur-modal-logo__letter quizur-modal-logo__q"> <path d="M32.6739 131.781C31.231 130.997 29.1579 129.441 27.8579 128.41C12.4361 116.18 2.63604 99.0994 0.410263 79.4814C-1.68622 61.0045 4.36495 41.2143 15.981 26.735C28.1005 11.8615 45.6243 2.40254 64.7091 0.433014C83.9017 -1.66386 103.145 3.91075 118.246 15.9416C132.991 28.1033 142.414 45.5357 144.511 64.5342C146.222 81.5693 141 101.89 130.121 115.141C129.631 116.061 129.328 116.644 128.702 117.504C132.096 121.31 149.085 138.77 149.462 141.843C147.638 143.686 124.956 143.256 121.229 142.551C120.21 142.358 117.115 139.836 116.251 138.866C114.483 136.67 100.322 122.619 99.395 120.942C98.0103 119.834 89.5899 110.526 87.8595 108.701L71.6189 91.6572C68.6704 88.5603 64.1005 83.9686 61.647 80.6225C61.7892 79.2967 61.5673 79.792 62.5458 78.7775C64.99 77.7861 82.1825 78.4342 85.979 78.2529C87.5138 78.1795 90.9524 78.8799 92.2134 79.8127C97.7075 83.8764 104.213 91.5412 108.937 96.5994C114.212 87.474 116.819 79.3014 116.13 68.7842C114.509 44.0697 93.7239 26.4787 69.3552 27.9357C57.9634 28.7135 47.3403 33.9611 39.8001 42.5361C31.8575 51.5541 27.8403 63.3682 28.6396 75.3588C30.2763 100.073 51.8692 117.792 76.3806 116.135C79.3294 115.838 81.4478 115.66 84.3153 114.947C90.6786 121.494 98.0521 129.783 104.426 135.781C91.5138 144.133 70.7204 145.434 56.086 141.99C50.1927 140.604 36.8181 135.735 32.6739 131.781Z" fill="url(#quizurModalLogoGrad)"></path> </g> <g class="quizur-modal-logo__letter quizur-modal-logo__u1"> <path d="M165.175 41.0229C166.589 40.9987 168.686 41.0026 170.037 40.9471C186.301 40.2455 183.726 42.3284 183.97 55.9448C184.18 67.6381 183.235 81.2748 184.549 92.8354C186.09 106.402 198.876 113.358 211.929 110.9C215.292 110.258 218.446 108.799 221.113 106.652C230.77 99.0303 229.29 86.3526 229.251 75.2987L229.155 52.753C229.146 47.6623 228.117 40.351 235.425 40.9315C237.771 41.0955 248.414 40.3912 249.793 42.0069C252.529 45.2104 251.503 61.2979 251.472 65.3412C251.495 78.0182 252.822 92.9319 248.547 104.844C235.784 140.407 180.638 141.655 165.501 106.988C163.794 103.021 162.686 98.8225 162.215 94.5299C161.56 88.9397 160.891 46.9268 162.3 43.5463C162.89 42.1311 163.82 41.5756 165.175 41.0229Z" fill="url(#quizurModalLogoGrad)"></path> </g> <g class="quizur-modal-logo__letter quizur-modal-logo__i"> <path d="M271.52 41.0276C275.199 40.9491 287.332 40.3358 288.324 42.1155C290.695 46.3623 289.789 74.8053 289.793 78.9748L289.813 108.743C289.817 114.325 289.875 119.924 289.699 125.502C289.613 128.3 289.012 129.408 286.277 129.998C281.098 130.211 274.688 130.816 269.746 129.571C267.438 128.99 267.742 120.086 267.738 118.056C267.695 94.7307 267.895 71.4069 267.676 48.0819C267.645 44.6065 268.113 42.2713 271.52 41.0276Z" fill="url(#quizurModalLogoGrad)"></path> <path d="M276.277 3.34273C283.063 1.93765 289.691 6.32985 291.043 13.1248C292.395 19.9197 287.953 26.5146 281.145 27.8127C274.414 29.0962 267.91 24.7123 266.574 17.9923C265.237 11.2724 269.57 4.73218 276.277 3.34273Z" fill="url(#quizurModalLogoGrad)"></path> </g> <g class="quizur-modal-logo__letter quizur-modal-logo__z"> <path d="M307.887 40.9799C329.649 40.8323 351.594 40.9217 373.363 40.9846C374.691 40.9885 378.629 41.2475 379.328 42.158C381.508 44.9983 380.711 54.0186 380.531 57.4717C377.922 61.4217 368.652 70.8498 364.859 74.876C357.613 82.5932 350.43 90.3694 343.313 98.2037C340.289 101.475 334.512 107.236 332.477 110.875C339.317 111.605 378.25 110.062 380.691 112.751C382.02 115.712 382.016 124.48 381.07 127.854C380.742 129.032 379.856 129.49 378.813 129.942C377.164 130.148 375.207 130.226 373.539 130.233C360.93 130.293 348.32 130.246 335.711 130.228C327.051 130.215 318.309 130.254 309.649 130.149C308.629 130.11 305.133 129.824 304.543 129.232C302.824 127.508 302.965 123.739 302.965 121.447C302.961 118.79 303.016 116.085 303.059 113.421C308.465 105.743 348.352 65.4963 349.172 61.9776C346.266 58.4662 313.848 61.7951 307.793 60.2194C302.203 58.7647 302.184 43.726 307.887 40.9799Z" fill="url(#quizurModalLogoGrad)"></path> </g> <g class="quizur-modal-logo__letter quizur-modal-logo__u2"> <path d="M394.945 41.024C397.926 40.9791 410.715 40.1052 412.68 42.047C415.395 44.7369 414.082 78.6474 414.117 85.0939C414.156 92.456 415.219 100.007 420.777 105.406C425.449 109.94 431.77 111.51 438.102 111.363C442.442 111.263 446.477 109.951 450.059 107.49C460.68 100.192 459.395 86.9873 459.391 75.6873L459.262 52.5053C459.164 38.8631 460.731 41.2474 473.012 40.9111C482.953 40.6388 481.215 43.3162 48
10861.527 51.9416C481.68 56.1404 481.524 60.6189 481.508 64.8666C481.445 74.3213 481.953 83.9533 481.258 93.4291C478.336 133.197 425.574 145.276 401.32 116.481C389.367 102.081 392.504 83.8553 392.192 66.5916C392.07 59.9478 391.836 53.0814 392.086 46.4451C392.184 43.8392 392.981 42.608 394.945 41.024Z" fill="url(#quizurModalLogoGrad)"></path> </g> <g class="quizur-modal-logo__letter quizur-modal-logo__r"> <path d="M530.863 41.0596C534.766 40.6733 547.106 39.9604 550.297 42.1983C551.156 42.801 551.527 43.5495 551.668 44.5729C552.164 48.151 552.781 55.8862 550.488 58.7225C547.805 62.0374 535.211 60.2694 530.703 60.8241C524.344 61.6069 519.5 64.4753 516.848 70.4932C513.977 77.0092 515.289 107.11 515.293 116.404C515.293 120.662 516.024 125.844 513.281 129.371C509.977 130.768 502.254 130.209 498.465 130.253C494.16 130.303 493.16 128.517 492.945 124.45C492.59 117.621 492.91 110.627 492.848 103.777C492.328 70.6722 490.082 44.4374 530.863 41.0596Z" fill="url(#quizurModalLogoGrad)"></path> </g> </svg> <h2 class="mt-6 text-2xl sm:text-3xl font-bold text-gray-900 leading-tight">
1087Tudo o que torna o<br>
1088Quizur único,
1089<span class="relative inline-block text-primary-500">
1090é seu.
1091<svg class="absolute left-0 -bottom-1 w-full" viewBox="0 0 120 8" fill="none" preserveAspectRatio="none" aria-hidden="true"> <path d="M2 5.5C20 3 50 2 60 3.5C75 5 95 4 118 2.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="text-primary-300"></path> </svg> </span> </h2> <p class="mt-4 text-sm sm:text-base text-gray-600 mx-auto">
1092Crie sua conta gratuita e tenha uma experiência completa com a sua cara.
1093</p> </div> <div class="mt-8 flex flex-col gap-3"> 
1093<script>(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event("astro:visible"));})();</script>
1093<astro-island uid="JwPXR" prefix="r6" component-url="/_astro/BtnLoginGoogle.DZ6On5Qx.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;BtnLoginGoogle&quot;,&quot;value&quot;:true}" await-children=""><button value="google" name="provider" type="submit" class="w-full active:scale-[0.98] transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none inline-flex justify-center items-center gap-3 flex-shrink-0 bg-primary-500 hover:bg-primary-600 text-white font-inter text-sm sm:text-base font-semibold h-12 sm:h-14 px-6 rounded-xl shadow-sm"><span class="inline-flex items-center justify-center w-7 h-7 rounded-full bg-white"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 48 48"><path fill="#ffc107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917"></path><path fill="#ff3d00" d="m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691"></path><path fill="#4caf50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44"></path><path fill="#1976d2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917"></path></svg></span>Continuar com Google</button><!--astro:end--></astro-island> <button type="button" data-login-skip class="w-full active:scale-[0.98] transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 inline-flex justify-center items-center gap-2 bg-white hover:bg-primary-50 text-primary-500 font-inter text-sm sm:text-base font-semibold border border-primary-300 h-12 sm:h-14 px-6 rounded-xl">
1094Continuar sem login
1095</button> </div> <ul class="mt-8 grid grid-cols-2 md:grid-cols-4 gap-4 sm:gap-6"> <li class="flex flex-col items-center text-center"> <span class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-primary-50 text-primary-500 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path> </svg> </span> <p class="font-bold text-sm text-gray-900 leading-tight">Salve seus<br>quizzes</p> <p class="mt-2 text-xs text-gray-500 leading-snug">
1096Guarde seus favoritos e encontre sempre que quiser.
1097</p> </li> <li class="flex flex-col items-center text-center"> <span class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-primary-50 text-primary-500 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path> </svg> </span> <p class="font-bold text-sm text-gray-900 leading-tight">Crie seus<br>próprios quizzes</p> <p class="mt-2 text-xs text-gray-500 leading-snug">
1098Dê vida às suas ideias e compartilhe com o mundo.
1099</p> </li> <li class="flex flex-col items-center text-center"> <span class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-primary-50 text-primary-500 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="10" r="3"></circle> <path d="M7 20.66A8 8 0 0 1 17 20.66"></path> </svg> </span> <p class="font-bold text-sm text-gray-900 leading-tight">Tenha uma<br>experiência<br>com sua cara</p> <p class="mt-2 text-xs text-gray-500 leading-snug">
1100Conteúdos e resultados personalizados para você.
1101</p> </li> <li class="flex flex-col items-center text-center"> <span class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-primary-50 text-primary-500 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"></path> </svg> </span> <p class="font-bold text-sm text-gray-900 leading-tight">Desafie seus<br>amigos</p> <p class="mt-2 text-xs text-gray-500 leading-snug">
1102Compartilhe quizzes e descubra quem te conhece melhor.
1103</p> </li> </ul> <!-- <div class='mt-8 flex flex-col gap-3'>
1104        <BtnLoginGoogle client:visible />
1105
1106        <button
1107          type='button'
1108          data-login-skip
1109          class='w-full active:scale-[0.98] transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 inline-flex justify-center items-center gap-2 bg-white hover:bg-primary-50 text-primary-500 font-inter text-sm sm:text-base font-semibold border border-primary-300 h-12 sm:h-14 px-6 rounded-xl'
1110        >
1111          Continuar sem login
1112        </button>
1113      </div> --> <div class="mt-6 flex items-center gap-4 p-4 rounded-2xl bg-gray-50 border border-gray-100"> <div class="flex items-center"> <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-orange-300 to-orange-500 text-white text-xs font-bold border-2 border-white -mr-2 shadow-sm">JM</span> <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-yellow-300 to-amber-500 text-white text-xs font-bold border-2 border-white -mr-2 shadow-sm">LC</span> <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-blue-400 to-blue-600 text-white text-xs font-bold border-2 border-white -mr-2 shadow-sm">RA</span> <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-pink-300 to-rose-500 text-white text-xs font-bold border-2 border-white -mr-2 shadow-sm">SP</span> <span class="inline-flex items-center justify-center w-11 h-11 rounded-full bg-primary-500 text-white text-xs font-extrabold border-2 border-white shadow-sm">+12M</span> </div> <p class="text-xs sm:text-sm text-gray-600 leading-snug flex-1">
1114Junte-se a mais de <strong class="font-bold text-gray-900">12 milhões de pessoas</strong> que usam o Quizur para criar, responder e compartilhar quizzes todos os dias.
1115</p> </div> </div> <div class="border-t border-gray-100 px-6 py-4 sm:px-10"> <ul class="flex flex-col sm:flex-row sm:justify-between gap-3 sm:gap-2 text-xs text-gray-600"> <li class="flex items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1115ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary-500"> <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="m9 12 2 2 4-4"></path> </svg>
1116Seus dados estão seguros
1117</li> <li class="flex items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary-500"> <rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect> <path d="M7 11V7a5 5 0 0 1 10 0v4"></path> </svg>
1118Sem spam. Sem pegadinhas.
1119</li> <li class="flex items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary-500"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg>
1120Gratuito para sempre
1121</li> </ul> </div> </div> </div>   <div id="offcanvas-overlay" uk-offcanvas="overlay: true" class="z-[1050]"> <div class="uk-offcanvas-bar p-0 bg-white overflow-y-scroll lg:overflow-hidden z-[1050]"> <div class="flex justify-end m-2"> <button class="text-black" type="button" onclick="UIkit.offcanvas('#offcanvas-overlay').hide();"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> <g fill="none" fill-rule="evenodd"> <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path> <path fill="currentColor" d="m12 14.122l5.303 5.303a1.5 1.5 0 0 0 2.122-2.122L14.12 12l5.304-5.303a1.5 1.5 0 1 0-2.122-2.121L12 9.879L6.697 4.576a1.5 1.5 0 1 0-2.122 2.12L9.88 12l-5.304 5.304a1.5 1.5 0 1 0 2.122 2.12z"></path> </g> </svg> </button> </div> <div class="flex justify-center"> <img loading="lazy" class="w-[94px] h-[19px]" src="/quizur-logo.png" alt="Quizur Logo"> </div> <!-- <SidebarLogin client:visible /> --> <div class="m-2 "> <astro-island uid="JwPXR" prefix="r7" component-url="/_astro/BtnLoginGoogle.DZ6On5Qx.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;BtnLoginGoogle&quot;,&quot;value&quot;:true}" await-children=""><button value="google" name="provider" type="submit" class="w-full active:scale-[0.98] transition-all focus:outline-none focus:ring-2 focus:ring-primary-300 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none inline-flex justify-center items-center gap-3 flex-shrink-0 bg-primary-500 hover:bg-primary-600 text-white font-inter text-sm sm:text-base font-semibold h-12 sm:h-14 px-6 rounded-xl shadow-sm"><span class="inline-flex items-center justify-center w-7 h-7 rounded-full bg-white"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 48 48"><path fill="#ffc107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917"></path><path fill="#ff3d00" d="m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691"></path><path fill="#4caf50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44"></path><path fill="#1976d2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917"></path></svg></span>Continuar com Google</button><!--astro:end--></astro-island> </div> <div class="flex flex-col gap-3 mb-4 text-black"> <p class="font-montserrat text-base font-normal text-gray-800 mx-2">O que você quer <span class="font-raleway font-bold text-primary-500">jogar?</span></p> <ul class="py-2 flex flex-col gap-3 capitalize text-sm font-semibold"> <li class="w-auto pr-2.5"> <a href="/type/trivia" class="px-4 py-2 rounded-full bg-white text-black shadow hover:shadow flex items-center gap-2"> <svg width="30" height="30" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="30" height="30" rx="15" fill="#E0F2FE"></rect><rect x="3" y="3" width="30" height="30" rx="15" stroke="#F0F9FF" stroke-width="5.35714"></rect><path d="M24.8669 19.0772C24.8052 19.0182 24.7703 18.9366 24.7703 18.8513C24.7703 18.7659 24.8052 18.6843 24.8669 18.6253C25.2716 18.24 25.5005 17.7054 25.5 17.1466C25.5 16.0172 24.1363 15.1016 22.7725 15.1016C22.1922 15.2068 21.6518 15.469 21.21 15.8597C21.1478 15.9063 21.0607 15.9002 21.0058 15.8452C20.9508 15.7902 20.9446 15.7031 20.9913 15.6409C21.3821 15.1992 21.6446 14.6588 21.75 14.0784C21.75 12.7153 20.8338 11.3516 19.7044 11.3516C19.1457 11.351 18.6113 11.5799 18.2263 11.9847C18.1673 12.0466 18.0855 12.0816 18 12.0816C17.9145 12.0816 17.8327 12.0466 17.7738 11.9847C17.3887 11.5799 16.8543 11.351 16.2956 11.3516C15.1656 11.3516 14.25 12.7153 14.25 14.0784C14.3553 14.6587 14.6175 15.1991 15.0081 15.6409C15.0548 15.7031 15.0486 15.7902 14.9936 15.8452C14.9386 15.9002 14.8516 15.9063 14.7894 15.8597C14.3476 15.469 13.8072 15.2068 13.2269 15.1016C11.8638 15.1016 10.5 16.0172 10.5 17.1466C10.4995 17.7054 10.7284 18.24 11.1331 18.6253C11.1948 18.6843 11.2297 18.7659 11.2297 18.8513C11.2297 18.9366 11.1948 19.0182 11.1331 19.0772C10.7287 19.4622 10.4999 19.9963 10.5 20.5547C10.5 21.6834 11.8638 22.5997 13.2275 22.5997C14.0619 22.5997 15.665 21.9609 16.7794 21.4653C16.8759 21.4232 16.9871 21.4325 17.0752 21.4901C17.1634 21.5476 17.2166 21.6457 17.2169 21.7509V23.8497C17.2169 24.2812 17.5667 24.6309 17.9981 24.6309C18.4296 24.6309 18.7794 24.2812 18.7794 23.8497V21.7528C18.7796 21.6475 18.8329 21.5495 18.921 21.4919C19.0092 21.4344 19.1204 21.4251 19.2169 21.4672C20.3331 21.9628 21.9344 22.6016 22.7688 22.6016C24.1363 22.6016 25.5 21.6853 25.5 20.5547C25.5001 19.9963 25.2713 19.4622 24.8669 19.0772Z" fill="#0BA5EC"></path></svg>
1122Quiz
1123</a> </li> <li class="w-auto pr-2.5"> <a href="/type/quiz" class="px-4 py-2 rounded-full bg-white shadow inline-block hover:shadow flex items-center gap-2"> <svg width="30" height="30" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="30" height="30" rx="15" fill="#FCE7F6"></rect><rect x="3" y="3" width="30" height="30" rx="15" stroke="#FDF2FA" stroke-width="5.35714"></rect><path d="M15.3125 24.2547L12.0625 24.2797C11.8899 24.2797 11.75 24.1398 11.75 23.9672V20.6953C11.75 20.3501 11.4702 20.0703 11.125 20.0703C10.7798 20.0703 10.5 20.3501 10.5 20.6953V24.2816C10.5007 24.9568 11.0479 25.504 11.7231 25.5047H15.3125C15.6577 25.5047 15.9375 25.2249 15.9375 24.8797C15.9375 24.5345 15.6577 24.2547 15.3125 24.2547Z" fill="#EE46BC"></path><path d="M11.125 15.9375C11.4702 15.9375 11.75 15.6577 11.75 15.3125L11.725 12.0625C11.725 11.8899 11.8649 11.75 12.0375 11.75H15.3125C15.6577 11.75 15.9375 11.4702 15.9375 11.125C15.9375 10.7798 15.6577 10.5 15.3125 10.5H11.7231C11.0479 10.5007 10.5007 11.0479 10.5 11.7231V15.3125C10.5 15.6577 10.7798 15.9375 11.125 15.9375Z" fill="#EE46BC"></path><path d="M24.875 20.0703C24.5298 20.0703 24.25 20.3501 24.25 20.6953L24.275 23.9397C24.275 24.1123 24.1351 24.2522 23.9625 24.2522H20.6875C20.3423 24.2522 20.0625 24.532 20.0625 24.8772C20.0625 25.2224 20.3423 25.5022 20.6875 25.5022H24.2744C24.9496 25.5029 25.4979 24.9568 25.5 24.2816V20.6953C25.5 20.3501 25.2202 20.0703 24.875 20.0703Z" fill="#EE46BC"></path><path d="M25.5 11.7231C25.4993 11.0479 24.9521 10.5007 24.2769 10.5H20.6875C20.3423 10.5 20.0625 10.7798 20.0625 11.125C20.0625 11.4702 20.3423 11.75 20.6875 11.75L23.9375 11.725C24.1101 11.725 24.25 11.8649 24.25 12.0375V15.3125C24.25 15.6577 24.5298 15.9375 24.875 15.9375C25.2202 15.9375 25.5 15.6577 25.5 15.3125V11.7231Z" fill="#EE46BC"></path><path d="M18 16.125C18.8629 16.125 19.5625 15.4254 19.5625 14.5625C19.5625 13.6996 18.8629 13 18 13C17.1371 13 16.4375 13.6996 16.4375 14.5625C16.4375 15.4254 17.1371 16.125 18 16.125Z" fill="#EE46BC"></path><path d="M19.875 20.1875C20.0476 20.1875 20.1875 20.0476 20.1875 19.875V18.625C20.1875 17.4169 
112319.2081 16.4375 18 16.4375C16.7919 16.4375 15.8125 17.4169 15.8125 18.625V19.875C15.8125 20.0476 15.9524 20.1875 16.125 20.1875H16.6381C16.7184 20.1874 16.7857 20.2482 16.7938 20.3281L17.0625 23.0312C17.0786 23.1915 17.2139 23.3133 17.375 23.3125H18.625C18.7861 23.3133 18.9214 23.1915 18.9375 23.0312L19.2075 20.3281C19.2155 20.2482 19.2828 20.1874 19.3631 20.1875H19.875Z" fill="#EE46BC"></path><path d="M15.3125 24.2547L12.0625 24.2797C11.8899 24.2797 11.75 24.1398 11.75 23.9672V20.6953C11.75 20.3501 11.4702 20.0703 11.125 20.0703C10.7798 20.0703 10.5 20.3501 10.5 20.6953V24.2816C10.5007 24.9568 11.0479 25.504 11.7231 25.5047H15.3125C15.6577 25.5047 15.9375 25.2249 15.9375 24.8797C15.9375 24.5345 15.6577 24.2547 15.3125 24.2547Z" fill="#EE46BC"></path><path d="M11.125 15.9375C11.4702 15.9375 11.75 15.6577 11.75 15.3125L11.725 12.0625C11.725 11.8899 11.8649 11.75 12.0375 11.75H15.3125C15.6577 11.75 15.9375 11.4702 15.9375 11.125C15.9375 10.7798 15.6577 10.5 15.3125 10.5H11.7231C11.0479 10.5007 10.5007 11.0479 10.5 11.7231V15.3125C10.5 15.6577 10.7798 15.9375 11.125 15.9375Z" fill="#EE46BC"></path><path d="M24.875 20.0703C24.5298 20.0703 24.25 20.3501 24.25 20.6953L24.275 23.9397C24.275 24.1123 24.1351 24.2522 23.9625 24.2522H20.6875C20.3423 24.2522 20.0625 24.532 20.0625 24.8772C20.0625 25.2224 20.3423 25.5022 20.6875 25.5022H24.2744C24.9496 25.5029 25.4979 24.9568 25.5 24.2816V20.6953C25.5 20.3501 25.2202 20.0703 24.875 20.0703Z" fill="#EE46BC"></path><path d="M25.5 11.7231C25.4993 11.0479 24.9521 10.5007 24.2769 10.5H20.6875C20.3423 10.5 20.0625 10.7798 20.0625 11.125C20.0625 11.4702 20.3423 11.75 20.6875 11.75L23.9375 11.725C24.1101 11.725 24.25 11.8649 24.25 12.0375V15.3125C24.25 15.6577 24.5298 15.9375 24.875 15.9375C25.2202 15.9375 25.5 15.6577 25.5 15.3125V11.7231Z" fill="#EE46BC"></path><path d="M18 16.125C18.8629 16.125 19.5625 15.4254 19.5625 14.5625C19.5625 13.6996 18.8629 13 18 13C17.1371 13 16.4375 13.6996 16.4375 14.5625C16.4375 15.4254 17.1371 16.125 18 16.125Z" fill="#EE46BC"></path><path d="M19.875 20.1875C20.0476 20.1875 20.1875 20.0476 20.1875 19.875V18.625C20.1875 17.4169 19.2081 16.4375 18 16.4375C16.7919 16.4375 15.8125 17.4169 15.8125 18.625V19.875C15.8125 20.0476 15.9524 20.1875 16.125 20.1875H16.6381C16.7184 20.1874 16.7857 20.2482 16.7938 20.3281L17.0625 23.0312C17.0786 23.1915 17.2139 23.3133 17.375 23.3125H18.625C18.7861 23.3133 18.9214 23.1915 18.9375 23.0312L19.2075 20.3281C19.2155 20.2482 19.2828 20.1874 19.3631 20.1875H19.875Z" fill="#EE46BC"></path></svg>
1124Personalidade
1125</a> </li> <li class="w-auto pr-2.5"> <a href="/type/list" class="px-4 py-2 rounded-full bg-white shadow inline-block hover:shadow flex items-center gap-2"> <svg width="30" height="30" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="30" height="30" rx="15" fill="#FFE6D5"></rect><rect x="3" y="3" width="30" height="30" rx="15" stroke="#FFF4ED" stroke-width="5.35714"></rect><path d="M10.5 11.7723C10.5 11.3285 10.8598 10.9688 11.3036 10.9688H13.1339C13.5777 10.9688 13.9375 11.3285 13.9375 11.7723V13.6027C13.9375 14.0465 13.5777 14.4063 13.1339 14.4063H11.3036C10.8598 14.4063 10.5 14.0465 10.5 13.6027V11.7723Z" fill="#FF4405"></path><path d="M10.5 17.0848C10.5 16.641 10.8598 16.2812 11.3036 16.2812H13.1339C13.5777 16.2812 13.9375 16.641 13.9375 17.0848V18.9152C13.9375 19.359 13.5777 19.7188 13.1339 19.7188H11.3036C10.8598 19.7188 10.5 19.359 10.5 18.9152V17.0848Z" fill="#FF4405"></path><path d="M10.5 22.3973C10.5 21.9535 10.8598 21.5938 11.3036 21.5938H13.1339C13.5777 21.5938 13.9375 21.9535 13.9375 22.3973V24.2277C13.9375 24.6715 13.5777 25.0312 13.1339 25.0312H11.3036C10.8598 25.0312 10.5 24.6715 10.5 24.2277V22.3973Z" fill="#FF4405"></path><path d="M15.8125 11.7723C15.8125 11.3285 16.1723 10.9688 16.6161 10.9688H24.6964C25.1402 10.9688 25.5 11.3285 25.5 11.7723V13.6027C25.5 14.0465 25.1402 14.4063 24.6964 14.4063H16.6161C16.1723 14.4063 15.8125 14.0465 15.8125 13.6027V11.7723Z" fill="#FF4405"></path><path d="M15.8125 17.0848C15.8125 16.641 16.1723 16.2812 16.6161 16.2812H24.6964C25.1402 16.2812 25.5 16.641 25.5 17.0848V18.9152C25.5 19.359 25.1402 19.7188 24.6964 19.7188H16.6161C16.1723 19.7188 15.8125 19.359 15.8125 18.9152V17.0848Z" fill="#FF4405"></path><path d="M15.8125 22.3973C15.8125 21.9535 16.1723 21.5938 16.6161 21.5938H24.6964C25.1402 21.5938 25.5 21.9535 25.5 22.3973V24.2277C25.5 24.6715 25.1402 25.0312 24.6964 25.0312H16.6161C16.1723 25.0312 15.8125 24.6715 15.8125 24.2277V22.3973Z" fill="#FF4405"></path></svg>
1126Lista
1127</a> </li> <li class="w-auto pr-2.5"> <a href="/quiz-sobre-mim" class="px-4 py-2 rounded-full bg-white shadow inline-block hover:shadow flex items-center gap-2"> <svg width="30" height="30" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="30.0037" height="30.0037" rx="15.0019" fill="#EBE9FE"></rect><rect x="3" y="3" width="30.0037" height="30.0037" rx="15.0019" stroke="#F4F3FF" stroke-width="5.35781"></rect><path d="M13.8013 15.189C14.9613 15.189 15.9016 14.2095 15.9016 13.0012C15.9016 11.793 14.9613 10.8135 13.8013 10.8135C12.6414 10.8135 11.701 11.793 11.701 13.0012C11.701 14.2095 12.6414 15.189 13.8013 15.189Z" fill="#7A5AF8"></path><path d="M24.6789 11.7207C24.3746 11.0873 23.7967 10.6448 23.1255 10.5314C22.4543 10.418 21.7717 10.6474 21.2908 11.1482L21.1078 11.3388C21.0489 11.3993 20.9543 11.3993 20.8954 11.3388L20.7154 11.1482C20.2344 10.6475 19.5517 10.418 18.8804 10.5314C18.2092 10.6448 17.6312 11.0873 17.3268 11.7207C16.9192 12.567 17.0773 13.5901 17.7192 14.2604L20.7874 17.5946C20.844 17.6561 20.9222 17.6909 21.004 17.6909C21.0858 17.6909 21.164 17.6561 21.2206 17.5946L24.2846 14.2648C24.9286 13.5938 25.0874 12.5687 24.6789 11.7207Z" fill="#7A5AF8"></path><path d="M13.8014 15.8145C11.9794 15.8165 10.503 17.3545 10.501 19.2524V21.4401C10.501 21.6128 10.6353 21.7527 10.801 21.7527H11.8871C11.9651 21.7527 12.03 21.8149 12.0366 21.8958L12.3012 25.2169C12.3143 25.3791 12.4449 25.5037 12.6012 25.5032H15.0015C15.1579 25.5037 15.2884 25.3791 15.3016 25.2169L15.5674 21.8958C15.5739 21.8154 15.6381 21.7534 15.7156 21.7527H16.8018C16.9675 21.7527 17.1018 21.6128 17.1018 21.4401V19.2524C17.0998 17.3545 15.6233 15.8165 13.8014 15.8145Z" fill="#7A5AF8"></path><path d="M13.8013 15.189C14.9613 15.189 15.9016 14.2095 15.9016 13.0012C15.9016 11.793 14.9613 10.8135 13.8013 10.8135C12.6414 10.8135 11.701 11.793 11.701 13.0012C11.701 14.2095 12.6414 15.189 13.8013 15.189Z" fill="#7A5AF8"></path><path d="M24.6789 11.7207C24.3746 11.0873 23.7967 10.6448 23.1255 10.5314C22.4543 10.418 21.7717 10.6474 21.2908 11.1482L21.1078 11.3388C21.0489 11.3993 20.9543 11.3993 20.8954 11.3388L20.7154 11.1482C20.2344 10.6475 19.5517 10.418 18.8804 10.5314C18.2092 10.6448 17.6312 11.0873 17.3268 11.7207C16.9192 12.567 17.0773 13.5901 17.7192 14.2604L20.7874 17.5946C20.844 17.6561 20.9222 17.6909 21.004 17.6909C21.0858 17.6909 21.164 17.6561 21.2206 17.5946L24.2846 14.2648C24.9286 13.5938 25.0874 12.5687 24.6789 11.7207Z" fill="#7A5AF8"></path></svg>
1128Quiz sobre mim
1129</a> </li> </ul> </div>  <div class="flex flex-col"> <div class="flex items-center gap-2 border-t border-[#D0D5DD] shadow p-4"> <img src="/community-menu-1.svg" class="w-[22px] h-[18px]" alt="Universo"> <p class="font-raleway font-semibold text-sm text-[#667085]">Universo</p> </div> <div class="flex flex-col gap-2 p-4 bg-[#D9D9D9] bg-opacity-20"> <div class="flex items-center gap-2"> <a target="_blank" rel="noopener noreferrer" href="https://quizur.zendesk.com/hc/pt-br" class="font-inter font-medium text-sm text-gray-500">
1130Central de ajuda
1131</a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a href="/cdn-cgi/l/email-protection#d7b4b8b9a3b6a3b897a6a2beada2a5f9b4b8ba" class="font-inter font-medium text-sm text-gray-500">
1132Suporte
1133</a> </div> </div> </div>  <div class="flex flex-col"> <div class="flex items-center gap-2 border-t border-[#D0D5DD] shadow p-4"> <img src="/menu-list-1.svg" class="w-[18px] h-3" alt="Menu Lista"> <p class="font-raleway font-semibold text-sm text-[#667085]">Geral</p> </div> <div class="flex flex-col gap-2 p-4 bg-[#D9D9D9] bg-opacity-20"> <div class="flex items-center gap-2"> <a target="_blank" href="https://blog.quizur.com/" class="relative font-inter font-medium text-sm text-gray-500">
1134Blog
1135<span class="absolute w-max -top-[5px] -right-10 py-[1px] px-[3px] justify-center items-center gap-[5.909px] rounded-[10px] bg-[#FF2147] shadow-md text-white text-center font-inter text-[10px] font-bold leading-[14.8px]">
1136Novo!
1137</span> </a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a target="_blank" href="https://blog.quizur.com/web-stories-do-quizur/" class="relative font-inter font-medium text-sm text-gray-500">
1138Webstories
1139<span class="absolute w-max -top-[5px] -right-10 py-[1px] px-[3px] justify-center items-center gap-[5.909px] rounded-[10px] bg-[#FF2147] shadow-md text-white text-center font-inter text-[10px] font-bold leading-[14.8px]">
1140Novo!
1141</span> </a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a href="/sobre-o-quizur" class="font-inter font-medium text-sm text-gray-500">
1142Sobre nós
1143</a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a href="/cdn-cgi/l/email-protection#7d1e1213091c09123d0c081407080f531e1210" class="font-inter font-medium text-sm text-gray-500">
1144Contato
1145</a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a href="/termos-de-uso" class="font-inter font-medium text-sm text-gray-500">
1146Termos de uso
1147</a> </div> <hr class="border-white"> <div class="flex items-center gap-2"> <a href="/politica-de-privacidade" class="font-inter font-medium text-sm text-gray-500">
1148Política de privacidade
1149</a> </div> <hr class="border-white">  </div> </div>  <div class="flex flex-col gap-2 p-4 border-t border-[#D0D5DD]"> <p class="font-raleway font-semibold text-sm text-[#667085]">Siga nossas redes sociais:</p> <div class="flex justify-between md:justify-start items-center gap-4">  <a class="font-montserrat font-medium text-xs text-primary-500" href="https://instagram.com/quizur.oficial" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"></path> <path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="m17.5 6.51l.01-.011"></path> </g> </svg> </a>  <a class="font-montserrat font-medium text-xs text-primary-500" href="https://www.facebook.com/quizur" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"> <path fill="#003efa" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95"></path> </svg> </a>  <a class="font-montserrat font-medium text-xs text-primary-500" href="https://www.tiktok.com/@quizur.oficial" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
1149 <path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m5.939 7.713v.646a.37.37 0 0 1-.38.37a5.36 5.36 0 0 1-2.903-1.108v4.728a3.94 3.94 0 0 1-1.18 2.81a4 4 0 0 1-2.87 1.17a4.1 4.1 0 0 1-2.862-1.17a3.98 3.98 0 0 1-1.026-3.805c.159-.642.48-1.232.933-1.713a3.58 3.58 0 0 1 2.79-1.313h.82v1.703a.348.348 0 0 1-.39.348a1.918 1.918 0 0 0-1.23 3.631c.27.155.572.246.882.267c.24.01.48-.02.708-.092a1.93 1.93 0 0 0 1.313-1.816V5.754a.36.36 0 0 1 .359-.36h1.415a.36.36 0 0 1 .359.34a3.3 3.3 0 0 0 1.282 2.245a3.25 3.25 0 0 0 1.641.636a.37.37 0 0 1 .338.35z"></path> </svg> </a>  <a class="font-montserrat font-medium text-xs text-primary-500" href="https://x.com/quizur_pt" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"> <path d="m7 17l4.194-4.193M17 7l-4.193 4.194m0 0L9.777 7H7l4.194 5.807m1.612-1.614L17 17h-2.778l-3.028-4.193"></path> <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10"></path> </g> </svg> </a>  <a class="font-montserrat font-medium text-xs text-primary-500" href="https://youtube.com/@Quizur.oficial" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"> <g fill="none" fill-rule="evenodd"> <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path> <path fill="#df0101" d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m-2 5.575v4.85c0 .462.5.75.9.52l4.2-2.425a.6.6 0 0 0 0-1.04l-4.2-2.424a.6.6 0 0 0-.9.52Z"></path> </g> </svg> </a> </div> </div> </div> </div> <astro-island uid="216fIa" prefix="r2" component-url="/_astro/GlobalPushPrompt.eGpSBg0u.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{}" ssr="" client="idle" opts="{&quot;name&quot;:&quot;GlobalPushPrompt&quot;,&quot;value&quot;:true}"></astro-island> <span class="menuName hidden">quizur</span>
vendor: 109 bytes, line 1149
1149 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1149<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":"f034fae47bab4af7ab23d01aab1d9d2c","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1149
1149
1150<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a404332c3b01f80e',t:'MTc5MDI3ODE4Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1150</body></html> <div id="myEmbeddedModal" uk-modal> <div class="uk-modal-dialog rounded-lg"> <div class="uk-modal-header rounded-lg"> <span class="text-lg font-semibold">Incorporar</span> <button class="uk-modal-close-default" type="button" uk-close></button> </div> <div class="uk-modal-body"> <astro-island uid="Z1dwsmX" prefix="r3" component-url="/_astro/EmbeddedModalChild.DWPtbz2D.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{&quot;contentUrl&quot;:[0,&quot;https://pt.quizur.com/trivia/what-do-you-know-about-the-coral-snake-1rBg5&quot;]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;EmbeddedModalChild&quot;,&quot;value&quot;:true}" await-children=""><div class="flex flex-col p-4 pt-0"><div class="flex justify-start flex-col gap-4 items-center"><div class="flex flex-col gap-6 font-montserrat text-gray-800 justify-center items-center"><p class="font-bold text-lg">Para incorporar este quiz ao seu site copie e cole o código abaixo.</p><textarea rows="9" readonly="" class="block p-2.5 w-full text-base text-gray-900 rounded-lg border focus-visible:border-primary-500 focus:border-primary-500&#x27;}">&lt;script&gt;(function(q,u,i,z,r){z=q.createElement(u),r=q.getElementsByTagName(u)[0];z.async=1;z.src=i;r.parentNode.insertBefore(z,r);})(document,&#x27;script&#x27;,&#x27;https://pt.quizur.com/js/embedder.js&#x27;);&lt;/script&gt;&lt;ins class=&quot;quizurembed&quot; data-id=&quot;[[ID]]&quot;&gt;&lt;/ins&gt; &lt;div style=&quot;text-align:center; margin-top:20px&quot;&gt;&lt;a href=&quot;https://pt.quizur.com&quot; target=&quot;_blank&quot; style=&quot;color:#ccc; text-decoration: none&quot;&gt; &lt;img src=&quot;https://pt.quizur.com/favicon-32x32.png&quot; alt=&quot;Quizur Logo&quot; style=&quot;width: 25px;&quot;/&gt; Criado no Quizur&lt;/a&gt; &lt;/div&gt;</textarea></div></div><div class="flex gap-2 my-3 items-center"><div class="flex flex-col gap-4 w-full mt-4"><button type="button" class="cursor-pointer w-full flex pl-3 py-3 pr-4 justify-center items-center border rounded-md bg-primary-500 disabled:opacity-30 text-white">Copiar</button><button type="button" class="cursor-pointer w-full flex pl-3 py-3 pr-4 justify-center items-center border rounded-md bg-white disabled:opacity-30 text-primary-500 font-semibold">Customizar</button></div></div></div><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><!--astro:end--></astro-island> </div> </div> </div> <astro-island uid="Z2u76Ud" prefix="r4" component-url="/_astro/EmbeddedPayWall.DCZ6VEYP.js" component-export="default" renderer-url="/_astro/client.C0NHyvYW.js" props="{}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;EmbeddedPayWall&quot;,&quot;value&quot;:true}" await-children=""><div class="embeddedModalQuizurPro transition-all invisible fixed inset-0 w-screen h-screen bg-black/30 shadow-lg pointer-events-auto ring-1 ring-black ring-opacity-5"><div class="transition-all absolute bottom-0 flex flex-col items-center gap-8 w-full h-0 py-8 px-4 bg-white rounded-non invisible quizurProPayWallHidden"><img src="/logo.png" alt="Quizur"/><div class="flex flex-col gap-4"><p class="font-semibold text-gray-700 text-2xl font-raleway text-center">Funcionalidade disponível somente no <span class="text-primary-500 font-bold">Quizur PRO</span>.</p><p class="text-base w-full text-gray-700 font-montserrat text-center">Entre em contato para saber mais: <a class="text-primary-500 font-semibold" href="/cdn-cgi/l/email-protection#dfbcb0b1abbeabb09faeaab6a5aaadf1bcb0b2"><span class="__cf_email__" data-cfemail="33505c5d4752475c7342465a4946411d505c5e">[email&#160;protected]</span></a></p></div><button class="active:scale-95 rounded-md transition-colors focus:outline-none dark:hover:bg-gray-800 dark:hover:text-gray-100 disabled:opacity-50 dark:focus:ring-gray-400 disabled:pointer-events-none dark:focus:ring-offset-gray-900 data-[state=open]:bg-gray-100 dark:data-[state=open]:bg-gray-800 inline-flex justify-center items-center gap-[8px] flex-shrink-0 border-[1px] border-gray-200 bg-white hover:bg-gray-100 text-primary-500 font-inter text-sm md:text-base font-semibold h-10 py-4 px-6 !text-sm !font-medium !text-gray-600">Continuar sem as funcionalidades</button></div></div><!--astro:end--></astro-island>
vendor: 108 bytes, line 1150
1150<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

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.