PageSourceSearch

https://realastrology.ai/blog

html realastrology.ai collected 2026-10-05 15:12:40 UTC 66,947 bytes, 323 lines download raw bytes

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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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] [&amp;::-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 [&amp;&gt;
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.