1<!DOCTYPE html> 2<html lang="pt-BR" translate="no" suppressHydrationWarning> 3 <head> 4 <meta charset="UTF-8" /> 5 6 <!-- Meta Business Suite Domain Verification (replace with actual verification code) --> 7 <!-- <meta name="facebook-domain-verification" content="YOUR_VERIFICATION_CODE" /> --> 8 9 <!-- Favicon and App Icons (#1379: use the 3.7KB favicon.ico, not the 93KB logo.png) --> 10 <link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="any" /> 11 <link rel="icon" type="image/png" href="/favicon.png" /> 12 <link rel="apple-touch-icon" href="/logo192.png" /> 13 <link rel="manifest" href="/manifest.json" /> 14 15 <!-- Viewport and Basic Meta --> 16 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 17 <meta name="google" content="notranslate" /> 18 19 <meta name="theme-color" content="#4A5FC1" /> 20 21 <!-- Typography is self-hosted via @fontsource-variable (#229) â bundled as 22 first-party assets in main.tsx, so there is no render-blocking request 23 to fonts.googleapis.com on the critical path. --> 24 25 <!-- Resource hints (#229): warm up the connection to the API (hit on every 26 page) and DNS for the deferred third-party scripts. --> 27 <link rel="preconnect" href="https://api.realastrology.ai" crossorigin /> 28 <link rel="dns-prefetch" href="https://cdn.amplitude.com" /> 29 <link rel="dns-prefetch" href="https://api-sr.amplitude.com" /> 30 <link rel="dns-prefetch" href="https://js.stripe.com" /> 31 <link rel="dns-prefetch" href="https://connect.facebook.net" /> 32 33 <!-- Open Graph / Social Media --> 34 35 36 37 38 39 40 <!-- Twitter Card --> 41 42 43 44 45 46 <title>Blog | Real Astrology</title> 47 48 <!-- Google Ads / gtag.js â inline so gtag is available before React hydrates. --> 49 <!-- Conversion ID is hardcoded because Vite does not substitute env vars in index.html. -->
vendor: 68 bytes, lines 49-50
49 50 <script async src="https://www.googletagmanager.com/gtag/js?id=
50AW-18157918903
vendor: 16 bytes, lines 50-51
50"></script> 51
51<script> 52 window.dataLayer = window.dataLayer || []; 53 function gtag(){dataLayer.push(arguments);} 54 gtag('js', new Date()); 55 // Consent Mode v2 â deny ad/personalization signals by default for 56 // LGPD/GDPR compliance. Analytics measurement is still allowed (basic 57 // pageview + conversions arrive anonymously). googleAdsService.grantAdConsent() 58 // upgrades to full consent once the user has granted it. 59 gtag('consent', 'default', { 60 ad_storage: 'denied', 61 ad_user_data: 'denied', 62 ad_personalization: 'denied', 63 analytics_storage: 'granted', 64 wait_for_update: 500 65 }); 66 gtag('config', 'AW-18157918903'); 67 </script>
67 68 69 <!-- Meta Pixel â inline for instant PageView on ad traffic (before React hydrates) --> 70
70<script> 71 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 72 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 73 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 74 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 75 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 76 (function(){ 77 var pid='25961885150141099'; 78 var pen='true'; 79 if(pen!=='true'||!pid||pid.indexOf('VITE_')!==-1)return; 80 // Mint a deduplication ID shared between this inline Pixel 81 // PageView and the server-side CAPI mirror. Stash on window 82 // so the React hook (useMetaPageViewDedup) can read it without 83 // re-firing the Pixel. 84 // Wrapped in try/catch so a missing crypto API or any other 85 // unexpected error never breaks the page â fall back to a plain 86 // PageView (still attributed, just no CAPI dedup pair). 87 var eid; 88 try{ 89 eid=(self.crypto&&self.crypto.randomUUID) 90 ?self.crypto.randomUUID() 91 :'pv_'+Date.now()+'_'+Math.random().toString(36).slice(2,11); 92 window.__META_PV_EVENT_ID=eid; 93 }catch(e){eid=null;} 94 try{ 95 fbq('consent','revoke'); 96 fbq('init',pid); 97 if(eid){fbq('track','PageView',{},{eventID:eid});} 98 else{fbq('track','PageView');} 99 window.__META_PIXEL_HTML_PV=true; 100 }catch(e){/* noop â Pixel is best-effort */} 101 102 // CAPI mirror â fires server-side BEFORE React hydrates so we 103 // recover LP views in IG/FB WebView, slow networks, and adblock 104 // scenarios where fbevents.js never loads. The React-side hook 105 // (useMetaPageViewDedup) reads __META_PV_CAPI_SENT and skips 106 // when this fired. See #991. 107 if(!eid)return; 108 try{ 109 var qs=new URLSearchParams(window.location.search); 110 var utm={ 111 utm_source:qs.get('utm_source')||undefined, 112 utm_medium:qs.get('utm_medium')||undefined, 113 utm_campaign:qs.get('utm_campaign')||undefined, 114 utm_term:qs.get('utm_term')||undefined, 115 utm_content:qs.get('utm_content')||undefined 116 }; 117 var hasUtm=false; 118 for(var k in utm){if(utm[k]){hasUtm=true;break;}} 119 // O portão de tráfego pago (#1379) MUDOU DE LADO: ele continua 120 // valendo para o espelho no CAPI da Meta, que existe para recuperar 121 // visita atribuÃda a anúncio e cuja volumetria suja o EMQ se levar 122 // orgânico junto. Agora quem o aplica é o backend, que tem os 123 // mesmos dois sinais no corpo (`utm` e `fbc`). 124 // 125 // A chamada em si deixou de ser barrada porque ela passou a fazer 126 // outra coisa também: gravar a visita como lead anônimo, que é o 127 // degrau de LPV do funil do admin. Esse degrau tem de contar 128 // orgânico â a barra de lead abaixo dele conta, e LPV pago sobre 129 // lead total é razão que passa de 100%. 130 var fbclid=qs.get('fbclid'); 131 var ck=document.cookie||''; 132 function cookieVal(name){ 133 var m=ck.match(new RegExp('(?:^|; )'+name+'=([^;]+)')); 134 return m?decodeURIComponent(m[1]):undefined; 135 } 136 var fbc=cookieVal('_fbc'); 137 // Synthesize fbc from fbclid if cookie not yet set (first hit 138 // from ad â Meta SDK sets _fbc on first fbq init, but our 139 // beacon fires before that lands). 140 if(!fbc&&fbclid){fbc='fb.1.'+Date.now()+'.'+fbclid;} 141 var fbp=cookieVal('_fbp'); 142 var locale=(navigator.language||'pt-BR'); 143 // `ad_traffic` é o sinal CRU, e é o que o backend lê para decidir 144 // o espelho no CAPI. NÃO pode ser derivado de `fbc`: o `fbc` abaixo 145 // pode vir do cookie de um clique antigo, e foi assim que toda 146 // visita orgânica de quem já clicou num anúncio disparava CAPI
147 // (#1379). Aqui o sinal é desta requisição: UTM na URL ou `fbclid`. 148 var payload={ 149 event_id:eid, 150 landing_path:window.location.pathname, 151 utm:hasUtm?utm:undefined, 152 fbc:fbc||undefined, 153 fbp:fbp||undefined, 154 locale:locale, 155 ad_traffic:!!(hasUtm||fbclid) 156 }; 157 // Resolve API origin from Vite-substituted env. In prod the API 158 // lives on api.realastrology.ai (separate subdomain), not on the 159 // SPA's CloudFront â relative paths fall through to the S3 SPA 160 // fallback and never reach the backend. See #991, #1024. 161 var apiUrl='https://api.realastrology.ai'; 162 if(!apiUrl||apiUrl.indexOf('VITE_')!==-1)apiUrl=''; 163 var endpoint=apiUrl.replace(/\/$/,'')+'/api/v1/public/lp-pageview'; 164 var body=new Blob([JSON.stringify(payload)],{type:'application/json'}); 165 var sent=false; 166 if(navigator.sendBeacon){ 167 sent=navigator.sendBeacon(endpoint,body); 168 } 169 if(!sent&&window.fetch){ 170 // Fallback for sendBeacon disabled/failed: keepalive fetch 171 fetch(endpoint,{ 172 method:'POST', 173 headers:{'Content-Type':'application/json'}, 174 body:JSON.stringify(payload), 175 keepalive:true, 176 credentials:'omit' 177 }).catch(function(){}); 178 sent=true; 179 } 180 if(sent)window.__META_PV_CAPI_SENT=true; 181 }catch(e){/* noop â CAPI is best-effort */} 182 })(); 183 </script>
183 184 <!-- End Meta Pixel --> 185 186 <!-- TikTok Pixel â inline so PageView fires before React hydrates. 187 Off until VITE_TIKTOK_PIXEL_ENABLED=true AND a pixel code is set, so 188 merging this costs nothing until the code exists in Events Manager. 189 190 CONSENT POSTURE differs from the Meta Pixel above, on purpose. Meta 191 boots with `fbq('consent','revoke')`, which lets basic attribution 192 events fire while Meta itself suppresses cookie writes. TikTok's 193 `ttq` exposes no equivalent revoke call: `ttq.load()` writes the 194 `_ttp` identifier as soon as it runs. With no way to load without 195 persisting an identifier, the only posture consistent with 196 `hasAnalyticsConsent()` ("undecided counts as NOT granted") is to not 197 load at all until analytics consent is granted. That means TikTok 198 measures less than Meta on non-consenting traffic. That is the same 199 deliberate trade-off documented in metaPixel.ts about `_fbp` 200 coverage â do not "fix" it by loading the pixel pre-consent. --> 201
201<script> 202 (function(){ 203 var code='DAJDRKBC77UES9751EP0'; 204 var en='true'; 205 // Vite leaves `%VITE_X%` verbatim when the var is undefined, so the 206 // indexOf guard is what keeps an unset build from loading a pixel 207 // called "DAJDRKBC77UES9751EP0". 208 if(en!=='true'||!code||code.indexOf('VITE_')!==-1)return; 209 // Same storage key and shape as utils/cookieConsent.ts. Duplicated 210 // rather than imported because this runs before any bundle loads; 211 // if that key or shape changes, change it in both places. 212 try{ 213 var raw=localStorage.getItem('astro_cookie_consent'); 214 if(!raw)return; 215 if(JSON.parse(raw)?.preferences?.analytics!==true)return; 216 }catch(e){return;/* storage blocked â treat as not granted */} 217 try{ 218 !function(w,d,t){w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[]; 219 ttq.methods=['page','track','identify','instances','debug','on','off', 220 'once','ready','alias','group','enableCookie','disableCookie']; 221 ttq.setAndDefer=function(o,m){o[m]=function(){ 222 o.push([m].concat(Array.prototype.slice.call(arguments,0)))}}; 223 for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]); 224 ttq.instance=function(id){var e=ttq._i[id]||[]; 225 for(var n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]); 226 return e}; 227 ttq.load=function(e,n){var r='https://analytics.tiktok.com/i18n/pixel/events.js'; 228 ttq._i=ttq._i||{};ttq._i[e]=[];ttq._i[e]._u=r;ttq._t=ttq._t||{}; 229 ttq._t[e]=+new Date;ttq._o=ttq._o||{};ttq._o[e]=n||{}; 230 var s=d.createElement('script');s.type='text/javascript';s.async=!0; 231 s.src=r+'?sdkid='+e+'&lib='+t; 232 var a=d.getElementsByTagName('script')[0]; 233 a.parentNode.insertBefore(s,a)}; 234 }(window,document,'ttq'); 235 ttq.load(code); 236 ttq.page(); 237 window.__TIKTOK_PIXEL_HTML_PV=true; 238 }catch(e){/* noop â pixel is best-effort, never break the page */} 239 })(); 240 </script>
240 241 <!-- End TikTok Pixel --> 242 243 <!-- Google Tag Manager --> 244
244<script> 245 document.addEventListener('DOMContentLoaded', function () { 246 // The O Novo Mercado (MAV) page-metrics integration used to seed two 247 // hidden inputs here, `accountID` and `accountPageID`. Removed 2026-07-31 248 // â unused. The GTM tag that read them resolved the visitor's public IP 249 // via api.ipify.org and posted it with their user agent, device and 250 // screen size to mav-external-api.onovomercado.com. Without the inputs 251 // that tag short-circuits, so the tracking and the IP lookup both stop 252 // from here; deleting the tag itself is a GTM-container change. 253 // 254 // Defer the GTM container load until the browser is idle (#1379) so 255 // ~360KB of third-party JS never competes with the critical render path. 256 var loadGtm = function () {
vendor: 523 bytes, lines 256-268
256 257 (function (w, d, s, l, i) { 258 w[l] = w[l] || []; w[l].push({ 259 'gtm.start': new Date().getTime(), 260 event: 'gtm.js' 261 }); 262 var f = d.getElementsByTagName(s)[0], 263 j = d.createElement(s), 264 dl = l != 'dataLayer' ? '&l=' + l : ''; 265 j.async = true; 266 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 267 f.parentNode.insertBefore(j, f); 268 })(window, document, 'script', 'dataLayer', '
268GTM-M7FNJJJ2
vendor: 12 bytes, lines 268-269
268'); 269
269}; 270 if ('requestIdleCallback' in window) { 271 requestIdleCallback(loadGtm, { timeout: 4000 }); 272 } else { 273 setTimeout(loadGtm, 2000); 274 } 275 }); 276 </script>
276 277 <!-- End Google Tag Manager --> 278
278<script type="module" crossorigin src="/assets/index-DY-XyNlk.js"></script>
278 279 <link rel="modulepreload" crossorigin href="/assets/react-vendor-DMCBMKwH.js"> 280 <link rel="modulepreload" crossorigin href="/assets/i18n-CRxfqRtU.js"> 281 <link rel="modulepreload" crossorigin href="/assets/radix-Dv40WeBR.js"> 282 <link rel="modulepreload" crossorigin href="/assets/charts-D11ksbhN.js"> 283 <link rel="stylesheet" crossorigin href="/assets/index-kQjD9Xyb.css"> 284 <meta property="og:type" content="website" data-rh="true"> 285<meta property="og:image" content="https://realastrology.ai/logo.png" data-rh="true"> 286<meta property="og:site_name" content="Real Astrology" data-rh="true"> 287<meta property="og:locale" content="pt_BR" data-rh="true"> 288<meta name="twitter:card" content="summary_large_image" data-rh="true"> 289<meta name="twitter:image" content="https://realastrology.ai/logo.png" data-rh="true"> 290<link rel="canonical" href="https://realastrology.ai/blog" data-rh="true"> 291<link rel="alternate" hreflang="pt-BR" href="https://realastrology.ai/blog" data-rh="true"> 292<link rel="alternate" hreflang="en-US" href="https://realastrology.ai/blog" data-rh="true"> 293<link rel="alternate" hreflang="x-default" href="https://realastrology.ai/blog" data-rh="true"> 294<link rel="alternate" type="application/rss+xml" title="Real Astrology â Blog" href="https://realastrology.ai/rss.xml" data-rh="true"> 295<meta name="description" content="Explore nossos artigos sobre astrologia tradicional, interpretação de mapas astrais e desenvolvimento pessoal." data-rh="true"> 296<meta property="og:title" content="Blog" data-rh="true"> 297<meta property="og:description" content="Explore nossos artigos sobre astrologia tradicional, interpretação de mapas astrais e desenvolvimento pessoal." data-rh="true"> 298<meta property="og:url" content="https://realastrology.ai/blog" data-rh="true"> 299<meta name="twitter:title" content="Blog" data-rh="true"> 300<meta name="twitter:description" content="Explore nossos artigos sobre astrologia tradicional, interpretação de mapas astrais e desenvolvimento pessoal." data-rh="true">
301<script type="application/ld+json" data-rh="true">[{"@context":"https://schema.org","@type":"Blog","name":"Blog","description":"Explore nossos artigos sobre astrologia tradicional, interpretação de mapas astrais e desenvolvimento pessoal.","url":"https://realastrology.ai/blog","publisher":{"@type":"Organization","name":"Real Astrology","url":"https://realastrology.ai","logo":{"@type":"ImageObject","url":"https://realastrology.ai/logo.png"}}},{"@context":"https://schema.org","@type":"ItemList","name":"Blog","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"name":"Lua - Ãrtemis e Selene: O Luminar Noturno","url":"https://realastrology.ai/blog/lua-selene-artemis"},{"@type":"ListItem","position":2,"name":"Como Ler Seu Mapa Natal: Guia Passo a Passo para Iniciantes","url":"https://realastrology.ai/blog/como-ler-mapa-natal"},{"@type":"ListItem","position":3,"name":"Lua em Cada Signo: Como Suas Emoções Se Expressam","url":"https://realastrology.ai/blog/lua-em-cada-signo-emocoes"},{"@type":"ListItem","position":4,"name":"Mercúrio - Hermes: O Mensageiro dos Deuses","url":"https://realastrology.ai/blog/mercurio-hermes"},{"@type":"ListItem","position":5,"name":"Retrogradação de Mercúrio: Mito ou Realidade?","url":"https://realastrology.ai/blog/retrogradacao-mercurio"},{"@type":"ListItem","position":6,"name":"Vênus - Afrodite: A Estrela da Beleza","url":"https://realastrology.ai/blog/venus-afrodite"},{"@type":"ListItem","position":7,"name":"Aspectos Planetários: Como os Planetas Se Comunicam no Seu Mapa","url":"https://realastrology.ai/blog/aspectos-planetarios-guia"},{"@type":"ListItem","position":8,"name":"Sol - Apolo e Hélio: O Luminar Diurno","url":"https://realastrology.ai/blog/sol-helios-apolo"},{"@type":"ListItem","position":9,"name":"Introdução à s Casas Astrológicas: O Que Elas Revelam Sobre Sua Vida","url":"https://realastrology.ai/blog/introducao-casas-astrologicas"}]}]</script>
301 302</head> 303 <body> 304
304<script> 305 (function(){try{var t=localStorage.getItem('theme'); 306 var s=t==='dark'||!t||(t==='system'&&matchMedia('(prefers-color-scheme:dark)').matches); 307 document.documentElement.classList.toggle('dark',s); 308 document.documentElement.style.colorScheme=s?'dark':'light'}catch(e){}})(); 309 </script>
309 310 <!-- Meta Pixel noscript fallback (injected by script to avoid Vite URI parse error) --> 311
311<script> 312 (function(){ 313 var pid='25961885150141099'; 314 if(pid&&pid.indexOf('VITE_')===-1){ 315 var ns=document.createElement('noscript'); 316 ns.innerHTML='<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id='+pid+'&ev=PageView&noscript=1"/>'; 317 document.body.insertBefore(ns,document.body.firstChild); 318 } 319 })(); 320 </script>
320 321 <div id="root" data-prerender-locale="pt-BR"><div class="blog-gold-accent pt-16"><header class="fixed top-0 left-0 right-0 z-50 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 h-16"><div class="flex h-full items-center justify-between px-4 max-w-[1180px] mx-auto"><a class="hover:opacity-80 transition-opacity" href="/"><img src="/logo-lockup-black-h.png" alt="Real Astrology" class="h-[42px] w-auto dark:hidden" loading="lazy"><img src="/logo-lockup-gold-h.png" alt="Real Astrology" class="h-[42px] w-auto hidden dark:block" loading="lazy"></a><div class="flex items-center gap-3"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-astro-sm h-10 w-10" type="button" id="radix-:r4:" aria-haspopup="menu" aria-expanded="false" data-state="closed" tabindex="0"><span class="text-base leading-none">ð§ð·</span><span class="sr-only">Português (BR)</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-astro-sm h-10 w-10 shrink-0" type="button" id="radix-:r6:" aria-haspopup="menu" aria-expanded="false" data-state="closed" tabindex="0"><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-sun h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><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-moon absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg><span class="sr-only">Alternar tema</span></button><a class="items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-astro-sm h-8 rounded-astro-sm px-3 text-xs hidden sm:inline-flex" href="/login">Entrar</a><a class="items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 rounded-astro-sm shadow-sm hover:shadow-md hover:-translate-y-0.5 active:translate-y-0 h-8 rounded-astro-sm px-3 text-xs hidden sm:inline-flex bg-accent text-accent-foreground hover:bg-accent/90" href="/register">Criar Conta</a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground rounded-astro-sm h-10 w-10 md:hidden min-h-[44px] min-w-[44px] text-foreground hover:bg-accent/10" aria-label="Abrir menu" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:r8:" data-state="closed" tabindex="0"><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-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><div class="container mx-auto max-w-[1180px] px-4 py-10 sm:px-8 sm:py-14"><header class="mb-8 text-center"><span class="inline-flex items-center gap-2.5 font-body text-[11px] font-semibold uppercase tracking-[0.16em] text-[hsl(var(--accent))] mb-3">O Diário Celeste</span><h1 class="m-0 font-display font-medium tracking-tight text-foreground text-balance text-[clamp(40px,6vw,72px)] leading-[1.04]">Blog <em class="font-display italic text-[hsl(var(--accent))]">Real Astrology</em></h1><p class="mx-auto mt-4 max-w-[560px] text-[16px] leading-relaxed text-muted-foreground sm:text-[17px]">Artigos sobre astrologia, mapas astrais e autoconhecimento</p></header><section class="mb-12 mt-2"><span class="inline-flex items-center gap-2.5 font-body text-[11px] font-semibold uppercase tracking-[0.16em] text-[hsl(var(--accent))] mb-4"><span aria-hidden="true" class="inline-block h-px w-6 bg-[hsl(var(--accent))]"></span>Em destaque</span><div class="grid grid-cols-1 gap-5 lg:grid-cols-[2fr_1fr]"><a class="group relative flex flex-col justify-end overflow-hidden rounded-2xl border border-border text-left text-white shadow-lg transition-shadow duration-200 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))] min-h-[420px] p-7 sm:min-h-[460px] sm:p-9" href="/blog/lua-selene-artemis" style="background: linear-gradient(135deg, rgb(19, 29, 52), rgb(11, 17, 30));"><img src="/blog/featured/astros-lua.webp" alt="Lua - Ãrtemis e Selene: O Luminar Noturno" width="1180" height="460" loading="eager" decoding="async" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"><div aria-hidden="true" class="absolute inset-0 bg-[linear-gradient(180deg,hsl(222_47%_8%/0.4)_0%,hsl(222_47%_8%/0.85)_100%)]"></div><span class="relative self-start rounded-md border px-2.5 py-1 font-body text-[11px] font-semibold uppercase tracking-[0.1em] border-[hsl(var(--accent)/0.3)] bg-[hsl(var(--accent)/0.18)] text-[hsl(var(--accent))]">Astros e Mitos</span>
321<h3 class="relative mt-3 font-display font-medium tracking-tight text-white text-balance text-[28px] leading-[1.15] sm:text-[38px]">Lua - Ãrtemis e Selene: O Luminar Noturno</h3><p class="relative mt-3.5 max-w-[560px] text-[15px] leading-relaxed text-white/80 sm:text-[16px]">Descubra a Lua na astrologia: mitologia de Ãrtemis e Selene, significado como luminar noturno e como ela representa emoções e o mundo interior na carta natal.</p><div class="relative flex items-center gap-3.5 font-mono text-[12px] tabular-nums text-white/60 mt-5"><span>21 de jun. de 2026</span><span aria-hidden="true">·</span><span>11 min de leitura</span></div></a><div class="flex flex-col gap-5"><a class="group relative flex flex-col justify-end overflow-hidden rounded-2xl border border-border text-left text-white shadow-lg transition-shadow duration-200 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))] min-h-[200px] p-5 sm:p-6" href="/blog/como-ler-mapa-natal" style="background: linear-gradient(135deg, rgb(19, 29, 52), rgb(11, 17, 30));"><img src="/blog/featured/como-ler-mapa-natal-iniciantes.webp" alt="Como Ler Seu Mapa Natal: Guia Passo a Passo para Iniciantes" width="560" height="320" loading="lazy" decoding="async" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"><div aria-hidden="true" class="absolute inset-0 bg-[linear-gradient(180deg,hsl(222_47%_8%/0.4)_0%,hsl(222_47%_8%/0.85)_100%)]"></div><span class="relative self-start rounded-md border px-2.5 py-1 font-body text-[11px] font-semibold uppercase tracking-[0.1em] border-[hsl(var(--accent)/0.3)] bg-[hsl(var(--accent)/0.18)] text-[hsl(var(--accent))]">Tutoriais</span><h3 class="relative mt-3 font-display font-medium tracking-tight text-white text-balance text-[18px] leading-[1.2] sm:text-[20px]">Como Ler Seu Mapa Natal: Guia Passo a Passo para Iniciantes</h3><div class="relative flex items-center gap-3.5 font-mono text-[12px] tabular-nums text-white/60 mt-2.5"><span>21 de jun. de 2026</span><span aria-hidden="true">·</span><span>6 min de leitura</span></div></a><a class="group relative flex flex-col justify-end overflow-hidden rounded-2xl border border-border text-left text-white shadow-lg transition-shadow duration-200 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))] min-h-[200px] p-5 sm:p-6" href="/blog/retrogradacao-mercurio" style="background: linear-gradient(135deg, rgb(19, 29, 52), rgb(11, 17, 30));"><img src="/blog/featured/retrogradacao-mercurio-mito-realidade.webp" alt="Retrogradação de Mercúrio: Mito ou Realidade?" width="560" height="320" loading="lazy" decoding="async" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"><div aria-hidden="true" class="absolute inset-0 bg-[linear-gradient(180deg,hsl(222_47%_8%/0.4)_0%,hsl(222_47%_8%/0.85)_100%)]"></div><span class="relative self-start rounded-md border px-2.5 py-1 font-body text-[11px] font-semibold uppercase tracking-[0.1em] border-[hsl(var(--accent)/0.3)] bg-[hsl(var(--accent)/0.18)] text-[hsl(var(--accent))]">Planetas</span><h3 class="relative mt-3 font-display font-medium tracking-tight text-white text-balance text-[18px] leading-[1.2] sm:text-[20px]">Retrogradação de Mercúrio: Mito ou Realidade?</h3><div class="relative flex items-center gap-3.5 font-mono text-[12px] tabular-nums text-white/60 mt-2.5"><span>18 de jun. de 2026</span><span aria-hidden="true">·</span><span>5 min de leitura</span></div></a></div></div></section><div class="mb-8 flex items-center gap-2 overflow-x-auto pb-3 pt-2 border-b border-border [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"><button type="button" class="inline-flex shrink-0 snap-start items-center gap-2 rounded-full min-h-[36px] px-3.5 py-2 font-body text-[13px] transition-colors duration-150 border border-[hsl(var(--accent))] bg-[hsl(var(--accent))] font-semibold text-[hsl(var(--accent-foreground))]"><span>Todas</span><span class="rounded-[10px] px-1.5 py-px font-mono text-[11px] bg-[hsl(var(--accent-foreground)/0.15)] text-[hsl(var(--accent-foreground))]">12</span></button><button type="button" class="inline-flex shrink-0 snap-start items-center gap-2 rounded-full min-h-[36px] px-3.5 py-2 font-body text-[13px] transition-colors duration-150 border border-border bg-transparent font-medium text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-foreground"><span>Astros e Mitos</span><span class="rounded-[10px] px-1.5 py-px font-mono text-[11px] bg-muted text-muted-foreground">7</span></button><button type="button" class="inline-flex shrink-0 snap-start items-center gap-2 rounded-full min-h-[36px] px-3.5 py-2 font-body text-[13px] transition-colors duration-150 border border-border bg-transparent font-medium text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-foreground"><span>Fundamentos</span><span class="rounded-[10px] px-1.5 py-px font-mono text-[11px] bg-muted text-muted-foreground">2</span></button><button type="button" class="inline-flex shrink-0 snap-start items-center gap-2 rounded-full min-h-[36px] px-3.5 py-2 font-body text-[13px] transition-colors duration-150 border border-border bg-transparent font-medium text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-foreground"><span>Planetas</span><span class="rounded-[10px] px-1.5 py-px font-mono text-[11px] bg-muted text-muted-foreground">2</span></button><button type="button" class="inline-flex shrink-0 snap-start items-center gap-2 rounded-full min-h-[36px] px-3.5 py-2 font-body text-[13px] transition-colors duration-150 border border-border bg-transparent font-medium text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-foreground"><span>Tutoriais</span><span class="rounded-[10px] px-1.5 py-px font-mono text-[11px] bg-muted text-muted-foreground">1</span></button></div><div class="mb-6 mt-2 flex items-center justify-end gap-2"><label for="blog-sort" class="text-sm text-muted-foreground">Ordenar por</label><button type="button" role="combobox" aria-controls="radix-:rb:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-9 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>
321span]:line-clamp-1 w-[190px]" id="blog-sort"><span style="pointer-events: none;">Mais recentes</span><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-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3"><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/lua-selene-artemis"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(147, 197, 253) 14%, transparent);">â¾</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(147, 197, 253); background: color-mix(in oklch, rgb(147, 197, 253) 14%, transparent);">Astros e Mitos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Lua - Ãrtemis e Selene: O Luminar Noturno</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Descubra a Lua na astrologia: mitologia de Ãrtemis e Selene, significado como luminar noturno e como ela representa emoções e o mundo interior na carta natal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>21 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>11 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>120</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/como-ler-mapa-natal"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">â¦</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: hsl(var(--accent)); background: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">Tutoriais</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Como Ler Seu Mapa Natal: Guia Passo a Passo para Iniciantes</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Aprenda a interpretar seu mapa natal passo a passo. Guia completo para iniciantes com explicações claras sobre planetas, signos, casas e aspectos.
321</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>21 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>6 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>120</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/lua-em-cada-signo-emocoes"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(147, 197, 253) 14%, transparent);">â¾</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(147, 197, 253); background: color-mix(in oklch, rgb(147, 197, 253) 14%, transparent);">Planetas</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Lua em Cada Signo: Como Suas Emoções Se Expressam</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Explore como a Lua em cada signo influencia suas emoções e necessidades. Descubra o que você precisa para se sentir seguro e emocionalmente realizado.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>20 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>6 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>115</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[
321cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/mercurio-hermes"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(167, 139, 250) 14%, transparent);">â¿</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(167, 139, 250); background: color-mix(in oklch, rgb(167, 139, 250) 14%, transparent);">Astros e Mitos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Mercúrio - Hermes: O Mensageiro dos Deuses</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Conheça Mercúrio, o Mensageiro dos Deuses: mitologia de Hermes, significado como planeta neutro e como ele representa mente e comunicação na carta natal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>19 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>10 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>105</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/retrogradacao-mercurio"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(167, 139, 250) 14%, transparent);">â¿</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(167, 139, 250); background: color-mix(in oklch, rgb(167, 139, 250) 14%, transparent);">Planetas</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Retrogradação de Mercúrio: Mito ou Realidade?</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Descubra a verdade sobre Mercúrio retrógrado: o que realmente acontece, como se preparar e como aproveitar esta energia para crescimento pessoal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line>
321<line x1="3" x2="21" y1="10" y2="10"></line></svg><span>18 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>5 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>109</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/venus-afrodite"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(249, 168, 212) 14%, transparent);">â</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(249, 168, 212); background: color-mix(in oklch, rgb(249, 168, 212) 14%, transparent);">Astros e Mitos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Vênus - Afrodite: A Estrela da Beleza</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Descubra Vênus, a Estrela da Beleza: mitologia de Afrodite, deusa do amor, dignidades astrológicas e como ela representa amor e prazer na carta natal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>17 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>10 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>107</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/aspectos-planetarios-guia"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">â¦</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: hsl(var(--accent)); background: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">Fundamentos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Aspectos Planetários: Como os Planetas Se Comunicam no Seu Mapa</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Entenda os aspectos planetários e como eles revelam a dinâmica entre diferentes áreas da sua vida. Guia completo de conjunções, trÃgonos, quadraturas e muito mais.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line>
321<line x1="3" x2="21" y1="10" y2="10"></line></svg><span>16 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>4 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>108</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/sol-helios-apolo"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, rgb(245, 158, 11) 14%, transparent);">â</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: rgb(245, 158, 11); background: color-mix(in oklch, rgb(245, 158, 11) 14%, transparent);">Astros e Mitos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Sol - Apolo e Hélio: O Luminar Diurno</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Conheça o Sol na astrologia: mitologia de Apolo e Hélio, significado como luminar diurno e como ele representa sua essência e vitalidade na carta natal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg><span>15 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>10 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>105</span></span></div></a><a class="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-sm p-5 sm:p-6 transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:border-[hsl(var(--accent)/0.4)] hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--accent))]" href="/blog/introducao-casas-astrologicas"><span aria-hidden="true" class="pointer-events-none absolute -right-5 -top-7 font-display text-[160px] italic leading-none select-none" style="color: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">â¦</span><div class="relative flex items-center gap-2"><span class="rounded px-2.5 py-0.5 font-body text-[11px] font-semibold uppercase tracking-[0.08em]" style="color: hsl(var(--accent)); background: color-mix(in oklch, hsl(var(--accent)) 14%, transparent);">Fundamentos</span></div><h3 class="relative mt-3.5 font-display font-medium tracking-tight text-[20px] leading-[1.18] text-foreground sm:text-[22px] text-balance line-clamp-2">Introdução à s Casas Astrológicas: O Que Elas Revelam Sobre Sua Vida</h3><p class="relative mt-3 line-clamp-2 font-body text-[14px] leading-relaxed text-muted-foreground">Descubra o significado das 12 casas astrológicas e como elas revelam diferentes áreas da sua vida â relacionamentos, carreira, espiritualidade â no seu mapa natal.</p><div class="relative mt-auto flex items-center gap-3.5 pt-3.5 border-t border-border font-mono text-[12px] tabular-nums text-muted-foreground"><span class="flex items-center gap-1.5"><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-calendar h-3 w-3" aria-hidden="true"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line>
321<line x1="3" x2="21" y1="10" y2="10"></line></svg><span>14 de jun. de 2026</span></span><span class="flex items-center gap-1.5"><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-clock h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>6 min</span></span><span class="ml-auto flex items-center gap-1.5"><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-eye h-3 w-3" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg><span>104</span></span></div></a></div><nav aria-label="Pagination" class="mt-10 flex items-center justify-center gap-2"><button type="button" disabled="" aria-label="Anterior" class="inline-flex min-h-[44px] items-center gap-1.5 rounded-xl border px-4 py-2 border-border bg-card text-foreground font-body text-[13px] font-medium transition-colors hover:border-[hsl(var(--accent)/0.4)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-border"><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-chevron-left h-4 w-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg><span class="hidden sm:inline">Anterior</span></button><span class="px-3 font-mono text-[13px] tabular-nums text-muted-foreground" aria-live="polite">Página 1 de 2</span><button type="button" aria-label="Próximo" class="inline-flex min-h-[44px] items-center gap-1.5 rounded-xl border px-4 py-2 border-[hsl(var(--accent))] bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))] font-body text-[13px] font-semibold shadow-[0_0_18px_hsl(43_74%_66%/0.25)] transition-opacity disabled:cursor-not-allowed disabled:opacity-40"><span class="hidden sm:inline">Próximo</span><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-chevron-right h-4 w-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></nav><section aria-labelledby="newsletter-strip-title" class="relative my-12 overflow-hidden rounded-2xl border border-[hsl(var(--accent)/0.25)] p-7 sm:p-10 grid grid-cols-1 items-center gap-8 lg:grid-cols-[1.2fr_1fr]" style="background: linear-gradient(135deg, rgb(19, 29, 52), rgb(14, 21, 37));"><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background: radial-gradient(60% 80% at 95% 50%, rgba(232, 196, 104, 0.18), transparent 65%);"></div><div class="relative text-[hsl(43_20%_90%)]"><div class="mb-2.5 flex items-center gap-2.5"><span class="inline-flex items-center gap-2.5 font-body text-[11px] font-semibold uppercase tracking-[0.16em] text-[hsl(var(--accent))]">Carta das Estrelas</span></div><h2 id="newsletter-strip-title" class="m-0 font-display text-[24px] font-medium leading-[1.15] text-white sm:text-[32px]">Receba uma <em class="font-display italic text-[hsl(var(--accent))]">leitura semanal</em> dos céus</h2><p class="m-0 mt-2.5 text-[14px] leading-relaxed text-white/75 sm:text-[15px]">Toda segunda-feira: trânsitos da semana, fonte clássica destacada, e um artigo novo. Sem spam, cancele a qualquer momento.</p></div><form class="relative flex flex-col gap-2.5"><div class="flex flex-col gap-2 sm:flex-row sm:gap-2"><input type="email" placeholder="[email protected]" required="" class="flex-1 rounded-full px-4 py-3.5 border border-[hsl(var(--accent)/0.3)] bg-[hsl(222_47%_6%/0.6)] font-body text-[14px] text-white placeholder:text-white/40 outline-none transition-colors focus-visible:border-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-70" value=""><button type="submit" class="inline-flex items-center justify-center gap-2 rounded-full px-5 py-3.5 bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))] font-body text-[14px] font-semibold shadow-[0_0_20px_hsl(43_74%_66%/0.3)] transition-opacity disabled:cursor-not-allowed disabled:opacity-60">Inscrever<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-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></form></section><section class="mt-12"><div class="mb-5 flex items-baseline gap-3.5"><h3 class="m-0 font-display text-[20px] font-medium text-foreground sm:text-[22px]">Tags Populares</h3><span aria-hidden="true" class="h-px flex-1 bg-border"></span></div><div class="flex flex-wrap gap-2"><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Planetas</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#tradicional</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Mitologia</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#mapa-natal</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#fundamentos</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Lua</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#mercúrio</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#júpiter</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#touro</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#sagitário</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#escorpião</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#peixes</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Marte</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Saturno</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#Tutorial</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#libra</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#gêmeos</button><button type="button" class="inline-flex items-center rounded-lg border px-3.5 py-1.5 font-body text-[13px] font-medium transition-colors min-h-[32px] border-border bg-muted/50 text-muted-foreground hover:border-[hsl(var(--accent)/0.5)] hover:text-[hsl(var(--accent))]">#câncer</button></div></section></div></div>
321<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div> 322 </body> 323</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.